:root{color-scheme:light;--bg: #f4f4f2;--surface: #ffffff;--surface-alt: #fafaf9;--line: #1a1a1a;--line-soft: #d4d4d2;--line-strong: #1a1a1a;--text: #0d0d0d;--muted: #4a4a4a;--accent: #0d0d0d;--accent-contrast: #ffffff;--focus: #0d0d0d}*{box-sizing:border-box;border-radius:0}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:IBM Plex Sans,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:grid;place-items:center;padding:24px}.panel{width:100%;max-width:680px;background:var(--surface);border:2px solid var(--line);box-shadow:4px 4px #0d0d0d}.page-shell{padding:0;display:flex;flex-direction:column}.panel>h1{margin:0;padding:18px 24px;background:var(--accent);color:var(--accent-contrast);font-size:.95rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--line)}.panel>p,.panel>section,.panel>div,.panel>fieldset{padding-left:24px;padding-right:24px}.panel>section{padding-top:8px;padding-bottom:16px}.panel>p{padding-top:16px;padding-bottom:16px;margin:0;color:var(--muted)}.panel>div{padding-top:12px;padding-bottom:12px}.panel>fieldset{margin:16px 24px 0;padding:12px 16px;border:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.panel>fieldset legend{padding:0 6px;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.panel>fieldset label{display:inline-flex;align-items:center;gap:6px}h2{margin:0 0 8px;font-size:.85rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.panel section h2{margin-top:8px}p{margin:0;color:var(--muted)}.button{margin-top:16px;border:1.5px solid var(--accent);background:var(--accent);color:var(--accent-contrast);padding:9px 14px;font:inherit;font-weight:600;letter-spacing:.04em;cursor:pointer}.button:hover,.button:focus-visible{background:var(--surface);color:var(--accent);outline:none}.button-primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.button:disabled{opacity:.5;cursor:not-allowed}[aria-label=drop-zone]{margin:8px 24px 16px;padding:28px 18px;border:2px dashed #1a1a1a;background:var(--surface-alt);color:var(--muted);text-align:center;font-weight:500;letter-spacing:.02em}[aria-label=drop-zone][data-drag-active=true]{border-color:var(--accent);background:#0d0d0d;color:#fff}.progress-list{margin:0;padding:0;list-style:none;border:1px solid var(--line-soft);background:var(--surface)}.progress-list-empty{margin:0;padding:14px 16px;border:1px solid var(--line-soft);background:var(--surface-alt);color:var(--muted);font-size:.9rem}.progress-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 12px;padding:14px 16px;border-top:1px solid var(--line-soft);align-items:center}.progress-item:first-child{border-top:0}.progress-filename{min-width:0;overflow-wrap:anywhere;font-weight:600}.progress-bar{grid-column:1 / 3;width:100%;height:10px;appearance:none;-webkit-appearance:none;background:var(--surface-alt);border:1px solid var(--line-soft)}.progress-bar::-webkit-progress-bar{background:var(--surface-alt)}.progress-bar::-webkit-progress-value{background:#0d0d0d}.progress-bar::-moz-progress-bar{background:#0d0d0d}.progress-percent{justify-self:end;font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem}.progress-meta{grid-column:1 / -1;display:flex;gap:16px;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.status-chip{justify-self:end;padding:2px 8px;border:1px solid var(--line-strong);font-size:.7rem;font-weight:700;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;background:var(--surface);color:var(--text)}.status-queued{background:var(--surface);color:var(--muted);border-color:var(--line-soft)}.status-uploading,.status-done{background:#0d0d0d;color:#fff;border-color:#0d0d0d}.status-error{background:#fff;color:#0d0d0d;border:2px solid #0d0d0d}.share-link{grid-column:1 / 3;width:fit-content;color:var(--text);text-decoration:underline;text-underline-offset:3px;font-weight:500}.share-copy-button{justify-self:start;grid-column:1 / 3;margin-top:0;padding:6px 10px;background:var(--surface);color:var(--accent);border:1.5px solid var(--accent);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.share-copy-button:hover,.share-copy-button:focus-visible{background:var(--accent);color:var(--accent-contrast);outline:none}.progress-error{grid-column:1 / -1;margin:0;color:#0d0d0d;font-size:.85rem;padding:4px 6px;border:1px solid #0d0d0d;background:var(--surface-alt)}.admin-table-wrap{margin:12px 24px 24px;border:1px solid var(--line-soft);overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;background:var(--surface)}.admin-table th,.admin-table td{padding:12px;border-top:1px solid var(--line-soft);text-align:left;vertical-align:top}.admin-table thead th{border-top:0;background:var(--accent);color:var(--accent-contrast);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}.admin-action-group{display:flex;flex-wrap:wrap;gap:8px}.admin-action-group .button{margin-top:0;padding:6px 10px;font-size:.85rem}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(max-width:640px){#root{place-items:stretch;padding:0}.panel{max-width:none;min-height:100vh;border-left:0;border-right:0;box-shadow:none}.progress-item{grid-template-columns:1fr auto}.progress-bar,.share-link,.share-copy-button{grid-column:1 / -1}}