:root{font-family:'Malgun Gothic',sans-serif;color:#243c30;background:#f3f5ef;font-size:14px}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;padding:32px 24px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}header strong{font-size:16px}header span,small{color:#778476;font-size:11px}.card{border:1px solid #dde5d7;border-radius:24px;background:#fff;padding:32px;box-shadow:0 12px 40px #203b2010}h1{font-size:32px;line-height:1.5;letter-spacing:-1px;margin:6px 0 14px}p{color:#6c7c6d;line-height:1.8}.upload{display:block;background:#edf3e5;border:1px dashed #a7bc93;padding:26px;border-radius:15px;margin:24px 0;color:#365a34}.upload strong{font-size:17px}.upload input{display:block;margin-top:14px;max-width:100%}#brandBox{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:18px}#brandBox[hidden]{display:none}label{display:grid;gap:7px;font-size:12px}input,button,select{font:inherit;border-radius:9px;border:1px solid #dce4d7;padding:11px;color:inherit;background:white}button{background:#36543a;color:white;border:0;cursor:pointer}button:disabled{opacity:.4;cursor:default}.secondary{background:#edf2e6;color:#3b5536}progress{width:100%;height:6px;accent-color:#739858}#status{white-space:pre-line;min-height:48px}#scan{font-size:12px}.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:22px 0 12px}.toolbar select{margin-left:auto}.table{overflow:auto;max-height:500px;border:1px solid #e1e7db;border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left}th{position:sticky;top:0;background:#f2f5ec;padding:12px;font-size:12px}td{padding:12px;border-bottom:1px solid #edf0e8;font-size:12px}td:first-child{min-width:160px}td:nth-child(2){width:65%;min-width:280px}td small{display:block;margin-top:5px}td input,td select{width:100%;padding:9px}td select{margin-top:5px;font-size:11px}.good{color:#487346;white-space:nowrap}.review{color:#9a762f;white-space:nowrap}footer{color:#7e8b7c;font-size:11px;margin-top:20px;line-height:1.8}.hint{font-size:12px;border-left:3px solid #cad9bb;padding-left:12px}a{color:#486b3d}@media(max-width:650px){main{padding:20px 12px}.card{padding:22px 16px}h1{font-size:25px}.toolbar select{margin-left:0}}

#brandBox{align-items:center;margin:26px 0 12px}.brand-label{flex:1;min-width:230px;font-weight:bold;font-size:15px}.brand-label input{margin-top:5px;font-size:16px;padding:14px}#brandHelp{flex:1;margin:12px 0;font-size:12px}#dropzone{transition:background .15s,border-color .15s,box-shadow .15s;gap:9px;cursor:pointer}#dropzone.unavailable{background:#f4f5f1;border-color:#d5dbce;color:#89917f;cursor:default}#dropzone.dragging{background:#dbeccf;border:2px solid #608b4b;box-shadow:0 0 0 5px #8eae6c22}.file-types{font-size:11px;color:#7c8874}#fileName{font-size:12px;font-weight:bold;overflow-wrap:anywhere}.actions{display:flex;gap:10px;margin-bottom:16px}#dropzone:focus-within{outline:3px solid #9fba87;outline-offset:3px}

.api-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.api-status button{font-size:11px;padding:7px 10px}