:root{color-scheme:light dark;--ink: #1a2422;--ink-soft: #55625d;--bg: #f2f5f4;--surface: #ffffff;--border: #d7dedb;--accent: #12766e;--accent-ink: #ffffff;--shadow: 0 1px 2px rgba(20, 30, 28, .04), 0 8px 24px -12px rgba(20, 30, 28, .12)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink: #eef2f0;--ink-soft: #9fb0aa;--bg: #121917;--surface: #1a2422;--border: #2d3a36;--accent: #4fd8c4;--accent-ink: #08211d;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -12px rgba(0, 0, 0, .5)}}:root[data-theme=dark]{--ink: #eef2f0;--ink-soft: #9fb0aa;--bg: #121917;--surface: #1a2422;--border: #2d3a36;--accent: #4fd8c4;--accent-ink: #08211d;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -12px rgba(0, 0, 0, .5)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);background-image:radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 45%);color:var(--ink);font-family:-apple-system,PingFang SC,Segoe UI,sans-serif;line-height:1.6;transition:background-color .2s ease,color .2s ease}.app{max-width:860px;margin:0 auto;padding:40px 20px 64px;transition:max-width .2s ease}.app:has(#player-area:not([hidden])){max-width:min(94vw,1200px)}.app-header h1{font-size:24px;letter-spacing:-.01em;margin:0 0 4px}.app-header h1 span{font-weight:400;color:var(--ink-soft);font-size:16px}.tagline{color:var(--ink-soft);font-size:14px;margin:0 0 28px}.layout{display:flex;gap:24px;align-items:flex-start}.main-col{flex:1;min-width:0}.drop-zone{border:2px dashed var(--border);border-radius:12px;padding:20px;background:var(--surface);box-shadow:var(--shadow);transition:border-color .15s ease,box-shadow .15s ease}.drop-zone.drag-over{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent),var(--shadow)}#drop-zone-hint{margin:0 0 10px;color:var(--ink-soft);font-size:13.5px}.text-input{width:100%;min-height:140px;border:1px solid var(--border);border-radius:8px;padding:12px;font:inherit;resize:vertical;background:var(--surface);color:var(--ink);transition:border-color .15s ease,min-height .15s ease,opacity .15s ease}.text-input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.text-input.compact{min-height:40px;resize:none;opacity:.7}.text-input.compact:focus-visible{opacity:1}.image-preview{display:block;max-width:100%;max-height:220px;min-height:32px;min-width:32px;margin-top:10px;border-radius:6px;border:1px solid var(--border);object-fit:contain;background:repeating-conic-gradient(color-mix(in srgb,var(--ink) 4%,transparent) 0% 25%,transparent 0% 50%) 50% / 16px 16px}.image-preview[hidden]{display:none}.status-line{margin:10px 2px 0;font-size:13px;color:var(--ink-soft)}.status-line.error{color:#b8451e}.player-area{margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px 20px;text-align:center;box-shadow:var(--shadow);animation:player-area-in .18s ease}@keyframes player-area-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.qr-canvas-frame{display:inline-block;border-radius:6px;background:#fff;padding:12px;border:1px solid var(--border);line-height:0}.qr-canvas{max-width:100%;height:auto;image-rendering:pixelated;display:block}.player-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.player-controls button{font:inherit;padding:9px 18px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform .08s ease}.player-controls button:not(:disabled):hover{border-color:var(--accent)}.player-controls button:not(:disabled):active{transform:scale(.97)}.player-controls button:disabled{opacity:.45;cursor:default}#next-frame-btn{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600}#next-frame-btn:not(:disabled):hover{filter:brightness(1.08)}#prev-frame-btn{color:var(--ink-soft)}.frame-info{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;flex-wrap:wrap}.frame-descriptor{font-variant-numeric:tabular-nums;color:var(--ink-faint, var(--ink-soft));font-size:12px;font-family:ui-monospace,SF Mono,monospace}.auto-toggle{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink-soft);cursor:pointer}.player-controls-secondary{margin-top:10px}.player-controls-secondary .reset-btn{font:inherit;padding:6px 14px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--ink-soft);cursor:pointer;font-size:13px;transition:border-color .12s ease,color .12s ease}.player-controls-secondary .reset-btn:hover{border-color:var(--border);color:var(--ink)}.rounds-label{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:13px}.advanced-panel{margin-top:16px;text-align:left;font-size:13.5px}.advanced-panel summary{cursor:pointer;color:var(--ink-soft)}.fps-row{display:flex;align-items:center;gap:10px;margin-top:10px}.fps-row input[type=range]{flex:1;accent-color:var(--accent)}.auto-toggle input[type=checkbox]{accent-color:var(--accent)}button:focus-visible,.drop-zone:focus-visible,input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar{flex:none;width:0}.sidebar:has(.ad-slot[style*="display: block"]){width:160px}.ad-slot{background:var(--surface);border:1px solid var(--border);border-radius:6px}.app-footer{margin-top:32px;text-align:center;font-size:12.5px}.app-footer a{color:var(--ink-soft);transition:color .12s ease}.app-footer a:hover{color:var(--accent)}