.modal-backdrop[data-v-3943ae73]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal[data-v-3943ae73]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px 24px;width:100%;max-width:380px;position:relative;display:flex;flex-direction:column;gap:16px}.modal-close[data-v-3943ae73]{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--text-muted);font-size:18px;padding:4px 8px;line-height:1}.modal-close[data-v-3943ae73]:hover{color:var(--text)}.qr-wrapper[data-v-3943ae73]{display:flex;justify-content:center}.qr-img[data-v-3943ae73]{border-radius:8px;width:200px;height:200px}.qr-skeleton[data-v-3943ae73]{width:200px;height:200px;background:var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px}.url-label[data-v-3943ae73]{font-size:13px;color:var(--text-muted)}.url-row[data-v-3943ae73]{display:flex;gap:8px}.url-input[data-v-3943ae73]{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:12px;padding:8px 10px;min-width:0}.btn-copy[data-v-3943ae73]{background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:13px;white-space:nowrap;flex-shrink:0}.status-banner[data-v-3943ae73]{padding:10px 14px;border-radius:var(--radius);font-size:13px;text-align:center;background:#ffffff0f;color:var(--text-muted)}.status-waiting[data-v-3943ae73]{background:#4ade8014;color:var(--accent)}.status-connected[data-v-3943ae73]{background:#4ade8026;color:var(--accent)}.status-error[data-v-3943ae73]{background:#ef44441f;color:var(--danger)}.page[data-v-24fcd5b0]{min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.header[data-v-24fcd5b0]{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header-actions[data-v-24fcd5b0]{display:flex;gap:8px}.sr-only[data-v-24fcd5b0]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.import-error[data-v-24fcd5b0]{color:var(--danger);font-size:14px;text-align:center;padding:8px 24px;background:var(--surface)}.btn-import[data-v-24fcd5b0]{background:var(--surface);border:1px solid var(--border);color:var(--text);font-weight:600}.logo[data-v-24fcd5b0]{font-size:22px;font-weight:700;color:var(--accent);letter-spacing:-.5px}.content[data-v-24fcd5b0]{flex:1;padding:24px;max-width:800px;width:100%;margin:0 auto}.empty-state[data-v-24fcd5b0]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 24px;text-align:center}.empty-icon[data-v-24fcd5b0]{font-size:56px}.empty-title[data-v-24fcd5b0]{font-size:22px;font-weight:600;color:var(--text)}.empty-sub[data-v-24fcd5b0]{color:var(--text-muted);margin-bottom:8px}.script-list[data-v-24fcd5b0]{list-style:none;display:flex;flex-direction:column;gap:16px}.script-card[data-v-24fcd5b0]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.script-card[data-v-24fcd5b0]:hover{border-color:var(--accent)}.card-body[data-v-24fcd5b0]{padding:16px 20px 12px;cursor:pointer}.card-title[data-v-24fcd5b0]{font-size:18px;font-weight:600;margin-bottom:6px;color:var(--text)}.card-preview[data-v-24fcd5b0]{font-size:14px;color:var(--text-muted);line-height:1.5;margin-bottom:8px}.card-date[data-v-24fcd5b0]{font-size:12px;color:var(--text-muted)}.card-actions[data-v-24fcd5b0]{display:flex;gap:8px;padding:10px 20px 14px;border-top:1px solid var(--border);flex-wrap:wrap}.btn-accent[data-v-24fcd5b0],.btn-start[data-v-24fcd5b0]{background:var(--accent);color:#111;font-weight:600}.btn-edit[data-v-24fcd5b0]{background:#3b82f6;color:#fff}.btn-share[data-v-24fcd5b0]{background:var(--surface);border:1px solid var(--border);color:var(--text);font-weight:500}.btn-danger[data-v-24fcd5b0]{background:var(--danger);color:#fff}.btn-transfer[data-v-24fcd5b0]{background:var(--surface);border:1px solid var(--border);color:var(--text);font-weight:500}.btn-transfer[data-v-24fcd5b0]:disabled{opacity:.4;cursor:not-allowed}.modal-title[data-v-24fcd5b0]{font-size:18px;font-weight:600;color:var(--text)}.modal-desc[data-v-24fcd5b0]{font-size:13px;color:var(--text-muted);line-height:1.5}@media (max-width: 480px){.header[data-v-24fcd5b0]{padding:12px 16px}.content[data-v-24fcd5b0]{padding:16px}.card-actions[data-v-24fcd5b0]{gap:6px}.card-actions button[data-v-24fcd5b0]{font-size:13px;padding:6px 12px}}.page[data-v-e6b6fa44]{height:100%;display:flex;flex-direction:column;background:var(--bg)}.header[data-v-e6b6fa44]{display:flex;align-items:center;gap:12px;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.page-title[data-v-e6b6fa44]{font-size:18px;font-weight:600;flex:1}.header-actions[data-v-e6b6fa44]{display:flex;gap:8px}.content[data-v-e6b6fa44]{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:20px 24px;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}.editor-layout[data-v-e6b6fa44]{flex:1;display:flex;gap:20px;overflow:hidden}.editor-panel[data-v-e6b6fa44]{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}.preview-panel[data-v-e6b6fa44]{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.preview-label[data-v-e6b6fa44]{font-size:13px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;border-bottom:1px solid var(--border)}.preview-body[data-v-e6b6fa44]{flex:1;overflow-y:auto;padding:16px}.field[data-v-e6b6fa44]{display:flex;flex-direction:column;gap:6px}.field.grow[data-v-e6b6fa44]{flex:1;overflow:hidden}.label[data-v-e6b6fa44]{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.input[data-v-e6b6fa44]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-size:16px;outline:none;transition:border-color .2s}.input[data-v-e6b6fa44]:focus{border-color:var(--accent)}.textarea[data-v-e6b6fa44]{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;color:var(--text);font-size:15px;font-family:Menlo,Consolas,monospace;line-height:1.6;resize:none;outline:none;transition:border-color .2s;min-height:300px;height:100%}.textarea[data-v-e6b6fa44]:focus{border-color:var(--accent)}.error-msg[data-v-e6b6fa44]{color:var(--danger);font-size:14px;margin-top:12px}.btn-ghost[data-v-e6b6fa44]{background:transparent;border:1px solid var(--border);color:var(--text);padding:8px 14px;white-space:nowrap}.btn-ghost[data-v-e6b6fa44]:hover{border-color:var(--text-muted)}.btn-accent[data-v-e6b6fa44]{background:var(--accent);color:#111;font-weight:600}.btn-preview[data-v-e6b6fa44]{background:var(--surface);border:1px solid var(--border);color:var(--text)}.prose[data-v-e6b6fa44] h1,.prose[data-v-e6b6fa44] h2,.prose[data-v-e6b6fa44] h3{color:var(--text);margin:16px 0 8px;line-height:1.3}.prose[data-v-e6b6fa44] h1{font-size:24px}.prose[data-v-e6b6fa44] h2{font-size:20px}.prose[data-v-e6b6fa44] h3{font-size:17px}.prose[data-v-e6b6fa44] p{color:var(--text);line-height:1.6;margin-bottom:12px}.prose[data-v-e6b6fa44] ul,.prose[data-v-e6b6fa44] ol{padding-left:20px;margin-bottom:12px}.prose[data-v-e6b6fa44] li{color:var(--text);line-height:1.6;margin-bottom:4px}.prose[data-v-e6b6fa44] code{background:#2a2a2a;color:var(--accent);padding:2px 6px;border-radius:4px;font-size:13px}.prose[data-v-e6b6fa44] blockquote{border-left:3px solid var(--accent);padding-left:12px;color:var(--text-muted);margin:12px 0}@media (max-width: 640px){.header[data-v-e6b6fa44]{padding:10px 16px}.content[data-v-e6b6fa44]{padding:16px}.editor-layout.has-preview[data-v-e6b6fa44]{flex-direction:column}.page-title[data-v-e6b6fa44]{font-size:15px}}.share-backdrop[data-v-96184fd0]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.share-modal[data-v-96184fd0]{background:var(--surface, #1e1e1e);border:1px solid var(--border, #333);border-radius:12px;padding:24px;max-width:360px;width:90%;text-align:center}.share-title[data-v-96184fd0]{font-size:20px;color:var(--text, #f0f0f0);margin:0 0 8px}.share-desc[data-v-96184fd0]{font-size:14px;color:var(--text-muted, #999);margin:0 0 16px;line-height:1.4}.qr-container[data-v-96184fd0]{display:flex;justify-content:center;margin-bottom:16px}.qr-container canvas[data-v-96184fd0]{border-radius:8px}.share-link-row[data-v-96184fd0]{display:flex;gap:8px;margin-bottom:12px}.share-link-input[data-v-96184fd0]{flex:1;background:#ffffff14;border:1px solid var(--border, #333);border-radius:6px;color:var(--text, #f0f0f0);padding:8px 12px;font-size:13px;outline:none;min-width:0}.share-link-input[data-v-96184fd0]:focus{border-color:var(--accent, #4ade80)}.share-copy-btn[data-v-96184fd0]{background:#ffffff1f;border:1px solid var(--border, #333);border-radius:6px;color:var(--text, #f0f0f0);padding:8px 12px;font-size:16px;cursor:pointer;flex-shrink:0}.share-copy-btn[data-v-96184fd0]:hover{background:#fff3}.share-status[data-v-96184fd0]{font-size:13px;margin-bottom:16px}.share-status.connected[data-v-96184fd0]{color:var(--accent, #4ade80)}.share-status.waiting[data-v-96184fd0]{color:var(--text-muted, #999)}.share-close-btn[data-v-96184fd0]{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text, #f0f0f0);padding:10px 24px;font-size:15px;cursor:pointer}.share-close-btn[data-v-96184fd0]:hover{background:#fff3}.tp-root[data-v-270c655a]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}.tp-root.mirrored .tp-scroll[data-v-270c655a]{transform:scaleX(-1)}.tp-scroll[data-v-270c655a]{flex:1;overflow-y:auto;overflow-x:hidden;cursor:pointer;scrollbar-width:none}.tp-scroll[data-v-270c655a]::-webkit-scrollbar{display:none}.tp-content[data-v-270c655a]{padding:32px 48px 0;max-width:900px;margin:0 auto;line-height:1.5}.tp-spacer[data-v-270c655a]{height:80vh}.controls[data-v-270c655a]{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);padding:24px 16px 16px;transition:opacity .3s,transform .3s;z-index:20}.controls-hidden .controls[data-v-270c655a]{opacity:0;transform:translateY(100%);pointer-events:none}.controls-inner[data-v-270c655a]{display:flex;align-items:center;gap:12px;max-width:900px;margin:0 auto;flex-wrap:wrap}.ctrl-btn[data-v-270c655a]{background:#ffffff1f;color:#fff;border-radius:8px;padding:10px 16px;font-size:18px;border:1px solid rgba(255,255,255,.2);transition:background .2s;flex-shrink:0}.ctrl-btn[data-v-270c655a]:hover{background:#ffffff38;opacity:1}.ctrl-btn.icon-btn[data-v-270c655a]{padding:10px 12px;min-width:44px;text-align:center}.ctrl-btn.icon-btn.active[data-v-270c655a]{background:#4ade8040;border-color:var(--accent);color:var(--accent)}.ctrl-separator[data-v-270c655a]{width:1px;height:24px;background:#ffffff26;flex-shrink:0}.play-btn[data-v-270c655a]{background:var(--accent);color:#111;border-color:transparent;font-size:20px;min-width:52px}.ctrl-group[data-v-270c655a]{display:flex;align-items:center;gap:8px}.ctrl-label[data-v-270c655a]{font-size:12px;color:#fff9;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.ctrl-slider[data-v-270c655a]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:4px;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.ctrl-slider[data-v-270c655a]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer}.ctrl-slider[data-v-270c655a]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.ctrl-value[data-v-270c655a]{font-size:12px;color:#ffffffb3;min-width:36px}.tap-hint[data-v-270c655a]{position:fixed;top:16px;left:50%;transform:translate(-50%);font-size:13px;color:#fff6;pointer-events:none}.show-controls-btn[data-v-270c655a]{position:fixed;bottom:16px;right:16px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:44px;height:44px;font-size:18px;padding:0;z-index:30}.focus-overlay[data-v-270c655a]{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,rgba(0,0,0,.15) 25%,transparent 40%,transparent 60%,rgba(0,0,0,.15) 75%,rgba(0,0,0,.6) 100%)}.focus-overlay[data-v-270c655a]:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#4ade8026}.frame-edit-overlay[data-v-270c655a]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none}.tp-root.mirrored .frame-edit-overlay[data-v-270c655a],.tp-root.mirrored .frame-instructions[data-v-270c655a]{transform:scaleX(-1)}.frame-box[data-v-270c655a]{position:absolute;top:0;bottom:0;border:2px dashed rgba(74,222,128,.5);border-radius:4px}.frame-handle[data-v-270c655a]{pointer-events:auto;position:absolute;top:0;bottom:0;width:44px;cursor:ew-resize;touch-action:none;background:#4ade8014;transition:background .2s}.frame-handle[data-v-270c655a]:hover,.frame-handle[data-v-270c655a]:active{background:#4ade8033}.frame-handle[data-v-270c655a]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:40px;border-radius:2px;background:#4ade8080}.frame-handle-left[data-v-270c655a]{left:-22px}.frame-handle-right[data-v-270c655a]{right:-22px}.frame-move-zone[data-v-270c655a]{pointer-events:auto;position:absolute;top:0;right:0;bottom:0;left:0;cursor:move;touch-action:none;z-index:-1;display:flex;align-items:flex-start;justify-content:center;padding-top:40px}.frame-instructions[data-v-270c655a]{background:#000000b3;color:#ffffffb3;padding:8px 16px;border-radius:8px;font-size:14px;white-space:nowrap;pointer-events:none}.loading[data-v-270c655a]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;font-size:18px;color:var(--text-muted)}.prose[data-v-270c655a] h1,.prose[data-v-270c655a] h2,.prose[data-v-270c655a] h3{color:#fff;margin:.6em 0 .3em;line-height:1.3;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.3em}.prose[data-v-270c655a] h1{font-size:1.4em}.prose[data-v-270c655a] h2{font-size:1.2em}.prose[data-v-270c655a] h3{font-size:1.05em}.prose[data-v-270c655a] p{color:#fff;margin-bottom:.6em}.prose[data-v-270c655a] ul,.prose[data-v-270c655a] ol{padding-left:1.2em;margin-bottom:.6em}.prose[data-v-270c655a] li{color:#fff;margin-bottom:.25em}.prose[data-v-270c655a] strong{color:var(--accent)}.prose[data-v-270c655a] em{color:#ddd;font-style:italic}.prose[data-v-270c655a] blockquote{border-left:4px solid var(--accent);padding-left:1em;color:#ccc;margin:.6em 0}.prose[data-v-270c655a] hr{border:none;border-top:1px solid #333;margin:1em 0}.modal-title[data-v-270c655a]{font-size:18px;font-weight:600;color:var(--text)}.modal-desc[data-v-270c655a]{font-size:13px;color:var(--text-muted);line-height:1.5}@media (max-width: 640px){.tp-content[data-v-270c655a]{padding:24px 24px 0}.ctrl-slider[data-v-270c655a]{width:70px}.controls-inner[data-v-270c655a]{gap:8px}.ctrl-btn[data-v-270c655a]{padding:8px 12px;font-size:16px}}.remote-root[data-v-2cdb6908]{min-height:100vh;min-height:100dvh;background:var(--bg, #111);color:var(--text, #f0f0f0);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.remote-status[data-v-2cdb6908]{text-align:center}.status-icon[data-v-2cdb6908]{font-size:48px;margin-bottom:16px}.status-text[data-v-2cdb6908]{font-size:18px;color:var(--text-muted, #999);margin:0 0 16px}.retry-btn[data-v-2cdb6908]{background:var(--accent, #4ade80);color:#111;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer}.remote-controls[data-v-2cdb6908]{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.remote-header[data-v-2cdb6908]{text-align:center;margin-bottom:8px}.connection-badge[data-v-2cdb6908]{display:inline-block;color:var(--accent, #4ade80);font-size:14px;font-weight:600}.remote-btn[data-v-2cdb6908]{background:#ffffff1a;color:var(--text, #f0f0f0);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px;font-size:20px;cursor:pointer;transition:background .2s;-webkit-tap-highlight-color:transparent}.remote-btn[data-v-2cdb6908]:active{background:#fff3}.play-btn[data-v-2cdb6908]{background:var(--accent, #4ade80);color:#111;border:none;font-weight:700;font-size:24px;padding:20px}.play-btn[data-v-2cdb6908]:active{background:#22c55e}.control-row[data-v-2cdb6908]{display:flex;align-items:center;gap:12px}.control-label[data-v-2cdb6908]{font-size:14px;color:var(--text-muted, #999);text-transform:uppercase;letter-spacing:.05em;width:50px;flex-shrink:0}.control-value[data-v-2cdb6908]{flex:1;text-align:center;font-size:18px;font-weight:600}.scroll-row[data-v-2cdb6908]{justify-content:center;gap:16px}.scroll-row .small-btn[data-v-2cdb6908]{flex:1;border-radius:12px;max-width:120px}.small-btn[data-v-2cdb6908]{width:56px;height:56px;font-size:24px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.mirror-btn.active[data-v-2cdb6908]{background:#4ade8033;border-color:var(--accent, #4ade80);color:var(--accent, #4ade80)}.reset-btn[data-v-2cdb6908]{font-size:16px;padding:14px}.tp-root[data-v-ed8cd314]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}.tp-root.mirrored .tp-scroll[data-v-ed8cd314]{transform:scaleX(-1)}.tp-scroll[data-v-ed8cd314]{flex:1;overflow-y:auto;overflow-x:hidden;cursor:pointer;scrollbar-width:none}.tp-scroll[data-v-ed8cd314]::-webkit-scrollbar{display:none}.tp-content[data-v-ed8cd314]{padding:32px 48px 0;max-width:900px;margin:0 auto;line-height:1.5}.tp-spacer[data-v-ed8cd314]{height:80vh}.overlay[data-v-ed8cd314]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:50}.overlay-box[data-v-ed8cd314]{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:32px}.overlay-icon[data-v-ed8cd314]{font-size:48px}.overlay-title[data-v-ed8cd314]{font-size:22px;font-weight:600;color:var(--text)}.overlay-sub[data-v-ed8cd314]{color:var(--text-muted);font-size:14px;max-width:280px}.btn-back[data-v-ed8cd314]{background:var(--surface);border:1px solid var(--border);color:var(--text);margin-top:8px}.controls[data-v-ed8cd314]{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);padding:24px 16px 16px;transition:opacity .3s,transform .3s;z-index:20}.controls-hidden .controls[data-v-ed8cd314]{opacity:0;transform:translateY(100%);pointer-events:none}.controls-inner[data-v-ed8cd314]{display:flex;align-items:center;gap:12px;max-width:900px;margin:0 auto;flex-wrap:wrap}.ctrl-btn[data-v-ed8cd314]{background:#ffffff1f;color:#fff;border-radius:8px;padding:10px 16px;font-size:18px;border:1px solid rgba(255,255,255,.2);transition:background .2s;flex-shrink:0}.ctrl-btn[data-v-ed8cd314]:hover{background:#ffffff38;opacity:1}.play-btn[data-v-ed8cd314]{background:var(--accent);color:#111;border-color:transparent;font-size:20px;min-width:52px}.mirror-btn.active[data-v-ed8cd314]{background:#4ade8040;border-color:var(--accent);color:var(--accent)}.ctrl-group[data-v-ed8cd314]{display:flex;align-items:center;gap:8px}.ctrl-label[data-v-ed8cd314]{font-size:12px;color:#fff9;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.ctrl-slider[data-v-ed8cd314]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:4px;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.ctrl-slider[data-v-ed8cd314]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer}.ctrl-slider[data-v-ed8cd314]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.ctrl-value[data-v-ed8cd314]{font-size:12px;color:#ffffffb3;min-width:36px}.tap-hint[data-v-ed8cd314]{position:fixed;top:16px;left:50%;transform:translate(-50%);font-size:13px;color:#fff6;pointer-events:none}.show-controls-btn[data-v-ed8cd314]{position:fixed;bottom:16px;right:16px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:44px;height:44px;font-size:18px;padding:0;z-index:30}.focus-overlay[data-v-ed8cd314]{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,rgba(0,0,0,.15) 25%,transparent 40%,transparent 60%,rgba(0,0,0,.15) 75%,rgba(0,0,0,.6) 100%)}.focus-overlay[data-v-ed8cd314]:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#4ade8026}.prose[data-v-ed8cd314] h1,.prose[data-v-ed8cd314] h2,.prose[data-v-ed8cd314] h3{color:#fff;margin:.6em 0 .3em;line-height:1.3;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.3em}.prose[data-v-ed8cd314] h1{font-size:1.4em}.prose[data-v-ed8cd314] h2{font-size:1.2em}.prose[data-v-ed8cd314] h3{font-size:1.05em}.prose[data-v-ed8cd314] p{color:#fff;margin-bottom:.6em}.prose[data-v-ed8cd314] ul,.prose[data-v-ed8cd314] ol{padding-left:1.2em;margin-bottom:.6em}.prose[data-v-ed8cd314] li{color:#fff;margin-bottom:.25em}.prose[data-v-ed8cd314] strong{color:var(--accent)}.prose[data-v-ed8cd314] em{color:#ddd;font-style:italic}.prose[data-v-ed8cd314] blockquote{border-left:4px solid var(--accent);padding-left:1em;color:#ccc;margin:.6em 0}.prose[data-v-ed8cd314] hr{border:none;border-top:1px solid #333;margin:1em 0}@media (max-width: 640px){.tp-content[data-v-ed8cd314]{padding:24px 24px 0}.ctrl-slider[data-v-ed8cd314]{width:70px}.controls-inner[data-v-ed8cd314]{gap:8px}.ctrl-btn[data-v-ed8cd314]{padding:8px 12px;font-size:16px}}.page[data-v-5cfd5425]{min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.header[data-v-5cfd5425]{display:flex;align-items:center;padding:16px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.logo[data-v-5cfd5425]{font-size:22px;font-weight:700;color:var(--accent);letter-spacing:-.5px}.content[data-v-5cfd5425]{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 24px}.state-box[data-v-5cfd5425]{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;max-width:360px}.state-icon[data-v-5cfd5425]{font-size:52px}.state-title[data-v-5cfd5425]{font-size:22px;font-weight:600;color:var(--text)}.state-sub[data-v-5cfd5425]{color:var(--text-muted);font-size:14px;line-height:1.5}.progress-bar[data-v-5cfd5425]{width:240px;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill[data-v-5cfd5425]{height:100%;background:var(--accent);border-radius:4px;transition:width .2s}.btn-accent[data-v-5cfd5425]{background:var(--accent);color:#111;font-weight:600;margin-top:8px}.btn-back[data-v-5cfd5425]{background:var(--surface);border:1px solid var(--border);color:var(--text);margin-top:8px}:root{--bg: #111111;--surface: #1e1e1e;--border: #333333;--text: #f0f0f0;--text-muted: #999999;--accent: #4ade80;--danger: #ef4444;--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;background-color:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{cursor:pointer;border:none;border-radius:var(--radius);padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .2s}button:hover{opacity:.85}