:root{--color-white: #ffffff;--color-cool-gray: #f3f4f6;--color-cool-gray-2: #e5e7eb;--color-charcoal: #171717;--color-ink: #1f1f1f;--color-marker-orange: #ff6f1e;--color-burnt-sienna: #b4410a;--color-muted: #6b7280;--color-danger: #dc2626;--font-heading: "Jua", "Gowun Dodum", ui-rounded, system-ui, sans-serif;--font-body: "Gowun Dodum", "Jua", ui-rounded, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px}@font-face{font-family:Jua;src:url(../fonts/jua-korean-400-normal.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Gowun Dodum;src:url(../fonts/gowun-dodum-korean-400-normal.woff2) format("woff2");font-weight:400 700;font-display:swap}*{box-sizing:border-box}html,body{margin:0;background:var(--color-white);color:var(--color-charcoal);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.page{max-width:1200px;margin:0 auto;padding:0 16px 24px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 0}.brand{display:flex;align-items:center;gap:8px;color:var(--color-ink);font-family:var(--font-heading);font-size:18px;font-weight:400}.brand svg{display:block}.tagline{font-family:var(--font-heading);font-size:22px;color:var(--color-ink)}.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}@media(min-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 280px;align-items:start}}.workspace>*{min-width:0}.upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;background:var(--color-cool-gray);border:1.5px dashed var(--color-cool-gray-2);border-radius:var(--radius-lg);cursor:pointer;text-align:center;padding:24px;transition:border-color .15s ease}.upload-box:hover{border-color:var(--color-muted)}.upload-box.drag-over{border-color:var(--color-marker-orange);background:#fff7ed}.upload-box:focus-visible{outline:2px solid var(--color-marker-orange);outline-offset:2px}.upload-primary{font-size:16px;font-weight:500}.upload-secondary{font-size:14px;color:var(--color-muted)}.upload-hint{font-size:13px;color:var(--color-muted);margin-top:2px}.file-meta{margin-top:8px;font-size:14px;color:var(--color-muted);min-height:20px}.file-strip{display:flex;gap:10px;overflow-x:auto;padding:10px 2px;scrollbar-width:thin;min-height:24px;cursor:grab;touch-action:pan-x pan-y;width:100%;max-width:100%;min-width:0}.file-strip:active{cursor:grabbing}.file-strip:focus-visible{outline:2px solid var(--color-marker-orange);outline-offset:2px}.file-strip::-webkit-scrollbar{height:6px}.file-strip::-webkit-scrollbar-thumb{background:var(--color-cool-gray-2);border-radius:3px}.file-card{flex:0 0 auto;width:128px;background:var(--color-cool-gray);border-radius:var(--radius-sm);padding:8px;position:relative}.file-card .thumb{width:100%;height:84px;object-fit:cover;border-radius:6px;background:var(--color-white);display:block}.file-card .thumb.pending{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-muted)}.file-card .fname{display:block;margin-top:6px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card .remove{position:absolute;top:4px;right:4px;width:44px;height:44px;border:0;border-radius:50%;background:#0000008c;color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto}.file-card .remove:disabled{opacity:.35;cursor:not-allowed}.file-controls{display:flex;gap:8px;margin-top:8px}.action-rail{display:flex;flex-direction:column;gap:16px}.action-group{display:flex;flex-direction:column;gap:8px}.action-group h2{margin:0;font-family:var(--font-heading);font-size:16px;font-weight:400;color:var(--color-ink);display:flex;align-items:center;gap:8px}.group-hint{font-family:var(--font-body);font-size:13px;color:var(--color-muted);font-weight:400}.btn{appearance:none;background:var(--color-white);border:0;border-radius:var(--radius-sm);color:var(--color-charcoal);font-family:var(--font-body);font-size:15px;font-weight:500;min-height:44px;padding:10px 16px;cursor:pointer;text-align:center;transition:background .12s ease}.btn:hover:not(:disabled){background:var(--color-cool-gray)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-marker-orange);outline-offset:2px}.btn.primary{background:var(--color-burnt-sienna);color:#fff}.btn.primary:hover:not(:disabled){background:#a84307}.btn.text{background:transparent;color:var(--color-muted);padding:6px 10px;font-size:14px;min-height:44px}.btn.text:hover:not(:disabled){color:var(--color-charcoal)}.status{margin-top:12px;min-height:24px;font-size:14px}.status.done{font-weight:500}.error-line{margin-top:8px;font-size:14px;color:var(--color-danger);min-height:20px}.notices{margin-top:20px;font-size:14px;color:var(--color-muted);line-height:1.6}.notices p{margin:4px 0;max-width:78ch}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:640px){.workspace{grid-template-columns:1fr}.action-rail{gap:12px}.action-group{gap:6px}.upload-box{min-height:160px}.tagline{font-size:18px}}