.field-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.4rem}.hint{font-size:.8rem;color:#6f6862;color:var(--text-muted);margin:.3rem 0 0}.key-input{font-family:"SF Mono","Fira Code","Cascadia Code",ui-monospace,monospace;font-size:2.25rem;text-align:center;letter-spacing:.3em;text-transform:uppercase;max-width:260px;padding:.5rem .75rem;width:100%;border:1px solid #e2ddd8;border:1px solid var(--border);border-radius:6px;background:#f5f4f1;background:var(--bg);color:#1c1917;color:var(--text);transition:border-color .12s,box-shadow .12s}.key-input:focus{outline:none;border-color:#2563eb;border-color:var(--accent);box-shadow:0 0 0 4px rgba(37,99,235,.12);box-shadow:0 0 0 4px var(--accent-glow)}.url-input{width:100%;padding:.6rem .85rem;border:1px solid #e2ddd8;border:1px solid var(--border);border-radius:6px;background:#f5f4f1;background:var(--bg);color:#1c1917;color:var(--text);font-size:1rem;font-family:inherit;transition:border-color .12s,box-shadow .12s}.url-input:focus{outline:none;border-color:#2563eb;border-color:var(--accent);box-shadow:0 0 0 4px rgba(37,99,235,.12);box-shadow:0 0 0 4px var(--accent-glow)}.zone{border:2px dashed #e2ddd8;border:2px dashed var(--border);border-radius:10px;padding:2rem 1.5rem;text-align:center;cursor:pointer;touch-action:manipulation;transition:border-color .12s,background .12s;user-select:none}.zone:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--accent);outline-offset:2px}.zone:hover,.zone.dragging{border-color:#2563eb;border-color:var(--accent);background:rgba(37,99,235,.04);background:var(--accent-subtle)}.zone.has-file{border-color:#86efac;border-color:var(--success-border);background:#f0fdf4;background:var(--success-bg)}.zone-icon{font-size:2rem;opacity:.4;margin-bottom:.4rem}.zone-label{font-size:.9rem;color:#6f6862;color:var(--text-muted);margin:0}.zone-label strong{color:#2563eb;color:var(--accent)}.zone-formats{font-size:.8rem;color:#6f6862;color:var(--text-muted);margin:.3rem 0 0}.zone-file-info{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.zone-file-info>*+*{margin-top:.25rem}.zone-file-info{margin:0}.zone-file-name{font-weight:500;color:#166534;color:var(--success-text);word-break:break-all}.zone-file-size{font-size:.8rem;color:#166534;color:var(--success-text);opacity:.8}.zone-clear-btn{margin-top:.65rem}.options-grid>*+*{margin-top:.6rem}@supports(display: grid){.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.options-grid>*+*{margin-top:0}@media(max-width: 480px){.options-grid{grid-template-columns:1fr}}}.option-item{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start}.option-item>*+*{margin-left:.6rem}.option-item{padding:.7rem .85rem;border:1px solid #e2ddd8;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:border-color .12s,background .12s}.option-item:has(input:checked){border-color:#2563eb;border-color:var(--accent);background:rgba(37,99,235,.04);background:var(--accent-subtle)}.option-item:has(input:disabled){opacity:.45;cursor:not-allowed}.option-item:has(input:disabled) input{cursor:not-allowed}.option-item input[type=checkbox]{margin-top:.2rem;accent-color:#2563eb;accent-color:var(--accent);width:1rem;height:1rem;-webkit-flex-shrink:0;flex-shrink:0;cursor:pointer}.option-disabled{opacity:.45;cursor:not-allowed}.option-label-row{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.option-label-row>*+*{margin-left:.4rem}.option-label{font-size:.875rem;font-weight:500}.option-tag{font-size:.72rem;font-weight:500;letter-spacing:.02em;color:#6f6862;color:var(--text-muted);background:#f5f4f1;background:var(--bg);border-radius:3px;padding:.1em .45em;line-height:1.6;white-space:nowrap}.option-desc{display:block;font-size:.8rem;color:#6f6862;color:var(--text-muted);margin-top:.1rem;line-height:1.4}.btn-secondary{display:inline-block;padding:.35rem .9rem;background:#fff;background:var(--surface);border:1px solid #6f6862;border:1px solid var(--text-muted);border-radius:6px;color:#1c1917;color:var(--text);font-size:.8rem;line-height:1;transition:background .12s}.btn-secondary:hover{background:#f5f4f1;background:var(--bg)}.btn-secondary:active{background:#e2ddd8;background:var(--border)}.btn-primary{display:block;width:100%;padding:.8rem 1.5rem;background:#2563eb;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:500;transition:background .12s;line-height:1}.btn-primary:hover:not(:disabled){background:#1d4ed8;background:var(--accent-hover)}.btn-primary:active:not(:disabled){box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@keyframes ellipsis{0%{content:""}33%{content:"."}66%{content:".."}100%{content:"..."}}.status-msg{padding:.85rem 1rem;border-radius:6px;font-size:.875rem;margin-top:.85rem;line-height:1.5;white-space:pre-wrap}.status-msg.status-success{background:#f0fdf4;background:var(--success-bg);border:1px solid #86efac;border:1px solid var(--success-border);color:#166534;color:var(--success-text)}.status-msg.status-error{background:#fef2f2;background:var(--error-bg);border:1px solid #fca5a5;border:1px solid var(--error-border);color:#991b1b;color:var(--error-text)}.status-msg.status-info{background:#fff;background:var(--surface);border:1px solid #e2ddd8;border:1px solid var(--border);color:#6f6862;color:var(--text-muted)}.status-msg.is-processing::after{content:"";animation:ellipsis 1.2s step-end infinite}.file-queue{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.4rem}.file-queue li{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;background:#fff;background:var(--surface);border:1px solid #e2ddd8;border:1px solid var(--border)}.fq-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.fq-size{font-size:.8rem;color:#6f6862;color:var(--text-muted);white-space:nowrap}.fq-status{font-size:.72rem;padding:.15rem .5rem;border-radius:999px;white-space:nowrap;background:#e2ddd8;background:var(--border);color:#6f6862;color:var(--text-muted)}.fq-status.fq-uploading{background:#fff;background:var(--surface);border:1px solid #e2ddd8;border:1px solid var(--border);color:#1c1917;color:var(--text)}.fq-status.fq-done{background:#f0fdf4;background:var(--success-bg);color:#166534;color:var(--success-text)}.fq-status.fq-error{background:#fef2f2;background:var(--error-bg);color:#991b1b;color:var(--error-text)}.fq-remove{background:none;border:none;padding:.1rem .3rem;font-size:1rem;line-height:1;color:#6f6862;color:var(--text-muted);border-radius:6px}.fq-remove:hover{color:#1c1917;color:var(--text);background:#e2ddd8;background:var(--border)}.progress-wrap{height:4px;background:#e2ddd8;background:var(--border);border-radius:2px;overflow:hidden;margin-top:.7rem}.progress-wrap .progress-fill{height:100%;width:var(--progress, 0%);background:#2563eb;background:var(--accent);border-radius:2px;transition:width .2s ease}details#history.card{margin-top:1rem}details#history[open] .history-summary{margin-bottom:.6rem}details#history[open] .history-chevron::after{transform:rotate(135deg)}.history-summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#6f6862;color:var(--text-muted);margin:0;user-select:none}.history-summary::-webkit-details-marker{display:none}.history-summary:hover .history-chevron{background:#e2ddd8;background:var(--border)}.history-summary:active .history-chevron{background:rgba(37,99,235,.04);background:var(--accent-subtle)}.history-chevron{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;flex-shrink:0;transition:background .12s}.history-chevron::after{content:"";width:.35rem;height:.35rem;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.history-list li{display:flex;align-items:baseline;gap:.5rem;font-size:.875rem}.history-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-time{font-size:.8rem;color:#6f6862;color:var(--text-muted);white-space:nowrap}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}#toast-container{position:fixed;bottom:32px;right:32px;display:flex;flex-direction:column;gap:.5rem;z-index:1000;pointer-events:none}.toast{padding:.75rem 1rem;border-radius:6px;font-size:.875rem;max-width:320px;pointer-events:auto;background:#f0fdf4;background:var(--success-bg);border:1px solid #86efac;border:1px solid var(--success-border);color:#166534;color:var(--success-text);box-shadow:0 4px 12px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.08);animation:toast-in .2s ease,toast-out .3s ease 2.7s forwards}