*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--toolbar-h: 40px;--sidebar-w: 168px;--radius: 8px;--transition: .15s ease}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.app.dark{--bg: #0f0f1a;--bg-surface: #1a1a2e;--bg-surface2: #252540;--bg-hover: #2a2a4a;--text: #e4e4f0;--text-dim: #8888aa;--border: #2d2d50;--accent: #6366f1;--accent-hover: #818cf8;--danger: #ef4444}.app.light{--bg: #ffffff;--bg-surface: #ffffff;--bg-surface2: #f4f4f8;--bg-hover: #e8e8f0;--text: #1a1a2e;--text-dim: #6b7280;--border: #d1d5db;--accent: #6366f1;--accent-hover: #4f46e5;--danger: #ef4444}.app{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.main-area{flex:1;display:flex;position:relative;overflow:hidden}.canvas-wrapper{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.canvas-stage{flex:1;position:relative;overflow:hidden}.pages-bar{height:44px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-surface);border-top:1px solid var(--border);box-shadow:0 -1px 3px #0000000a}.pages-bar-inner{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:2px}.pages-bar-inner::-webkit-scrollbar{height:4px}.pages-bar-inner::-webkit-scrollbar-track{background:transparent}.pages-bar-inner::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.page-tab{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 4px 0 8px;background:transparent;color:var(--text-dim);border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;white-space:nowrap;transition:background var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition);-webkit-user-select:none;user-select:none;position:relative}.page-tab:hover{background:var(--bg-surface2);color:var(--text)}.page-tab.active{background:var(--bg-surface2);color:var(--text);border-color:var(--border);box-shadow:0 1px 2px #0000000f,inset 0 0 0 1px #6366f11f}.page-tab.active:before{content:"";position:absolute;left:8px;right:8px;bottom:-7px;height:2px;border-radius:2px 2px 0 0;background:var(--accent)}.page-tab-name{padding-left:4px;max-width:140px;overflow:hidden;text-overflow:ellipsis}.page-tab-input{background:var(--bg);color:var(--text);border:1px solid var(--accent);border-radius:6px;padding:2px 6px;font-size:12px;font-weight:500;outline:none;width:120px;font-family:inherit}.page-tab-actions{display:inline-flex;align-items:center;gap:2px;opacity:0;margin-left:-4px;max-width:0;overflow:hidden;transition:opacity var(--transition),max-width var(--transition),margin-left var(--transition)}.page-tab:hover .page-tab-actions,.page-tab.active .page-tab-actions{opacity:1;max-width:56px;margin-left:0}.page-tab-btn{background:transparent;color:var(--text-dim);border:none;cursor:pointer;width:22px;height:22px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background var(--transition),color var(--transition)}.page-tab-btn:hover{background:var(--bg-hover);color:var(--text)}.page-tab-close:hover{background:var(--danger);color:#fff}.page-menu{position:fixed;z-index:1200;min-width:208px;padding:6px;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #0000002e,0 2px 6px #0000001a;display:flex;flex-direction:column;gap:1px;animation:page-menu-in .12s ease-out}@keyframes page-menu-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 9px;background:transparent;color:var(--text);border:none;border-radius:7px;cursor:pointer;font-size:12.5px;font-weight:500;font-family:inherit;text-align:left;transition:background var(--transition),color var(--transition)}.page-menu-item svg{flex-shrink:0;color:var(--text-dim)}.page-menu-item span{flex:1;white-space:nowrap}.page-menu-item:hover{background:var(--bg-surface2)}.page-menu-item.active{color:var(--accent)}.page-menu-item.active svg{color:var(--accent)}.page-menu-check{display:inline-flex;align-items:center;justify-content:center}.page-menu-danger:hover{background:var(--danger);color:#fff}.page-menu-danger:hover svg{color:#fff}.page-menu-sep{height:1px;margin:5px 4px;background:var(--border)}.page-menu-label{padding:4px 9px 2px;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.page-tab-add{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:4px;background:transparent;color:var(--text-dim);border:1px solid transparent;border-radius:8px;cursor:pointer;flex-shrink:0;padding:0;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.page-tab-add:hover{background:rgba(99,102,241,.1);color:var(--accent);border-color:#6366f14d}.page-tab-add:active{transform:scale(.9)}.pages-bar-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;padding-left:8px;margin-left:4px;border-left:1px solid var(--border)}.pages-bar-action{display:inline-flex;align-items:center;height:26px;padding:0 10px;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:11.5px;font-weight:500;font-family:inherit;letter-spacing:.01em;transition:background var(--transition),color var(--transition),border-color var(--transition)}.pages-bar-action:hover{background:var(--bg-surface2);color:var(--text);border-color:var(--text-dim)}.pages-bar-action-icon{padding:0;width:26px;justify-content:center}.pages-bar-action.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pages-bar-action.active:hover{background:var(--accent);border-color:var(--accent);filter:brightness(1.05)}.toolbar{height:var(--toolbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 12px;gap:4px;z-index:10;flex-shrink:0;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-separator{width:1px;height:24px;background:var(--border);margin:0 6px;flex-shrink:0}.tool-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text);border-radius:6px;cursor:pointer;transition:background var(--transition);font-size:16px;flex-shrink:0}.tool-btn svg{width:16px;height:16px;flex-shrink:0}.tool-btn:hover{background:var(--bg-hover)}.tool-btn.tool-btn-text{width:auto;padding:0 10px;font-size:13px;font-weight:600}.tool-btn.active{background:var(--accent);color:#fff}.tool-btn.tool-btn-shapes{width:auto;min-width:30px;padding:0 4px 0 6px;gap:1px}.tool-btn.tool-btn-shapes .tool-btn-shapes-caret{font-size:9px;line-height:1;opacity:.6;margin-left:-1px}.tool-btn.tool-btn-shapes.active .tool-btn-shapes-caret{opacity:.85}.tool-btn.tool-btn-shapes.open{background:var(--bg-hover)}.tool-btn.tool-btn-fit-caret{width:auto;min-width:18px;padding:0 5px;margin-left:-4px}.tool-btn.tool-btn-fit-caret .tool-btn-shapes-caret{font-size:9px;line-height:1;opacity:.6}.tool-btn.tool-btn-fit-caret.open{background:var(--bg-hover)}.shape-picker{position:fixed;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000002e;padding:8px;z-index:1000;min-width:180px}.shape-picker-header{display:flex;align-items:center;gap:6px;padding:2px 6px 8px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted, var(--text));opacity:.7}.shape-picker-header svg{width:13px;height:13px}.shape-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.shape-picker-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:76px;height:64px;padding:6px 4px;border:1px solid transparent;background:transparent;color:var(--text);border-radius:8px;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition);font-size:11px}.shape-picker-item svg{width:22px;height:22px}.shape-picker-item:hover{background:var(--bg-hover);border-color:var(--border)}.shape-picker-item.active{background:var(--accent);color:#fff;border-color:var(--accent)}.shape-picker-item-label{font-size:11px;line-height:1;opacity:.85}.frame-picker{min-width:200px}.frame-picker-list{display:flex;flex-direction:column;gap:2px}.frame-picker-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border:1px solid transparent;background:transparent;color:var(--text);border-radius:8px;cursor:pointer;text-align:left;transition:background var(--transition),border-color var(--transition),color var(--transition)}.frame-picker-item:hover{background:var(--bg-hover);border-color:var(--border)}.frame-picker-item.active{background:var(--accent);color:#fff;border-color:var(--accent)}.frame-picker-glyph{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;opacity:.85}.frame-picker-glyph>span{display:block}.frame-picker-text{display:flex;flex-direction:column;gap:1px;min-width:0}.frame-picker-label{font-size:12px;font-weight:600;line-height:1.1}.frame-picker-sub{font-size:10.5px;line-height:1.1;opacity:.7}.tool-btn.tool-btn-record{color:#ef4444}.tool-btn.tool-btn-record:hover{background:rgba(239,68,68,.15)}.toolbar-record-hero{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 14px;border:none;border-radius:15px;background:#dc2626;color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .14s ease,transform .14s ease}.toolbar-record-hero:hover{background:#b91c1c;transform:translateY(-1px)}.toolbar-record-hero-dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffffff40}.tool-btn.toolbar-studio-btn{position:relative;width:auto;display:inline-flex;align-items:center;gap:6px;padding:0 10px}.toolbar-studio-label{font-size:12px;font-weight:500}.toolbar-studio-dot{position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 2px var(--bg-surface)}.tool-btn.tool-btn-sync.sync-saved{color:#10b981}.tool-btn.tool-btn-sync.sync-error{color:#ef4444}.tool-btn.tool-btn-sync.sync-loading,.tool-btn.tool-btn-sync.sync-saving{color:var(--accent)}.tool-btn.tool-btn-manim{width:auto;min-width:30px;padding:0 10px;font-size:13px;font-weight:600;white-space:nowrap}.tool-btn.tool-btn-ai{color:var(--accent)}.tool-btn.tool-btn-ai:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.tool-btn.tool-btn-ai.active{color:#fff}.file-menu-portal{width:0;height:0;background:transparent}.file-menu{position:fixed;min-width:180px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 20px #0000002e;padding:4px;display:flex;flex-direction:column;gap:1px;z-index:1000}.file-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:none;background:transparent;color:var(--text);border-radius:5px;cursor:pointer;font-size:13px;text-align:left;transition:background var(--transition)}.file-menu-item:hover{background:var(--bg-hover)}.file-menu-item svg{width:16px;height:16px;flex-shrink:0}.file-menu-header{padding:8px 10px 6px;border-bottom:1px solid var(--border);margin-bottom:4px;display:flex;flex-direction:column;gap:2px;-webkit-user-select:none;user-select:none}.file-menu-header-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.file-menu-header-email{font-size:11.5px;color:var(--text-muted, var(--text));opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.file-menu-credits{padding:6px 10px 8px;border-bottom:1px solid var(--border);margin-bottom:4px;display:flex;flex-direction:column;gap:3px;-webkit-user-select:none;user-select:none;min-width:200px}.file-menu-credits-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text);opacity:.7;margin-bottom:2px}.file-menu-credits-plan{font-size:10px;font-weight:700;letter-spacing:.04em;padding:1px 6px;border-radius:999px;background:var(--bg-secondary, rgba(124, 92, 255, .12));border:1px solid var(--border);opacity:1}.file-menu-credits-row{display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.file-menu-credits-name{color:var(--text);opacity:.85}.file-menu-credits-value{font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.file-menu-credits-value.empty{color:#ff6b8a}.file-menu-credits-grant{color:var(--text);opacity:.55;font-weight:500}.viz-dialog{width:min(1100px,95vw);max-width:none;display:flex;flex-direction:column;gap:12px}.viz-body{display:grid;grid-template-columns:200px 1fr 1fr;gap:12px;min-height:420px}.viz-type-list{display:flex;flex-direction:column;gap:2px;border:1px solid var(--border);border-radius:8px;padding:6px;overflow-y:auto;max-height:460px}.viz-type-section-label{font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;padding:6px 8px 2px}.viz-type-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:none;background:transparent;color:var(--text);border-radius:6px;cursor:pointer;font-size:13px;text-align:left;white-space:nowrap}.viz-type-item:hover{background:var(--bg-hover)}.viz-type-item.active{background:var(--accent);color:#fff}.viz-editor{display:flex;flex-direction:column;gap:8px;min-height:0}.viz-editor textarea,.viz-editor input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface2);color:var(--text);font-size:13px;outline:none;box-sizing:border-box}.viz-editor textarea{flex:1;min-height:260px;font-family:monospace;resize:vertical}.viz-preview{display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid var(--border);border-radius:8px;background:#fff;overflow:auto;min-height:260px}.viz-preview-empty{color:var(--text-dim);font-size:13px}.viz-preview-error{color:#e03131;font-family:monospace;font-size:12px;white-space:pre-wrap}.viz-ai-bar{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface2)}.viz-ai-row{display:flex;gap:8px;align-items:stretch}.viz-ai-prompt{flex:1;min-height:48px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);color:var(--text);font-size:13px;font-family:inherit;outline:none;resize:vertical}.viz-ai-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.viz-ai-attach,.viz-ai-generate{white-space:nowrap;padding:6px 12px;font-size:12px}.viz-ai-chips{display:flex;flex-wrap:wrap;gap:6px}.viz-ai-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;font-size:11px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viz-ai-chip button{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:14px;line-height:1;padding:0}.viz-ai-error{color:#e03131;font-size:12px;white-space:pre-wrap}.recorder-controls{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;box-shadow:0 10px 30px #00000040;z-index:200;pointer-events:none}.recorder-controls .recorder-btn{pointer-events:auto}.recorder-indicator{display:flex;align-items:center;gap:8px;padding:0 10px 0 4px;font-size:13px;color:var(--text);-webkit-user-select:none;user-select:none}.recorder-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 #ef444499;animation:recorder-pulse 1.4s infinite}.recorder-dot.paused{background:#f59e0b;animation:none}@keyframes recorder-pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.recorder-time{font-variant-numeric:tabular-nums;font-weight:600}.recorder-source{color:var(--text-dim);font-size:12px}.recorder-mic-meter{display:inline-flex;align-items:flex-end;gap:2px;height:14px;margin-left:2px}.recorder-mic-bar{width:3px;border-radius:1px;background:var(--border);transition:background 80ms linear}.recorder-mic-bar.lit{background:#10b981}.recorder-mic-warn{padding:1px 7px;border-radius:9px;background:rgba(239,68,68,.18);color:#ef4444;font-size:11px;font-weight:600;white-space:nowrap}.recorder-btn{width:38px;height:38px;border:none;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:filter var(--transition),transform var(--transition)}.recorder-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.recorder-btn-pause{background:#f59e0b}.recorder-btn-discard{background:#ef4444}.recorder-btn-discard svg{stroke:#fff!important}.recorder-btn-download{background:#10b981}.recorder-start-btn{display:inline-flex;align-items:center;gap:6px}.recorder-dialog .dialog-field{margin-bottom:14px}.recorder-dialog .dialog-field:last-of-type{margin-bottom:0}.recorder-source-options{display:flex;flex-direction:row;gap:4px;padding:3px;background:var(--bg-surface2);border-radius:8px}.recorder-source-option{flex:1;display:flex;align-items:center;justify-content:center;min-height:34px;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-dim);font-size:12px;font-weight:500;font-family:inherit;line-height:1.3;text-align:center;cursor:pointer;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.recorder-source-option:hover{color:var(--text);background:var(--bg-hover)}.recorder-source-option.active{background:var(--bg-surface);color:var(--accent);box-shadow:0 1px 2px #0000000f,0 0 0 1px #6366f126}.recorder-hint{font-size:12px;line-height:1.5;color:var(--text-dim);margin:12px 0 0}.recorder-toggles{display:flex;flex-direction:column;gap:10px}.recorder-toggle{display:grid;grid-template-columns:16px 1fr;column-gap:10px;align-items:center;cursor:pointer;font-size:13px;color:var(--text);-webkit-user-select:none;user-select:none}.recorder-toggle input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--accent)}.recorder-toggle span{line-height:1.35}.recorder-camera-select{margin-left:26px;margin-top:-2px;max-width:calc(100% - 26px);padding:6px 8px;font-size:13px;color:var(--text);background:var(--bg-surface2);border:1px solid var(--border);border-radius:6px;cursor:pointer}.cam-box{position:absolute;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #0006;cursor:move;z-index:150;background:#000;border:2px solid rgba(255,255,255,.9);touch-action:none;-webkit-user-select:none;user-select:none}.cam-box.cam-box-locked{cursor:default}.cam-box.cam-box-circle{border-radius:50%}.cam-box.cam-box-behind{z-index:1;border:none;border-radius:0;box-shadow:none}.canvas-stage.cam-backdrop>div:first-child{position:relative;z-index:2}.cam-box video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.cam-box-actions{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity var(--transition)}.cam-box:hover .cam-box-actions{opacity:1}.cam-box-btn{width:26px;height:26px;border:none;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition)}.cam-box-btn:hover{background:rgba(0,0,0,.8)}.cam-box-btn svg{width:14px;height:14px}.tool-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:inherit;line-height:1}.zoom-label{font-size:12px;color:var(--text-dim);min-width:40px;text-align:center;-webkit-user-select:none;user-select:none}.sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex-shrink:0;z-index:5;transition:width var(--transition)}.sidebar-collapsed{width:44px;padding:5px;align-items:center;gap:0;overflow:hidden}.sidebar-toggle-row{display:flex;justify-content:flex-end;margin-bottom:-4px}.sidebar-toggle{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:9px;color:var(--text-dim);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.sidebar-toggle:hover{background:var(--bg-hover, rgba(128, 128, 128, .12));color:var(--text);border-color:var(--accent)}.sidebar-toggle svg{width:20px;height:20px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar-section{display:flex;flex-direction:column;gap:6px}.sidebar-label{font-size:10px;font-weight:600;letter-spacing:.3px;color:var(--text-dim);display:flex;align-items:center;gap:6px}.current-color-dot{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #8080804d;flex-shrink:0}.current-color-dot.is-transparent{background:repeating-conic-gradient(rgba(0,0,0,.15) 0% 25%,transparent 0% 50%) 50% / 6px 6px}.color-grid{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:2px 0}.color-swatch{width:20px;height:20px;flex-shrink:0;border-radius:5px;border:none;padding:0;cursor:pointer;position:relative;box-shadow:inset 0 0 0 1px #80808047;transition:box-shadow var(--transition),transform var(--transition)}.color-swatch:hover{transform:scale(1.12)}.color-swatch.selected{box-shadow:inset 0 0 0 1px #80808047,0 0 0 2px var(--bg-surface),0 0 0 4px var(--accent)}.transparent-swatch{background:linear-gradient(to top right,transparent calc(50% - 1.2px),var(--danger) calc(50% - 1.2px),var(--danger) calc(50% + 1.2px),transparent calc(50% + 1.2px)),repeating-conic-gradient(rgba(0,0,0,.08) 0% 25%,transparent 0% 50%) 50% / 7px 7px}.color-input{width:20px;height:20px;flex-shrink:0;display:block;position:relative;background:conic-gradient(from 0deg,#ef4444,#f59e0b,#eab308,#22c55e,#06b6d4,#6366f1,#a855f7,#ef4444);cursor:pointer;border-radius:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #80808047;transition:transform var(--transition),box-shadow var(--transition)}.color-input:hover{transform:scale(1.12)}.color-input input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:none;background:none;opacity:0;cursor:pointer}.width-buttons{display:flex;gap:3px;padding:2px;background:var(--bg-surface2);border-radius:8px}.width-btn{flex:1;height:26px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-dim);border-radius:6px;cursor:pointer;transition:background var(--transition),color var(--transition),box-shadow var(--transition);font-size:11px;font-weight:500}.width-btn svg{width:16px;height:16px}.width-btn:hover{color:var(--text);background:var(--bg-hover)}.width-btn.active{background:var(--bg-surface);color:var(--accent);box-shadow:0 1px 2px #0000000f,0 0 0 1px #6366f126}.font-family-select{width:100%;height:26px;padding:0 10px;border:none;border-radius:6px;background:var(--bg-surface2);color:var(--text);font-size:11px;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 14px) 13px,calc(100% - 10px) 13px;background-size:4px 4px;background-repeat:no-repeat}.font-family-select:hover{background-color:var(--bg-hover)}.sidebar-slider{width:100%;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-surface2);border-radius:2px;outline:none;margin-top:2px}.sidebar-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--bg-surface);cursor:pointer;border:none;box-shadow:0 0 0 1.5px var(--accent),0 1px 3px #00000026;transition:transform var(--transition)}.sidebar-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-value{font-size:11px;color:var(--text-dim);text-align:right}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.app-brand{display:flex;align-items:center;gap:10px}.app-logo{width:36px;height:36px;flex-shrink:0}.app-title{font-weight:700;font-size:16px;color:var(--accent);line-height:1.2}.app-subtitle{font-size:11px;color:var(--text-dim)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:24px;min-width:360px;max-width:90vw;box-shadow:0 20px 60px #0000004d}.dialog h3{margin-bottom:16px;font-size:18px;font-weight:600}.dialog-field{margin-bottom:12px}.dialog-field label{display:block;font-size:12px;font-weight:500;color:var(--text-dim);margin-bottom:4px}.dialog-field input[type=text],.dialog-field input[type=number]{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface2);color:var(--text);font-size:14px;outline:none;transition:border-color var(--transition)}.dialog-field input:focus{border-color:var(--accent)}.chart-type-buttons{display:flex;gap:4px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.btn-primary{padding:8px 20px;border:none;border-radius:6px;background:var(--accent);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transition)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{padding:8px 20px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface2);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transition)}.btn-secondary:hover{background:var(--bg-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.canvas-wrapper textarea{font-family:inherit}.storebox-panel{width:240px;background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;z-index:5;overflow:hidden}.storebox-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--border)}.storebox-header h3{font-size:13px;font-weight:600;margin:0}.storebox-close{background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer;line-height:1;padding:0 4px;border-radius:4px}.storebox-close:hover{background:var(--bg-hover);color:var(--text)}.storebox-save-section{padding:8px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:5px}.storebox-name-input{width:100%;padding:4px 8px;border:1px solid var(--border);border-radius:5px;background:var(--bg-surface2);color:var(--text);font-size:12px;outline:none}.storebox-name-input:focus{border-color:var(--accent)}.searchbox-tabs{display:flex;gap:4px;padding:2px;background:var(--bg-surface2);border:1px solid var(--border);border-radius:6px}.searchbox-tab{flex:1;padding:5px 8px;border:none;background:transparent;color:var(--text);font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;transition:background var(--transition),color var(--transition)}.searchbox-tab:hover{background:var(--bg-hover)}.searchbox-tab.active{background:var(--accent);color:#fff}.searchbox-video-badge{position:absolute;bottom:4px;right:4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.65);color:#fff;border-radius:50%;font-size:9px;line-height:1;padding-left:1px;pointer-events:none;z-index:1}.searchbox-placing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);z-index:2;pointer-events:none}.searchbox-placing-spinner{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:manim-spin .8s linear infinite}.storebox-thumb.placing,.searchbox-recent-chip.placing{cursor:wait;pointer-events:none}.searchbox-recent-chip:disabled{cursor:wait;opacity:1}.searchbox-recent-chip:disabled:hover{border-color:var(--border)}.searchbox-section-label-secondary{opacity:.7;font-size:11px;margin-top:10px}.searchbox-recent-strip{display:flex;flex-direction:row;gap:6px;overflow-x:auto;overflow-y:hidden;padding:2px 0 6px;scrollbar-width:thin}.searchbox-recent-chip{position:relative;flex:0 0 auto;width:56px;height:56px;padding:4px;background:repeating-conic-gradient(var(--bg-surface2) 0% 25%,var(--bg) 0% 50%) 50% / 8px 8px;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:opacity var(--transition),border-color var(--transition);overflow:hidden}.searchbox-recent-chip:hover{opacity:.85;border-color:var(--accent)}.searchbox-recent-chip img{width:100%;height:100%;object-fit:contain;pointer-events:none}.storebox-btn-row{display:flex;gap:4px}.storebox-save-btn{flex:1;padding:4px 8px;font-size:11px;white-space:nowrap}.storebox-save-btn:disabled{opacity:.4;cursor:not-allowed}.storebox-items{flex:1;overflow-y:auto;padding:6px}.storebox-empty{padding:16px 8px;text-align:center;font-size:11px;color:var(--text-dim);line-height:1.4}.storebox-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.storebox-item{background:var(--bg-surface2);border:1px solid var(--border);border-radius:6px;overflow:hidden}.storebox-thumb{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;background:repeating-conic-gradient(var(--bg-surface2) 0% 25%,var(--bg) 0% 50%) 50% / 12px 12px;transition:opacity var(--transition);overflow:hidden;padding:4px}.storebox-thumb:hover{opacity:.75}.storebox-thumb img{max-width:100%;max-height:100%;object-fit:contain}.storebox-item-footer{display:flex;align-items:center;justify-content:space-between;padding:2px 5px;gap:2px}.storebox-item-name{font-size:10px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.storebox-delete-btn{background:none;border:none;cursor:pointer;color:var(--text-dim);padding:1px;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.storebox-delete-btn:hover{background:var(--bg-hover);color:var(--danger)}.storebox-delete-btn svg{width:12px;height:12px}.searchbox-section-label{font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--text-dim);padding:8px 4px 6px}.searchbox-section-label:first-child{padding-top:2px}.searchbox-error{font-size:11px;color:var(--danger);padding:2px 2px 0;line-height:1.3}.manim-panel{width:280px}.manim-input-section{gap:6px}.manim-mode-row{display:flex;gap:4px}.manim-mode-btn{flex:1;padding:4px 8px;font-size:11px;border:1px solid var(--border);background:var(--bg-surface2);color:var(--text);border-radius:5px;cursor:pointer}.manim-mode-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.manim-model-select{width:100%;padding:4px 8px;border:1px solid var(--border);border-radius:5px;background:var(--bg-surface2);color:var(--text);font-size:11px;font-family:inherit;outline:none;cursor:pointer}.manim-model-select:focus{border-color:var(--accent)}.manim-modify-banner{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 8px;background:var(--bg-hover);border:1px solid var(--accent);border-radius:5px;font-size:11px;color:var(--text)}.manim-modify-banner em{font-style:normal;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:180px;vertical-align:bottom}.manim-modify-cancel{background:none;border:none;color:var(--text-dim);font-size:14px;cursor:pointer;padding:0 4px;line-height:1}.manim-prompt-input{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:5px;background:var(--bg-surface2);color:var(--text);font-size:12px;font-family:inherit;outline:none;resize:vertical;min-height:60px;box-sizing:border-box}.manim-prompt-input:focus{border-color:var(--accent)}.manim-attachments{display:flex;flex-wrap:wrap;gap:4px}.manim-attachment-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:var(--bg-surface2);border:1px solid var(--border);border-radius:10px;font-size:10px;color:var(--text);max-width:100%}.manim-attachment-chip button{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:12px;line-height:1;padding:0}.manim-items{padding:6px}.manim-jobs{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.manim-job{background:var(--bg-surface2);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:11px}.manim-job-running{border-left:3px solid var(--accent)}.manim-job-error{border-left:3px solid var(--danger)}.manim-job-row{display:flex;align-items:center;gap:6px}.manim-job-status{font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.4px}.manim-job-status-running{color:var(--accent);display:inline-flex;align-items:center;gap:5px}.manim-job-status-running:before{content:"";width:8px;height:8px;border-radius:50%;border:2px solid var(--accent);border-top-color:transparent;display:inline-block;animation:manim-spin .8s linear infinite}@keyframes manim-spin{to{transform:rotate(360deg)}}.manim-job-status-error{color:var(--danger)}.manim-job-mode{margin-left:auto;font-size:9px;font-weight:600;color:var(--text-dim);letter-spacing:.4px}.manim-job-prompt{margin-top:3px;color:var(--text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.manim-job-error-msg{margin-top:4px;padding:4px 6px;background:var(--bg);border-radius:4px;color:var(--danger);font-size:10px;font-family:monospace;max-height:80px;overflow:auto;white-space:pre-wrap;word-break:break-word}.manim-grid{display:flex;flex-direction:column;gap:8px}.manim-card{background:var(--bg-surface2);border:1px solid var(--border);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.manim-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.manim-media-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:repeating-conic-gradient(var(--bg-surface2) 0% 25%,var(--bg) 0% 50%) 50% / 12px 12px;overflow:hidden}.manim-media-wrap img,.manim-media-wrap video{width:100%;height:100%;object-fit:contain;display:block}.manim-download-btn{position:absolute;top:4px;right:4px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);color:#fff;border-radius:4px;text-decoration:none;opacity:0;transition:opacity var(--transition)}.manim-download-btn svg{width:14px;height:14px}.manim-media-wrap:hover .manim-download-btn,.manim-download-btn:focus-visible{opacity:1}.manim-card-prompt{font-size:11px;color:var(--text);padding:5px 6px 2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.manim-card-actions{display:flex;align-items:center;gap:4px;padding:2px 4px 4px}.manim-card-action{flex:1;padding:3px 6px;font-size:10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer}.manim-card-action:hover{background:var(--bg-hover)}.manim-card-action.active{background:var(--accent);color:#fff;border-color:var(--accent)}.chat-panel{width:420px}.workshop-chat-head-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.chat-mode-tabs{display:inline-flex;background:var(--bg-surface2);border-radius:6px;padding:2px}.chat-mode-tab{padding:4px 12px;font-size:11px;font-weight:600;letter-spacing:.2px;background:transparent;border:none;border-radius:4px;color:var(--text-dim);cursor:pointer;font-family:inherit;transition:color .12s ease,background .12s ease}.chat-mode-tab:hover:not(:disabled):not(.active){color:var(--text)}.chat-mode-tab.active{background:var(--bg-surface);color:var(--accent)}.chat-mode-tab:disabled{opacity:.4;cursor:not-allowed}.chat-clear-btn{background:transparent;border:none;color:var(--text-dim);font-size:11px;font-weight:500;padding:4px 9px;border-radius:5px;cursor:pointer;transition:color .12s ease,background .12s ease;font-family:inherit}.chat-clear-btn:hover{background:var(--bg-hover);color:var(--text)}.chat-clear-btn.is-destructive:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.chat-thread{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.chat-turn{background:var(--bg-surface);border-radius:10px;padding:10px 12px 8px;display:flex;flex-direction:column;gap:8px;transition:background .15s ease}.chat-turn-errored{box-shadow:inset 3px 0 0 var(--danger)}.chat-turn-busy{box-shadow:inset 3px 0 0 var(--accent)}.chat-turn-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:20px}.chat-turn-head-right{display:flex;align-items:center;gap:6px}.chat-turn-time{font-size:10px;color:var(--text-dim);opacity:.75;font-feature-settings:"tnum";white-space:nowrap}.chat-turn-tool{display:inline-flex;align-items:center;height:18px;padding:0 8px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:9.5px;font-weight:700;letter-spacing:.5px;border-radius:9px;text-transform:uppercase;white-space:nowrap}.chat-turn-tool--chart{background:color-mix(in srgb,#10b981 16%,transparent);color:#047857}.chat-turn-tool--mermaid{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#b45309}.chat-turn-tool--manim{background:color-mix(in srgb,#ec4899 16%,transparent);color:#be185d}.app.dark .chat-turn-tool--chart{color:#6ee7b7}.app.dark .chat-turn-tool--mermaid{color:#fcd34d}.app.dark .chat-turn-tool--manim{color:#f9a8d4}.chat-turn-delete{background:none;border:none;padding:3px;cursor:pointer;color:var(--text-dim);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease}.chat-turn:hover .chat-turn-delete,.chat-turn-delete:focus-visible{opacity:.6}.chat-turn-delete:hover{opacity:1!important;background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.chat-turn-prompt{font-size:12.5px;color:var(--text);line-height:1.45;white-space:pre-wrap;word-break:break-word}.chat-explanation{font-size:11px;color:var(--text-dim);font-style:italic;line-height:1.4}.chat-result{background:#fff;border:1px solid var(--border);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:6px;min-height:120px;max-height:360px}.chat-result-media{max-width:100%;max-height:340px;object-fit:contain;display:block;border-radius:4px}.chat-result-svg{width:100%;max-height:340px;overflow:auto;display:flex;align-items:center;justify-content:center}.chat-result-svg svg{max-width:100%;height:auto;max-height:340px}.chat-turn-actions{display:flex;align-items:stretch;gap:4px;margin-top:2px}.chat-action{flex:1;height:26px;padding:0 8px;font-size:11px;font-weight:500;font-family:inherit;background:transparent;border:none;border-radius:5px;color:var(--text-dim);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .12s ease,background .12s ease;white-space:nowrap}.chat-action:hover{color:var(--text);background:var(--bg-hover)}.chat-action:active{transform:translateY(.5px)}.chat-action--primary{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-weight:600}.chat-action--primary:hover{background:var(--accent);color:#fff}.chat-turn-toggle{flex:0 0 32px;padding:0;color:var(--text-dim)}.chat-turn-toggle svg{display:block;transition:transform .18s ease}.chat-turn-toggle.is-collapsed svg{transform:rotate(180deg)}.chat-turn-collapsed{background:color-mix(in srgb,var(--bg-surface) 94%,var(--bg))}.chat-turn-collapsed .chat-turn-prompt{color:var(--text-dim)}.chat-att-row{display:flex;flex-wrap:wrap;gap:4px}.chat-att-row-history{opacity:.85}.chat-att-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 6px 2px 2px;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;font-size:10px;color:var(--text);max-width:200px}.chat-att-chip img{width:22px;height:22px;object-fit:cover;border-radius:50%;flex-shrink:0}.chat-att-chip-static{padding:2px 7px 2px 2px}.chat-att-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.chat-att-chip button{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:13px;line-height:1;padding:0 2px}.chat-composer{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px;background:var(--bg-surface)}.chat-composer-meta{display:flex;align-items:center;gap:8px}.chat-segmented{display:inline-flex;align-items:center;background:var(--bg-surface2);border-radius:6px;padding:2px;gap:0;flex-shrink:0}.chat-segmented-btn{padding:3px 12px;font-size:11px;font-weight:600;background:transparent;border:none;border-radius:4px;color:var(--text-dim);cursor:pointer;font-family:inherit;transition:color .12s ease,background .12s ease}.chat-segmented-btn:hover:not(:disabled):not(.active){color:var(--text)}.chat-segmented-btn.active{background:var(--accent);color:#fff}.chat-segmented-btn:disabled{opacity:.5;cursor:not-allowed}.chat-model-select{flex:1;min-width:0;height:28px;padding:0 10px;border:none;border-radius:6px;background:var(--bg-surface2);color:var(--text);font-size:11px;font-family:inherit;outline:none;cursor:pointer;transition:box-shadow .12s ease}.chat-model-select:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.chat-model-select:disabled{opacity:.5;cursor:not-allowed}.chat-modify-banner{display:flex;align-items:center;gap:6px;padding:5px 8px 5px 10px;background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:6px;font-size:11px;color:var(--text);line-height:1.3}.chat-modify-banner svg{flex-shrink:0;color:var(--accent)}.chat-modify-label{font-weight:600;color:var(--accent)}.chat-modify-prompt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;opacity:.85}.chat-modify-cancel{background:none;border:none;color:var(--text-dim);font-size:15px;line-height:1;cursor:pointer;padding:0 4px;border-radius:3px}.chat-modify-cancel:hover{color:var(--text);background:var(--bg-hover)}.chat-input-wrap{display:flex;flex-direction:column;border-radius:8px;background:var(--bg-surface2);transition:box-shadow .12s ease;overflow:hidden}.chat-input-wrap:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.chat-prompt-input{width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text);font-size:12.5px;font-family:inherit;outline:none;resize:none;min-height:64px;box-sizing:border-box;line-height:1.4}.chat-prompt-input:disabled{opacity:.6}.chat-att-row-composer{padding:2px 8px 8px}.chat-composer-actions{display:flex;gap:8px}.chat-composer-attach,.chat-composer-send{flex:1;height:32px;padding:0 14px;border-radius:7px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .12s ease}.chat-composer-attach{background:var(--bg-surface2);border:none;color:var(--text-dim);flex:0 0 auto;padding:0 14px}.chat-composer-attach:hover:not(:disabled){color:var(--text);background:var(--bg-hover)}.chat-composer-attach:disabled{opacity:.5;cursor:not-allowed}.chat-composer-send{background:var(--accent);border:none;color:#fff}.chat-composer-send:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,#000)}.chat-composer-send:disabled{opacity:.45;cursor:not-allowed}.workshop-dialog{background:var(--bg-surface);color:var(--text);border-radius:14px;box-shadow:0 24px 60px #00000059;width:min(1080px,94vw);height:min(780px,90vh);display:flex;flex-direction:column;overflow:hidden}.workshop-header{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.workshop-header h3{font-size:15px;font-weight:700;margin:0;white-space:nowrap}.workshop-tabs{display:flex;gap:4px;margin-left:8px;flex:1}.workshop-tab{padding:5px 14px;border:1px solid var(--border);background:var(--bg-surface2);color:var(--text);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer}.workshop-tab:hover:not(:disabled){background:var(--bg-hover)}.workshop-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.workshop-tab:disabled{opacity:.5;cursor:not-allowed}.workshop-body{flex:1;display:flex;min-height:0;overflow:hidden}.workshop-editor-col{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.workshop-editor-inner{flex:1;display:flex;min-height:0;padding:12px;gap:12px;overflow:hidden}.workshop-editor-sidebar{width:180px;flex-shrink:0;display:flex;flex-direction:column;gap:2px;border:1px solid var(--border);border-radius:8px;padding:8px;overflow-y:auto}.workshop-editor-main{flex:1;min-width:0;display:flex;gap:12px;overflow:hidden}.workshop-chart-main{flex-direction:row}.workshop-chart-form{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:6px}.workshop-chart-form input{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface2);color:var(--text);font-size:13px;box-sizing:border-box;outline:none}.workshop-chart-form input:focus{border-color:var(--accent)}.workshop-chart-preview{flex:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 80% at 0% 0%,color-mix(in srgb,var(--accent) 10%,transparent) 0%,transparent 55%),linear-gradient(135deg,var(--bg-surface2) 0%,var(--bg) 55%,var(--bg-surface) 100%);border:1px solid var(--border);border-radius:8px;padding:12px;overflow:hidden}.workshop-chart-preview canvas{max-width:100%;max-height:100%}.workshop-mermaid-main{flex-direction:row}.workshop-mermaid-sidebar{width:120px;font-size:12px}.workshop-mermaid-source{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;min-width:0}.workshop-mermaid-source textarea{flex:1;min-height:0;font-family:monospace;font-size:11px;line-height:1.4}.workshop-mermaid-preview{flex:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 80% at 0% 0%,color-mix(in srgb,var(--accent) 10%,transparent) 0%,transparent 55%),linear-gradient(135deg,var(--bg-surface2) 0%,var(--bg) 55%,var(--bg-surface) 100%);border:1px solid var(--border);border-radius:8px;padding:12px;overflow:auto}.workshop-mermaid-preview svg{max-width:100%;max-height:100%}.workshop-html-editor{flex:1;display:flex;flex-direction:column;min-height:0;padding:12px;gap:10px;overflow:hidden}.workshop-html-topbar{display:flex;align-items:center;gap:12px;flex-shrink:0}.workshop-html-topbar-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.6}.workshop-html-topbar-spacer{flex:1}.workshop-html-size{display:flex;align-items:center;gap:6px;font-size:12px}.workshop-html-size span{opacity:.7}.workshop-html-size input{width:72px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface2);color:var(--text);font-size:13px;outline:none}.workshop-html-size input:focus{border-color:var(--accent)}.workshop-html-template-btn{padding:6px 14px;font-size:13px}.workshop-html-panes{flex:1;display:flex;gap:12px;min-height:0;overflow:hidden}.workshop-html-code{flex:1;min-width:0;position:relative;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-surface2)}.workshop-html-highlight,.workshop-html-textarea{margin:0;padding:12px 14px;border:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;-moz-tab-size:2;tab-size:2;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.workshop-html-highlight{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:var(--text);z-index:0}.workshop-html-textarea{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;resize:none;outline:none;background:transparent;color:transparent;caret-color:var(--accent);z-index:1}.workshop-html-textarea::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}.workshop-html-highlight .hl-tag{color:#2563eb}.workshop-html-highlight .hl-attr{color:#c2410c}.workshop-html-highlight .hl-str{color:#16a34a}.workshop-html-highlight .hl-punc{color:var(--text-muted, #64748b)}.workshop-html-highlight .hl-comment{color:#94a3b8;font-style:italic}.app.dark .workshop-html-highlight .hl-tag{color:#7aa2f7}.app.dark .workshop-html-highlight .hl-attr{color:#e0af68}.app.dark .workshop-html-highlight .hl-str{color:#9ece6a}.app.dark .workshop-html-highlight .hl-comment{color:#565f89}.workshop-html-viewer{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;padding:12px;overflow:hidden;background:radial-gradient(120% 80% at 0% 0%,color-mix(in srgb,var(--accent) 10%,transparent) 0%,transparent 55%),linear-gradient(135deg,var(--bg-surface2) 0%,var(--bg) 55%,var(--bg-surface) 100%)}.workshop-html-viewer iframe{border:1px solid rgba(0,0,0,.1);border-radius:4px;background:#fff}.html-live-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:2}.html-live-frame{position:absolute;overflow:hidden}.html-live-frame iframe{border:0;background:#fff;display:block;transform-origin:0 0}.html-live-toggle{position:absolute;top:4px;right:4px;pointer-events:auto;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(15,16,32,.72);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.html-live-toggle.active{background:var(--accent, #6366f1);border-color:var(--accent, #6366f1)}.tpl-sidebar{width:168px;font-size:12px;overflow-y:auto}.tpl-preview-pane{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;background:var(--bg);border:1px solid var(--border);border-radius:8px}.tpl-preview{width:100%;max-width:760px;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #00000029}.tpl-preview svg{display:block;width:100%;height:100%}.tpl-camera-info{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:14px;padding:4px}.tpl-camera-schematic{max-width:420px;margin:0 auto}.tpl-camera-desc{color:var(--text);font-size:13px;line-height:1.5}.tpl-camera-desc p{margin:6px 0 0}.tpl-camera-hint{color:var(--text-dim);font-size:12px}.tpl-stepper{display:flex;align-items:center;gap:6px;padding:4px 8px}.tpl-stepper .viz-type-item{width:30px;text-align:center;flex-shrink:0}.tpl-stepper-value{flex:1;text-align:center;font-size:13px;font-weight:600;color:var(--text)}.tpl-toggle{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:12px;color:var(--text-muted);cursor:pointer}.workshop-template-main{flex-direction:row}.tpl-controls-form{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.tpl-control{margin-bottom:10px}.tpl-control .flow-field-label{margin-bottom:2px}.tpl-select-group{display:flex;gap:6px;padding:2px 0}.tpl-select-group .viz-type-item{flex:1;text-align:center}.tpl-controls-empty{font-size:12px;color:var(--text-muted);padding:4px 0}.workshop-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--border);flex-shrink:0;background:var(--bg-surface)}.workshop-footer-hint{font-size:11px;color:var(--text-dim);font-style:italic}.workshop-footer .dialog-actions{display:flex;gap:8px}@media (max-width: 1100px){.workshop-chart-form{width:220px}.workshop-editor-sidebar{width:150px}}@media (max-width: 900px){.workshop-dialog{width:96vw;height:92vh}.workshop-editor-main{flex-direction:column}.workshop-chart-form{width:100%}}.app-loading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0b0b14;color:#9a99c1;font-size:13px;letter-spacing:.04em}.app-loading-logo{width:56px;height:56px;opacity:.85;animation:app-loading-pulse 1.6s ease-in-out infinite}@keyframes app-loading-pulse{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.02)}}.toolbar-signin-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid transparent;background:linear-gradient(135deg,#7c5cff,#4ad3ff);color:#fff;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 6px 18px -8px #7c5cffb3;transition:transform .12s ease,box-shadow .12s ease}.toolbar-signin-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px -8px #7c5cffd9}.toolbar-upgrade-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#f0a44b 0%,#e668c0 50%,#6a73ff 100%);color:#fff;font-size:12px;font-weight:600;letter-spacing:.2px;cursor:pointer;box-shadow:0 6px 16px -8px #e668c0b3;transition:transform .12s ease,box-shadow .12s ease}.toolbar-upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px -8px #e668c0f2}.toolbar-upgrade-btn svg{flex-shrink:0}@media (max-width: 720px){.toolbar-upgrade-btn span{display:none}.toolbar-upgrade-btn{padding:6px 8px}}.welcome-offer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:rgba(6,6,14,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px;animation:welcome-offer-fade .18s ease-out}@keyframes welcome-offer-fade{0%{opacity:0}to{opacity:1}}.welcome-offer-card{position:relative;width:100%;max-width:720px;background:linear-gradient(180deg,#1b1b2c 0%,#11111e 100%);border:1px solid #34345a;border-radius:22px;padding:36px 36px 24px;color:#ecebff;box-shadow:0 30px 80px -20px #7c5cff8c;overflow:hidden;animation:welcome-offer-rise .24s cubic-bezier(.2,.8,.2,1)}@keyframes welcome-offer-rise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-offer-glow{position:absolute;top:-100px;right:-100px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(154,79,255,.4),transparent 60%);pointer-events:none}.welcome-offer-card>*:not(.welcome-offer-glow){position:relative;z-index:1}.welcome-offer-close{position:absolute;top:14px;right:14px;z-index:2;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #25253d;background:rgba(255,255,255,.04);color:#9a99c1;border-radius:8px;cursor:pointer;transition:background .12s ease,color .12s ease}.welcome-offer-close:hover{background:rgba(255,255,255,.08);color:#ecebff}.welcome-offer-eyebrow{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#a3a0d8;margin-bottom:8px}.welcome-offer-title{font-size:22px;font-weight:700;margin:0 0 8px;line-height:1.25}.welcome-offer-sub{font-size:13.5px;color:#b3b1d8;margin:0 0 22px;line-height:1.55}.welcome-offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 640px){.welcome-offer-grid{grid-template-columns:1fr}}.welcome-offer-col{position:relative;padding:22px 20px 20px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:10px}.welcome-offer-col.is-highlight{border-color:#9a4fff8c;background:linear-gradient(180deg,rgba(154,79,255,.1) 0%,rgba(154,79,255,.02) 100%),rgba(255,255,255,.025);box-shadow:0 12px 30px -16px #9a4fffb3}.welcome-offer-badge{position:absolute;top:-10px;right:16px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#6a73ff,#9a4fff);box-shadow:0 6px 14px -6px #7a73ffb3}.welcome-offer-col-name{font-size:14px;font-weight:600;color:#d6d4f6}.welcome-offer-col-price{display:flex;align-items:baseline;gap:6px}.welcome-offer-col-amount{font-size:30px;font-weight:700;letter-spacing:-.4px;color:#fff}.welcome-offer-col-cadence{font-size:12px;color:#9a99c1}.welcome-offer-col-tagline{font-size:12.5px;color:#b3b1d8;line-height:1.5;min-height:36px}.welcome-offer-col-perks{list-style:none;margin:4px 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}.welcome-offer-col-perks li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.5;color:#d6d4f6}.welcome-offer-col-perks li svg{flex-shrink:0;margin-top:2px;color:#9a4fff}.welcome-offer-col.is-highlight .welcome-offer-col-perks li svg{color:#b89aff}.welcome-offer-cta{margin-top:auto;padding:11px 14px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease,background .12s ease}.welcome-offer-cta:disabled{opacity:.55;cursor:not-allowed}.welcome-offer-cta-primary{border:none;background:linear-gradient(135deg,#6a73ff 0%,#9a4fff 100%);color:#fff}.welcome-offer-cta-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px -8px #9a4fffb3}.welcome-offer-cta-secondary{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.16);color:#ecebff}.welcome-offer-cta-secondary:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:#ffffff42}.welcome-offer-error{margin-top:14px;padding:10px 12px;border-radius:8px;background:rgba(255,92,122,.1);border:1px solid rgba(255,92,122,.3);color:#ffb1c1;font-size:12.5px;text-align:center}.welcome-offer-trust{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);font-size:11.5px;color:#8d8bb6;text-align:center}.welcome-offer-trust svg{color:#9a99c1}.welcome-offer-link{color:#b89aff;text-decoration:none;font-weight:500}.welcome-offer-link:hover{text-decoration:underline}.login-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10500;background:rgba(8,8,16,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:login-modal-fade .16s ease-out}@keyframes login-modal-fade{0%{opacity:0}to{opacity:1}}.login-modal-card{position:relative;width:100%;max-width:420px;background:linear-gradient(180deg,#181828 0%,#11111e 100%);border:1px solid #34345a;border-radius:20px;padding:40px 36px 32px;text-align:center;color:#ecebff;box-shadow:0 30px 70px -20px #7c5cff73;overflow:hidden;animation:login-modal-rise .2s cubic-bezier(.2,.8,.2,1)}@keyframes login-modal-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-modal-card .login-modal-glow{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:480px;height:280px;background:radial-gradient(ellipse at center,rgba(124,92,255,.42) 0%,rgba(74,211,255,.16) 40%,transparent 70%);pointer-events:none;z-index:0}.login-modal-card>*{position:relative;z-index:1}.login-modal-close{position:absolute;top:14px;right:14px;z-index:2;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #25253d;background:rgba(255,255,255,.04);color:#9a99c1;border-radius:8px;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.login-modal-close:hover{color:#ecebff;border-color:#7c5cff;background:rgba(124,92,255,.12)}.login-modal-logo{width:56px;height:56px;margin:0 auto 18px;display:block}.login-modal-title{font-size:24px;font-weight:800;letter-spacing:-.01em;margin-bottom:10px;color:#ecebff}.login-modal-subtitle{font-size:17px;font-weight:700;letter-spacing:-.01em;margin:22px 0 10px;color:#ecebff}.settings-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg);color:var(--text);display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.settings-page-header{flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.settings-page-back{justify-self:start;display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease}.settings-page-back:hover{background:var(--bg-hover);border-color:var(--text-dim)}.settings-page-brand{display:inline-flex;align-items:center;gap:8px;justify-self:center}.settings-page-logo{width:22px;height:22px;flex-shrink:0}.settings-page-brandname{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.settings-page-userchip{justify-self:end;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-dim)}.settings-page-useremail{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-page-body{flex:1;display:grid;grid-template-columns:240px 1fr;overflow:hidden}.settings-page-sidebar{border-right:1px solid var(--border);background:var(--bg);padding:20px 16px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.settings-page-eyebrow,.settings-eyebrow{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:600}.settings-page-nav{display:flex;flex-direction:column;gap:2px}.settings-nav-item{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;background:transparent;color:var(--text);border:1px solid transparent;border-radius:8px;font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;transition:background .12s ease,color .12s ease,border-color .12s ease}.settings-nav-item:hover{background:var(--bg-hover)}.settings-nav-item.is-active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.settings-nav-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);flex-shrink:0}.settings-nav-item.is-active .settings-nav-icon{color:var(--accent)}.settings-page-trust{margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.settings-trust-badge{display:flex;gap:10px;padding:10px 12px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-dim);font-size:11.5px;line-height:1.45}.settings-trust-badge svg{color:var(--accent);flex-shrink:0;margin-top:1px}.settings-trust-badge strong{display:block;color:var(--text);font-size:12px;font-weight:600;margin-bottom:2px}.settings-trust-badge span{display:block}.settings-page-content{overflow-y:auto;padding:32px 40px 60px}.settings-tab{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.settings-tab-header{margin-bottom:4px}.settings-tab-title{font-size:26px;font-weight:700;letter-spacing:-.015em;margin:0 0 6px;color:var(--text)}.settings-tab-sub{font-size:14px;line-height:1.6;color:var(--text-dim);margin:0;max-width:620px}.settings-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px}.settings-card-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.settings-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-card-title{font-size:15px;font-weight:600;margin:0;color:var(--text)}.settings-card-text{font-size:13.5px;line-height:1.6;color:var(--text-dim);margin:8px 0 0}.settings-card-body{display:flex;flex-direction:column;gap:12px}.settings-card-actions{display:flex;gap:10px;flex-wrap:wrap}.settings-card-actions-stack{flex-direction:column;align-items:flex-start}.settings-plan-card-meta{flex:1 1 280px;min-width:0}.settings-plan-card-name{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:4px 0 6px;color:var(--text)}.settings-plan-card-price{font-size:16px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;margin-bottom:8px}.settings-plan-card-tagline{font-size:13px;color:var(--text-dim);line-height:1.55;max-width:480px}.settings-plan-card-cta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.settings-plan-card-cta-fineprint{font-size:11.5px;color:var(--text-dim)}.settings-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:999px;line-height:1;vertical-align:middle}.settings-status-badge.is-active{color:#14b66b;background:color-mix(in srgb,#14b66b 14%,transparent);border:1px solid color-mix(in srgb,#14b66b 35%,transparent)}.settings-status-badge.is-warning{color:#d97706;background:color-mix(in srgb,#f59e0b 16%,transparent);border:1px solid color-mix(in srgb,#f59e0b 38%,transparent)}.settings-status-badge.is-error{color:#dc2626;background:color-mix(in srgb,#ef4444 14%,transparent);border:1px solid color-mix(in srgb,#ef4444 35%,transparent)}.settings-status-badge.is-invoice-paid{color:#14b66b;background:color-mix(in srgb,#14b66b 14%,transparent);border:1px solid color-mix(in srgb,#14b66b 30%,transparent)}.settings-status-badge.is-invoice-failed{color:#dc2626;background:color-mix(in srgb,#ef4444 12%,transparent);border:1px solid color-mix(in srgb,#ef4444 30%,transparent)}.settings-status-badge.is-invoice-pending{color:#d97706;background:color-mix(in srgb,#f59e0b 12%,transparent);border:1px solid color-mix(in srgb,#f59e0b 30%,transparent)}.app.dark .settings-status-badge.is-active,.app.dark .settings-status-badge.is-invoice-paid{color:#4ade80}.app.dark .settings-status-badge.is-warning,.app.dark .settings-status-badge.is-invoice-pending{color:#fbbf24}.app.dark .settings-status-badge.is-error,.app.dark .settings-status-badge.is-invoice-failed{color:#f87171}.settings-banner{font-size:13px;line-height:1.55;padding:12px 14px;border-radius:10px;border:1px solid transparent}.settings-banner strong{font-weight:600}.settings-banner-warning{color:var(--text);background:color-mix(in srgb,#f59e0b 12%,transparent);border-color:color-mix(in srgb,#f59e0b 30%,transparent)}.settings-banner-error{color:var(--text);background:color-mix(in srgb,#ef4444 10%,transparent);border-color:color-mix(in srgb,#ef4444 28%,transparent)}.settings-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;font-size:13px;font-weight:600;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease,transform .12s ease;font-family:inherit;line-height:1.2;white-space:nowrap}.settings-btn:disabled{opacity:.55;cursor:not-allowed}.settings-btn-large{padding:11px 20px;font-size:14px}.settings-btn-primary{background:var(--accent);color:#fff}.settings-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.settings-btn-secondary{background:transparent;color:var(--text);border-color:var(--border)}.settings-btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-dim)}.settings-btn-danger{background:transparent;color:#dc2626;border-color:color-mix(in srgb,#ef4444 35%,transparent)}.settings-btn-danger:hover:not(:disabled){background:color-mix(in srgb,#ef4444 10%,transparent);border-color:color-mix(in srgb,#ef4444 55%,transparent)}.app.dark .settings-btn-danger{color:#f87171}.settings-link{background:transparent;border:none;color:var(--accent);font-size:13px;font-weight:500;cursor:pointer;padding:0;text-decoration:none;font-family:inherit}.settings-link:hover{text-decoration:underline}.settings-link:disabled{opacity:.6;cursor:not-allowed}.settings-link-danger{color:#dc2626}.app.dark .settings-link-danger{color:#f87171}.settings-inline-error{font-size:13px;color:#dc2626;padding:8px 12px;background:color-mix(in srgb,#ef4444 8%,transparent);border:1px solid color-mix(in srgb,#ef4444 26%,transparent);border-radius:8px}.settings-inline-info{font-size:13px;color:var(--text-dim);padding:8px 12px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:8px}.app.dark .settings-inline-error{color:#f87171}.settings-facts{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:16px;margin:0;padding:0;flex:1 1 360px;min-width:0}.settings-facts-item dt,.settings-facts-item dd,.settings-facts-item small{display:block;margin:0}.settings-facts-item dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:600;margin-bottom:4px}.settings-facts-item dd{font-size:14px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.settings-facts-item small{font-size:11.5px;color:var(--text-dim);margin-top:2px}.settings-compare-price{font-size:14px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.settings-compare-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.settings-compare-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--border);font-size:13px}.settings-compare-row:first-child{border-top:none}.settings-compare-feature{color:var(--text);font-weight:500}.settings-compare-free{color:var(--text-dim)}.settings-compare-pro{color:var(--text);font-weight:500}.settings-compare-cta{display:flex;justify-content:flex-end;margin-top:8px}.settings-table{border:1px solid var(--border);border-radius:10px;overflow:hidden}.settings-table-head,.settings-table-row{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:12px;padding:12px 16px;align-items:center}.settings-table-head{background:var(--bg);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:600;border-bottom:1px solid var(--border)}.settings-table-row{font-size:13px;background:var(--bg-surface);border-top:1px solid var(--border)}.settings-table-row:first-of-type{border-top:none}.settings-table-cell-date{color:var(--text);font-weight:500}.settings-table-cell-amount{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.settings-table-actions-col{text-align:right}.settings-table-muted{color:var(--text-dim)}.settings-table-toggle{margin-top:8px;align-self:flex-start}.settings-empty{padding:14px 16px;font-size:13px;color:var(--text-dim);background:var(--bg);border:1px dashed var(--border);border-radius:10px;line-height:1.55}.settings-card-locked{background:color-mix(in srgb,var(--accent) 5%,var(--bg-surface));border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}.settings-byok-secure{display:flex;gap:14px}.settings-byok-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-radius:8px}.settings-byok-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.settings-byok-list li{font-size:13px;line-height:1.5;color:var(--text-dim);padding-left:18px;position:relative}.settings-byok-list li:before{content:"";position:absolute;left:4px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.settings-byok-list em{color:var(--text);font-style:normal;font-weight:500}.settings-byok-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.settings-byok-hint{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;color:var(--text);margin-top:4px}.settings-byok-form{display:flex;flex-direction:column;gap:10px}.settings-input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13.5px;outline:none;transition:border-color .12s ease;font-family:inherit}.settings-input:focus{border-color:var(--accent)}.settings-input::placeholder{color:var(--text-dim)}.settings-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:12.5px;color:var(--text-dim);-webkit-user-select:none;user-select:none}.settings-switch input{display:none}.settings-switch-track{width:36px;height:20px;border-radius:999px;background:var(--bg-hover);border:1px solid var(--border);position:relative;transition:background .15s ease,border-color .15s ease}.settings-switch-knob{position:absolute;top:1px;left:1px;width:16px;height:16px;border-radius:50%;background:var(--text);opacity:.6;transition:transform .15s ease,background .15s ease,opacity .15s ease}.settings-switch input:checked+.settings-switch-track{background:var(--accent);border-color:var(--accent)}.settings-switch input:checked+.settings-switch-track .settings-switch-knob{transform:translate(16px);background:#fff;opacity:1}.settings-switch-label{font-weight:500;color:var(--text)}.settings-profile{display:flex;align-items:center;gap:18px}.settings-profile-avatar{width:56px;height:56px;border-radius:50%;flex-shrink:0;border:1px solid var(--border);object-fit:cover}.settings-profile-avatar-fallback{display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:22px;font-weight:700}.settings-profile-info{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-profile-name{font-size:16px;font-weight:600;color:var(--text);letter-spacing:-.005em}.settings-profile-email{font-size:13px;color:var(--text-dim)}.settings-profile-meta{font-size:12.5px;color:var(--text-dim);display:inline-flex;align-items:center;gap:6px;margin-top:2px}.settings-profile-meta-sep{opacity:.6}.settings-tag{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text)}.settings-tag.is-pro{background:var(--accent);border-color:var(--accent);color:#fff}.settings-trust-footer{margin-top:4px;padding:4px 0}.settings-trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.settings-trust-item{display:flex;gap:12px;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px}.settings-trust-item svg{color:var(--accent);flex-shrink:0;margin-top:2px}.settings-trust-item strong{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px}.settings-trust-item span{display:block;font-size:12.5px;color:var(--text-dim);line-height:1.5}@media (max-width: 760px){.settings-page-body{grid-template-columns:1fr}.settings-page-sidebar{border-right:none;border-bottom:1px solid var(--border);padding:12px;flex-direction:row;gap:8px;overflow-x:auto}.settings-page-eyebrow,.settings-page-trust{display:none}.settings-page-nav{flex-direction:row;gap:4px}.settings-page-content{padding:20px 16px 60px}.settings-page-header{padding:12px 14px;grid-template-columns:auto 1fr auto}.settings-page-userchip{display:none}.settings-card{padding:18px}.settings-tab-title{font-size:22px}.settings-table-head,.settings-table-row{grid-template-columns:1fr 1fr .8fr .6fr;padding:10px 12px;gap:8px}.settings-facts{grid-template-columns:1fr 1fr}.settings-plan-card-cta{align-items:stretch;width:100%}}.settings-plan{background:rgba(124,92,255,.07);border:1px solid rgba(124,92,255,.22);border-radius:12px;padding:16px 18px;margin-bottom:18px;display:flex;flex-direction:column;gap:14px}.settings-plan-header{display:flex;flex-direction:column;gap:6px}.settings-plan-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings-plan-pill{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;line-height:1}.settings-plan-pill.is-pro{background:linear-gradient(135deg,#6a73ff,#9a4fff);color:#fff;box-shadow:0 4px 12px #7a73ff59}.settings-plan-pill.is-free{background:rgba(255,255,255,.08);color:#c8c5ff;border:1px solid rgba(255,255,255,.12)}.settings-plan-price{font-size:14px;font-weight:600;color:#ecebff;font-variant-numeric:tabular-nums}.settings-plan-status{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px;line-height:1}.settings-plan-status.is-active{color:#50e3c2;background:rgba(80,227,194,.12);border:1px solid rgba(80,227,194,.35)}.settings-plan-status.is-warning{color:#ffb480;background:rgba(255,180,128,.12);border:1px solid rgba(255,180,128,.35)}.settings-plan-status.is-error{color:#ff8aa8;background:rgba(255,138,168,.12);border:1px solid rgba(255,138,168,.35)}.settings-plan-tagline{font-size:12.5px;color:#9a99c1;line-height:1.5;max-width:460px}.settings-plan-cta-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:4px;flex-wrap:wrap}.settings-plan-cta-text{display:flex;flex-direction:column;gap:3px;flex:1 1 200px;min-width:0}.settings-plan-cta-text strong{color:#ecebff;font-size:13.5px;font-weight:600}.settings-plan-cta-text span{color:#9a99c1;font-size:12px;line-height:1.5}.settings-plan-cta-btn{width:auto!important;flex-shrink:0;padding:10px 18px!important;font-size:13px!important;margin:0!important}.settings-plan-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;padding:10px 0 2px;border-top:1px solid rgba(255,255,255,.06)}.settings-plan-meta-item{display:flex;flex-direction:column;gap:2px}.settings-plan-meta-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:#6a698c;font-weight:600}.settings-plan-meta-value{font-size:13px;color:#ecebff;font-weight:600;font-variant-numeric:tabular-nums}.settings-plan-meta-hint{font-size:11px;color:#6a698c}.settings-plan-warning{font-size:12.5px;color:#ffb480;font-weight:500;background:rgba(255,180,128,.08);border:1px solid rgba(255,180,128,.25);padding:8px 10px;border-radius:8px;line-height:1.45}.settings-plan-warning strong{color:#ffd2ad;font-weight:700}.settings-plan-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-plan-action{flex:1 1 auto;min-width:140px;padding:10px 14px;font-size:12.5px;font-weight:600;border-radius:8px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease;border:1px solid transparent}.settings-plan-action.login-modal-primary{width:auto;margin:0}.settings-plan-action-secondary{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:#ecebff}.settings-plan-action-secondary:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:#ffffff38}.settings-plan-action-danger{background:transparent;color:#ff8aa8;border:1px solid rgba(255,138,168,.32)}.settings-plan-action-danger:hover:not(:disabled){background:rgba(255,138,168,.08);border-color:#ff8aa88c}.settings-plan-action:disabled{opacity:.55;cursor:not-allowed}.settings-plan-error,.settings-plan-info{margin-top:0;margin-bottom:18px}.settings-invoices{margin-bottom:22px;padding:0 2px}.settings-invoices-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;gap:12px}.settings-invoices-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9a99c1;font-weight:600;margin:0}.settings-invoices-refresh{font-size:11.5px}.settings-invoices-empty{font-size:12.5px;color:#6a698c;background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.08);border-radius:8px;padding:12px 14px;line-height:1.5}.settings-invoices-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden}.settings-invoices-row{display:grid;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:12px;padding:10px 14px;background:rgba(15,16,32,.4);font-size:12.5px;color:#c8c5ff}.settings-invoices-row+.settings-invoices-row{border-top:1px solid rgba(255,255,255,.04)}.settings-invoices-date{color:#ecebff;font-weight:500}.settings-invoices-amount{color:#ecebff;font-variant-numeric:tabular-nums;font-weight:600}.settings-invoices-status{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding:3px 8px;border-radius:999px;line-height:1;white-space:nowrap}.settings-invoices-status.is-paid{color:#50e3c2;background:rgba(80,227,194,.12);border:1px solid rgba(80,227,194,.32)}.settings-invoices-status.is-failed{color:#ff8aa8;background:rgba(255,138,168,.12);border:1px solid rgba(255,138,168,.32)}.settings-invoices-status.is-pending{color:#ffb480;background:rgba(255,180,128,.1);border:1px solid rgba(255,180,128,.28)}.settings-invoices-link{text-align:right;font-size:12px}.settings-invoices-link-muted{color:#6a698c}.settings-invoices-toggle{margin-top:8px;font-size:12px}.login-modal-em{background:linear-gradient(135deg,#7c5cff,#4ad3ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-modal-sub{font-size:14px;line-height:1.55;color:#9a99c1;margin-bottom:22px}.login-modal-perks{list-style:none;padding:0;margin:0 0 24px;text-align:left;display:flex;flex-direction:column;gap:8px}.login-modal-perks li{font-size:13px;color:#c8c5ff;padding-left:24px;position:relative}.login-modal-perks li:before{content:"";position:absolute;left:4px;top:6px;width:8px;height:8px;border-radius:50%;background:#50e3c2;box-shadow:0 0 10px #50e3c2b3}.login-modal-btn{display:flex;justify-content:center;margin-bottom:18px;min-height:44px}.login-modal-fineprint{font-size:11.5px;color:#6a698c;line-height:1.5;margin:0}.login-modal-form{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.login-modal-input{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:#ecebff;font-size:14px;padding:12px 14px;border-radius:10px;outline:none;transition:border-color .15s ease,background .15s ease}.login-modal-input::placeholder{color:#6a698c}.login-modal-input:focus{border-color:#7a73ff;background:rgba(255,255,255,.06)}.login-modal-code{letter-spacing:6px;text-align:center;font-size:18px;font-variant-numeric:tabular-nums}.login-modal-primary{width:100%;background:linear-gradient(135deg,#6a73ff 0%,#9a4fff 100%);color:#fff;font-weight:600;font-size:14px;padding:12px 14px;border:none;border-radius:10px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.login-modal-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #7a73ff73}.login-modal-primary:disabled{opacity:.55;cursor:not-allowed}.login-modal-divider{display:flex;align-items:center;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#6a698c;margin:14px 0}.login-modal-divider:before,.login-modal-divider:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.08)}.login-modal-link{background:none;border:none;color:#9a8fff;font-size:13px;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.login-modal-link:hover{color:#b8aeff}.login-modal-link:disabled{opacity:.5;cursor:not-allowed}.login-modal-altlink{display:inline-block;margin-top:4px}.login-modal-emailline{margin-bottom:16px}.login-modal-error{font-size:12.5px;color:#ff8585;background:rgba(255,90,90,.08);border:1px solid rgba(255,90,90,.25);padding:8px 10px;border-radius:8px;text-align:left}.login-modal-info{font-size:12.5px;color:#8de5c2;margin-bottom:12px;line-height:1.5}.feedback-modal-card{max-width:500px;text-align:center;padding:24px 32px 22px;max-height:92vh;overflow-y:auto;overflow-x:hidden}.feedback-modal-card .login-modal-logo{width:56px;height:56px;margin:0 auto 12px;display:block;filter:drop-shadow(0 8px 22px rgba(124,92,255,.45))}.feedback-modal-title{font-size:24px;line-height:1.22;font-weight:800;letter-spacing:-.01em;margin-bottom:12px}.feedback-modal-sub{font-size:15.5px;line-height:1.6;font-weight:500;color:#efedff;margin:0 auto 12px;padding:14px 16px;text-align:left;background:linear-gradient(135deg,rgba(124,92,255,.16) 0%,rgba(74,211,255,.1) 100%);border:1px solid rgba(124,92,255,.3);border-left:3px solid rgba(124,92,255,.7);border-radius:12px}.feedback-modal-signoff{font-size:13px;color:#9a99c1;margin:0 0 14px;font-style:italic}.feedback-modal-signoff strong{color:#c8c3ff;font-style:normal;font-weight:600}.feedback-modal-form{gap:10px;margin-bottom:10px;text-align:left}.feedback-modal-textarea{font-family:inherit;resize:vertical;min-height:92px;line-height:1.5}.feedback-modal-card::-webkit-scrollbar{width:8px}.feedback-modal-card::-webkit-scrollbar-track{background:transparent}.feedback-modal-card::-webkit-scrollbar-thumb{background:rgba(124,92,255,.25);border-radius:4px}.feedback-modal-card::-webkit-scrollbar-thumb:hover{background:rgba(124,92,255,.45)}.sidebar-feedback-btn{margin-top:10px;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;font-size:12.5px;font-weight:500;color:var(--text);background:rgba(124,92,255,.1);border:1px solid rgba(124,92,255,.3);border-radius:8px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.sidebar-feedback-btn:hover{background:rgba(124,92,255,.18);border-color:#7c5cff8c}.sidebar-feedback-btn svg{width:14px;height:14px;flex-shrink:0}.howto-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(8,8,16,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:48px 24px;overflow-y:auto;animation:howto-modal-fade .16s ease-out}@keyframes howto-modal-fade{0%{opacity:0}to{opacity:1}}.howto-modal-card{position:relative;width:100%;max-width:760px;background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-radius:18px;padding:32px 36px 28px;box-shadow:0 30px 70px -20px #0a0a1e8c;animation:howto-modal-rise .22s cubic-bezier(.2,.8,.2,1)}.app.light .howto-modal-card{box-shadow:0 24px 60px -20px #3c3c7859}@keyframes howto-modal-rise{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.howto-modal-close{position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-surface2);color:var(--text-dim);border-radius:9px;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.howto-modal-close:hover{color:var(--text);border-color:var(--accent);background:var(--bg-hover)}.howto-modal-header{text-align:left;margin-bottom:20px;padding-right:44px}.howto-modal-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent)}.howto-modal-title{font-size:26px;font-weight:800;letter-spacing:-.015em;margin:0 0 8px;color:var(--text)}.howto-modal-em{background:linear-gradient(135deg,#6a73ff 0%,#9a4fff 60%,#50e3c2 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.howto-modal-sub{font-size:14px;line-height:1.6;color:var(--text-dim);margin:0;max-width:620px}.howto-modal-steps{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:14px;counter-reset:howto-steps}.howto-step{display:grid;grid-template-columns:1fr 280px;gap:22px;align-items:stretch;padding:20px 22px;border:1px solid var(--border);border-radius:14px;background:var(--bg-surface2);transition:border-color .15s ease,transform .15s ease}.howto-step:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.howto-step-text{display:flex;gap:14px;align-items:flex-start}.howto-step-num{flex:0 0 auto;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#6a73ff 0%,#9a4fff 100%);border-radius:10px;box-shadow:0 4px 12px -4px #7a73ff8c}.howto-step-title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:6px;line-height:1.3;letter-spacing:-.005em}.howto-step-desc{font-size:14.5px;line-height:1.5;color:var(--text);opacity:.85;margin:0;font-weight:500}.howto-step-image{position:relative;min-height:150px;border-radius:10px;overflow:hidden;background:var(--bg);border:1px dashed var(--border)}.howto-step-image img{display:block;width:100%;height:100%;object-fit:cover}.howto-step-image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-dim);font-size:11.5px;letter-spacing:.02em;pointer-events:none}.howto-step-image-placeholder svg{opacity:.5}.howto-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:6px;border-top:1px solid var(--border)}.howto-modal-secondary{background:transparent;color:var(--text);font-weight:600;font-size:13.5px;padding:10px 18px;border:1px solid var(--border);border-radius:10px;cursor:pointer;margin-top:14px;transition:background .12s ease,transform .12s ease}.howto-modal-secondary:hover{background:var(--bg-hover);transform:translateY(-1px)}.howto-modal-primary{background:linear-gradient(135deg,#6a73ff 0%,#9a4fff 100%);color:#fff;font-weight:600;font-size:13.5px;padding:10px 18px;border:none;border-radius:10px;cursor:pointer;margin-top:14px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.howto-modal-primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px #7a73ff66}@media (max-width: 720px){.howto-modal-card{padding:26px 22px 22px;border-radius:14px}.howto-step{grid-template-columns:1fr}.howto-step-image{min-height:180px}.howto-modal-title{font-size:22px}}.byok-current{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.byok-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.03)}.byok-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.65;margin-bottom:3px}.byok-hint{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.byok-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.byok-switch input{position:absolute;opacity:0;pointer-events:none}.byok-switch-track{position:relative;width:36px;height:20px;border-radius:999px;background:rgba(255,255,255,.18);transition:background .15s ease;flex-shrink:0}.byok-switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s ease}.byok-switch input:checked+.byok-switch-track{background:#6a73ff}.byok-switch input:checked+.byok-switch-track .byok-switch-knob{transform:translate(16px)}.byok-switch-label{font-size:12.5px;opacity:.85;white-space:nowrap}.byok-secure{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;margin-bottom:14px;border:1px solid rgba(141,229,194,.28);border-radius:10px;background:rgba(141,229,194,.07);color:inherit;text-align:left}.byok-secure svg{flex-shrink:0;color:#8de5c2;margin-top:1px}.byok-secure-title{font-size:13px;font-weight:600;color:#8de5c2;margin-bottom:6px}.byok-secure-list{margin:0;padding-left:16px;font-size:12px;line-height:1.55;opacity:.88}.byok-secure-list li{margin:0}.byok-secure-list em{font-style:italic;font-weight:600;opacity:1}.user-section{gap:4px}.user-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);cursor:default;flex-shrink:0}.user-avatar-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;transition:box-shadow var(--transition)}.user-avatar-btn:hover .user-avatar,.user-avatar-btn.active .user-avatar{border-color:var(--accent)}.user-avatar-btn.active{box-shadow:0 0 0 2px var(--accent-soft, rgba(124, 92, 255, .25))}.user-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.credit-badge{display:inline-flex;align-items:center;margin-right:4px;padding:3px 4px;border-radius:999px;background:var(--bg-secondary, rgba(124, 92, 255, .1));border:1px solid var(--border);cursor:default;-webkit-user-select:none;user-select:none}.credit-seg{display:inline-block;padding:0 8px;font-size:11px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}.credit-seg.empty{color:#ff6b8a}.credit-sep{width:1px;height:12px;background:var(--border);flex-shrink:0}@media (max-width: 768px){.credit-badge{display:none}}@media (max-width: 768px){.sidebar{width:150px}.toolbar{padding:0 6px}}@media (max-width: 600px){.sidebar,.storebox-panel,.chat-panel,.ai-chat-panel,.manim-chat-panel{display:none}}.ai-chat-panel{position:absolute;left:50%;transform:translate(-50%);bottom:104px;width:660px;max-width:calc(100vw - 380px);min-height:min(540px,calc(100% - 120px));max-height:min(800px,calc(100% - 120px));font-size:14px;--line-faint: rgba(128, 128, 128, .16);background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 48px #0003;display:flex;flex-direction:column;flex-shrink:0;z-index:125;overflow:hidden;animation:ai-overlay-in .15s ease-out both}@keyframes ai-overlay-in{0%{opacity:0;transform:translate(-50%,10px) scale(.98)}to{opacity:1;transform:translate(-50%)}}.ai-chat-panel .manim-chat-meta-row .manim-chat-model{margin-left:auto}.beautify-fab{position:absolute;right:20px;bottom:20px;z-index:30;display:flex;align-items:center;gap:9px;padding:13px 20px 13px 15px;border:none;border-radius:999px;background:linear-gradient(135deg,#6a73ff,#9a4fff);color:#fff;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 10px 26px #695aff66;transition:transform .13s ease,box-shadow .13s ease}.beautify-fab:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 32px #695aff80}.beautify-fab:active{transform:translateY(0) scale(.99)}.beautify-fab-star{flex-shrink:0;filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}.beautify-fab:hover .beautify-fab-star{animation:beautify-star-spin .6s ease}@keyframes beautify-star-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(72deg) scale(1.15)}to{transform:rotate(144deg) scale(1)}}.beautify-fab.running{cursor:default;animation:beautify-fab-breathe 1.6s ease-in-out infinite}.beautify-fab.running:hover{transform:none}.beautify-fab.running .beautify-fab-star{animation:beautify-star-working 1.1s linear infinite}@keyframes beautify-star-working{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes beautify-fab-breathe{0%,to{box-shadow:0 10px 26px #695aff66}50%{box-shadow:0 10px 38px #695affbf}}.ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--line-faint, var(--border));gap:8px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.ai-chat-header:active{cursor:grabbing}.ai-chat-header h3{font-size:14px;font-weight:600;margin:0}.ai-chat-header-left{display:flex;align-items:center;gap:8px;min-width:0}.ai-chat-header-right{display:flex;align-items:center;gap:6px}.ai-chat-session-picker{position:relative}.ai-chat-session-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;background:transparent;color:var(--text-dim);border:none;border-radius:6px;font-family:inherit;cursor:pointer;max-width:160px}.ai-chat-session-btn:hover{background:var(--bg-hover)}.ai-chat-session-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-chat-session-caret{font-size:9px;opacity:.6}.ai-chat-session-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 32px #0000002e;z-index:50;padding:6px}.ai-chat-session-menu-title{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:4px 8px}.ai-chat-session-item{display:flex;align-items:center;gap:2px;border-radius:8px}.ai-chat-session-item.active{background:var(--accent-soft, rgba(99, 102, 241, .1))}.ai-chat-session-item .ai-chat-session-item-action{opacity:0}.ai-chat-session-item:hover .ai-chat-session-item-action,.ai-chat-session-item:focus-within .ai-chat-session-item-action{opacity:1}.ai-chat-session-item-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;text-align:left;background:none;border:none;color:var(--text);padding:6px 9px;cursor:pointer;font-family:inherit;border-radius:8px}.ai-chat-session-item-title{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.ai-chat-session-item.active .ai-chat-session-item-title{color:var(--accent)}.ai-chat-session-item-current{font-size:7px;color:var(--accent)}.ai-chat-session-item-meta{font-size:10.5px;color:var(--text-dim)}.ai-chat-session-item-name:hover{background:var(--bg-hover)}.ai-chat-session-item-action{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px 6px;font-size:12px;border-radius:6px;font-family:inherit}.ai-chat-session-item-action:hover{background:var(--bg-hover);color:var(--text)}.ai-chat-session-new{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;border-top:1px solid var(--border);color:var(--text);font-size:12px;font-weight:500;padding:8px;cursor:pointer;font-family:inherit;margin-top:2px}.ai-chat-session-new:hover:not(:disabled){background:var(--bg-hover)}.ai-chat-session-new:disabled{opacity:.6;cursor:not-allowed}.ai-chat-pro-badge,.project-menu-pro-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.05em;background:linear-gradient(135deg,#6a73ff,#9a4fff);color:#fff;padding:2px 6px;border-radius:4px;margin-left:6px}.tool-btn-project{display:inline-flex;align-items:center;gap:4px;padding:0 8px;width:auto;min-width:0;max-width:200px}.project-switcher-label{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.project-switcher-caret{font-size:9px;opacity:.6}.project-menu{min-width:260px;max-width:320px}.project-menu-list{max-height:320px;overflow-y:auto;padding:2px 0}.project-menu-item{display:flex;align-items:center;gap:2px;border-radius:5px;margin:0 4px}.project-menu-item.active{background:var(--bg-hover)}.project-menu-item-name{flex:1;display:flex;align-items:center;gap:6px;text-align:left;background:none;border:none;color:var(--text);padding:7px 10px;font-size:12px;font-family:inherit;cursor:pointer;border-radius:5px;overflow:hidden}.project-menu-item-name:hover{background:var(--bg-hover)}.project-menu-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-menu-item-current{color:var(--accent, #6a73ff);font-size:8px}.project-menu-item-action{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px 6px;font-size:13px;border-radius:4px;font-family:inherit}.project-menu-item-action:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.project-menu-item-action:disabled{opacity:.4;cursor:not-allowed}.project-menu-new{border-top:1px solid var(--border);margin-top:4px}.ai-chat-model{font-size:11px;padding:3px 6px;background:var(--bg-surface2);color:var(--text);border:1px solid var(--border);border-radius:5px;font-family:inherit;outline:none}.ai-chat-model-gear{position:relative;display:inline-flex}.ai-chat-gear-btn{display:inline-flex;align-items:center;justify-content:center}.ai-chat-gear-btn.active{color:var(--accent)}.ai-chat-model-menu{position:absolute;top:calc(100% + 4px);right:0;width:220px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #00000026;z-index:50;padding:10px;display:flex;flex-direction:column;gap:6px}.ai-chat-model-menu-title{font-size:12px;font-weight:600}.ai-chat-model-menu-sub{font-size:11px;color:var(--text-dim);line-height:1.4}.ai-chat-model-menu .ai-chat-model{width:100%}.ai-chat-clear{background:transparent;border:none;color:var(--text-dim);font-size:11px;font-weight:500;padding:4px 8px;border-radius:5px;cursor:pointer;font-family:inherit}.ai-chat-clear:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.ai-chat-clear:disabled{opacity:.4;cursor:not-allowed}.ai-chat-close{background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer;line-height:1;padding:0 4px;border-radius:4px}.ai-chat-close:hover{background:var(--bg-hover);color:var(--text)}.ai-chat-thread{flex:1;min-height:0;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.ai-chat-thread:empty{padding:0}.ai-chat-blank{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-dim);opacity:.55;font-size:12px;-webkit-user-select:none;user-select:none}.ai-chat-empty{font-size:12px;color:var(--text-dim);line-height:1.5;padding:8px 4px}.ai-chat-empty ul{margin:6px 0 6px 16px;padding:0}.ai-chat-empty li{margin:2px 0}.ai-chat-msg{border-radius:10px;padding:7px 10px;font-size:13.5px;line-height:1.45;word-wrap:break-word;max-width:95%}.ai-chat-msg-user{background:var(--accent);color:#fff;align-self:flex-end;white-space:pre-wrap}.ai-chat-msg-assistant{background:var(--bg-surface2);color:var(--text);align-self:flex-start}.ai-md>:first-child{margin-top:0}.ai-md>:last-child{margin-bottom:0}.ai-md p{margin:0 0 8px;white-space:pre-wrap}.ai-md h1,.ai-md h2,.ai-md h3,.ai-md h4,.ai-md h5,.ai-md h6{margin:12px 0 6px;font-weight:700;line-height:1.3}.ai-md h1{font-size:15px}.ai-md h2{font-size:14px}.ai-md h3{font-size:13px}.ai-md h4,.ai-md h5,.ai-md h6{font-size:12px}.ai-md ul,.ai-md ol{margin:4px 0 8px;padding-left:22px}.ai-md li{margin:2px 0}.ai-md hr{border:0;border-top:1px solid var(--border);margin:10px 0}.ai-md code{background:color-mix(in srgb,var(--text) 10%,transparent);padding:1px 5px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.ai-md pre.ai-md-pre{background:color-mix(in srgb,var(--text) 8%,transparent);padding:8px 10px;border-radius:6px;margin:6px 0;overflow-x:auto}.ai-md pre.ai-md-pre code{background:transparent;padding:0;font-size:11px;white-space:pre}.ai-md a{color:var(--accent);text-decoration:underline}.ai-md strong{font-weight:700}.ai-md em{font-style:italic}.ai-chat-msg-error{background:color-mix(in srgb,var(--danger) 12%,var(--bg-surface2))}.ai-chat-error-text{color:var(--danger);font-size:12px}.ai-chat-typing{color:var(--text-dim);font-size:16px;letter-spacing:2px}.ai-chat-msg-clarify{border-left:3px solid var(--accent)}.ai-chat-clarify-text{display:block;font-size:13px;line-height:1.5;color:var(--text)}.ai-chat-clarify-text:before{content:"? ";color:var(--accent);font-weight:700}.ai-chat-actions-summary{margin-top:5px;font-size:11px;color:var(--text-dim);font-style:italic;display:flex;align-items:center;gap:6px}.ai-chat-step-header{display:inline-flex;align-items:center;gap:8px;margin-bottom:6px;font-size:11px}.ai-chat-step-num{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 7px;border-radius:9999px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#6366f1 30%));color:#fff;font-weight:600;font-size:10px;letter-spacing:.04em;box-shadow:0 1px 2px #6366f140}.ai-chat-step-num:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#fff;opacity:.85}.ai-chat-step-title{color:var(--text);font-weight:500;font-size:12px;letter-spacing:0;text-transform:none}.ai-chat-msg-step{position:relative;border-left:2px solid color-mix(in srgb,var(--accent) 60%,transparent);padding-left:10px}.ai-chat-step-status{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 8px;margin:6px 0;align-self:flex-start;border-radius:9999px;background:color-mix(in srgb,var(--accent) 10%,var(--bg-surface2));border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);font-size:11px;color:var(--text);max-width:100%}.ai-chat-step-status .ai-chat-step-num{padding:3px 10px 3px 8px;font-size:10px}.ai-chat-step-status .ai-chat-step-num:before{animation:ai-chat-step-pulse 1.4s ease-in-out infinite}@keyframes ai-chat-step-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.ai-chat-step-dots{display:inline-flex;align-items:center;gap:3px;margin-left:2px}.ai-chat-step-dots span{width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.5;animation:ai-chat-step-bounce 1.1s ease-in-out infinite}.ai-chat-step-dots span:nth-child(2){animation-delay:.18s}.ai-chat-step-dots span:nth-child(3){animation-delay:.36s}@keyframes ai-chat-step-bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.ai-chat-stop{align-self:flex-end;padding:6px 16px;font-size:12px;min-width:70px;background:var(--danger);color:#fff;border:1px solid var(--danger);border-radius:6px;cursor:pointer;font-family:inherit}.ai-chat-stop:hover:not(:disabled){filter:brightness(1.1)}.ai-chat-stop:disabled{opacity:.6;cursor:not-allowed}.ai-chat-replay-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-dim);cursor:pointer;margin-left:auto}.ai-chat-replay-btn:hover{color:var(--text);border-color:var(--text-dim)}.ai-chat-composer{border-top:2px solid var(--accent);padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px;position:relative}.ai-chat-input{width:100%;resize:none;font-family:inherit;font-size:14px;line-height:1.45;padding:6px 4px;border:none;border-radius:0;background:transparent;color:var(--text);outline:none;box-sizing:border-box}.ai-chat-send{align-self:flex-end;padding:6px 16px;font-size:12px;min-width:70px}.ai-chat-send:disabled{opacity:.5;cursor:not-allowed}.ai-chat-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:6px}.ai-chat-attach{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;font-size:12px;background:transparent;color:var(--text-dim);border:none;border-radius:7px;cursor:pointer;font-family:inherit;transition:background var(--transition),color var(--transition)}.ai-chat-attach:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.ai-chat-attach:disabled{opacity:.5;cursor:not-allowed}.ai-chat-composer-left{display:inline-flex;align-items:center;gap:6px}.ai-chat-beautify{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;font-size:12px;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:6px;cursor:pointer;font-family:inherit;transition:background var(--transition),border-color var(--transition),color var(--transition)}.ai-chat-beautify:hover:not(:disabled){background:var(--accent);color:#fff}.ai-chat-beautify:disabled{opacity:.5;cursor:not-allowed}.ai-chat-msg .chat-att-row{margin-top:6px}.format-toolbar{display:flex;align-items:center;gap:2px;padding:4px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px #0000002e;-webkit-user-select:none;user-select:none}.anim-menu{position:fixed;z-index:100;min-width:200px;padding:4px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000047;-webkit-user-select:none;user-select:none;animation:tb-format-in .14s ease-out both;transform-origin:top left}.anim-menu-header{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:6px 10px 4px}.anim-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:6px 10px;border:none;background:transparent;color:var(--text);border-radius:4px;cursor:pointer;font-size:13px;font-family:inherit;text-align:left;transition:background var(--transition)}.anim-menu-item:hover{background:var(--bg-hover)}.anim-menu-item.active{color:var(--accent)}.anim-menu-dot{width:8px;height:8px;border-radius:50%;background:transparent;border:1.5px solid var(--border);flex-shrink:0}.anim-menu-dot[data-active=true]{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.anim-menu-duration{display:flex;align-items:center;gap:6px;padding:2px 10px 8px}.anim-menu-duration-input{flex:1;min-width:0;height:28px;padding:0 8px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;font-size:13px;font-family:inherit;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.anim-menu-duration-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.anim-menu-duration-unit{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.anim-menu-divider{height:1px;background:var(--border);margin:2px 6px 4px}.format-btn{min-width:28px;height:28px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text);border:none;border-radius:4px;cursor:pointer;font-size:13px;font-family:inherit;transition:background var(--transition)}.format-btn:hover{background:var(--bg-hover)}.format-sep{width:1px;height:18px;background:var(--border);margin:0 2px;flex-shrink:0}.flow-field-label{font-size:11px;color:var(--text-dim);margin-top:4px}.flow-json-textarea{flex:1;width:100%;min-height:420px;padding:10px 12px;border:none;background:var(--bg-surface2);color:var(--text);font-size:12px;font-family:monospace;outline:none;resize:none;box-sizing:border-box}.tool-btn{transition:background var(--transition),color var(--transition),transform .12s ease,box-shadow .2s ease}.tool-btn:hover{transform:translateY(-1px)}.tool-btn:active{transform:scale(.94);transition-duration:60ms}.tool-btn.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent),0 4px 14px color-mix(in srgb,var(--accent) 30%,transparent)}.tool-btn.tool-btn-ai.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 50%,transparent),0 0 16px color-mix(in srgb,var(--accent) 35%,transparent)}.dialog-overlay{animation:tb-overlay-in .18s ease-out both}.dialog{animation:tb-dialog-in .22s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:center}@keyframes tb-overlay-in{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes tb-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.storebox-panel,.manim-chat-panel{animation:tb-panel-in .24s cubic-bezier(.2,.7,.2,1) both}.workshop-dialog{animation:tb-dialog-in .24s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:center}@keyframes tb-panel-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.toolbar{animation:tb-toolbar-in .32s ease-out both}@keyframes tb-toolbar-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.storebox-item{transition:transform .14s ease,box-shadow .2s ease}.storebox-item:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 18px #0000002e}.format-toolbar{animation:tb-format-in .16s ease-out both;transform-origin:top left}@keyframes tb-format-in{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.manim-chat-panel{width:380px;background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;z-index:5;overflow:hidden}.manim-chat-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--border);gap:8px}.manim-chat-header h3{font-size:13px;font-weight:600;margin:0}.manim-chat-header-right{display:flex;align-items:center;gap:6px}.manim-chat-model{font-size:11px;padding:3px 6px;background:var(--bg-surface2);color:var(--text);border:1px solid var(--border);border-radius:5px;font-family:inherit;outline:none}.manim-chat-clear{background:transparent;border:none;color:var(--text-dim);font-size:11px;font-weight:500;padding:4px 8px;border-radius:5px;cursor:pointer;font-family:inherit}.manim-chat-clear:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.manim-chat-clear:disabled{opacity:.4;cursor:not-allowed}.manim-chat-close{background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer;line-height:1;padding:0 4px;border-radius:4px}.manim-chat-close:hover{background:var(--bg-hover);color:var(--text)}.manim-chat-thread{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}.manim-chat-empty{font-size:12px;color:var(--text-dim);line-height:1.5;padding:8px 4px}.manim-chat-empty ul{margin:6px 0 6px 16px;padding:0}.manim-chat-empty li{margin:2px 0}.manim-chat-job{background:var(--bg-surface2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;font-size:12px;position:relative}.manim-chat-job-running{border-left:3px solid var(--accent)}.manim-chat-job-errored{border-left:3px solid var(--danger)}.manim-chat-job.is-modifying{outline:2px solid var(--accent);outline-offset:-1px}.manim-chat-job-head{display:flex;align-items:center;gap:6px}.manim-chat-job-mode{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.manim-chat-job-mode--png{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#d97706}.app.dark .manim-chat-job-mode--png{color:#fbbf24}.manim-chat-job-delete{margin-left:auto;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px 4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition)}.manim-chat-job:hover .manim-chat-job-delete,.manim-chat-job-delete:focus-visible{opacity:1}.manim-chat-job-delete:hover{background:var(--bg-hover);color:var(--danger)}.manim-chat-job-prompt{color:var(--text);line-height:1.4;word-break:break-word;white-space:pre-wrap}.manim-chat-job-explain{font-size:11px;color:var(--text-dim);line-height:1.4;font-style:italic}.manim-job-status-clarify{color:var(--accent)}.manim-chat-job-clarify-msg{font-size:12px;line-height:1.45;padding:8px 10px;border-radius:6px;background:var(--bg-surface2);border-left:3px solid var(--accent);color:var(--text)}.manim-chat-job-media{position:relative;width:100%;background:repeating-conic-gradient(var(--bg) 0% 25%,var(--bg-surface2) 0% 50%) 50% / 12px 12px;border-radius:6px;overflow:hidden}.manim-chat-job-media img,.manim-chat-job-media video{width:100%;display:block;max-height:280px;object-fit:contain;background:transparent}.manim-chat-job-media .manim-download-btn{opacity:0}.manim-chat-job-media:hover .manim-download-btn,.manim-chat-job-media .manim-download-btn:focus-visible{opacity:1}.manim-chat-job-actions{display:flex;gap:6px;flex-wrap:wrap}.manim-chat-job-actions .chat-action{font-size:11px;padding:4px 10px}.manim-chat-job-trash{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;padding:4px 6px}.manim-chat-composer{border-top:1px solid var(--border);padding:8px;display:flex;flex-direction:column;gap:6px}.manim-modify-banner{display:flex;align-items:center;gap:6px;padding:4px 8px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid var(--accent);border-radius:5px;font-size:11px;color:var(--text)}.manim-modify-banner .manim-modify-label{font-weight:600;flex-shrink:0}.manim-modify-banner em{font-style:normal;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.manim-chat-meta-row{display:flex;align-items:center;gap:8px}.manim-chat-segmented{display:inline-flex;background:var(--bg-surface2);border:1px solid var(--border);border-radius:6px;padding:2px}.manim-chat-segmented-btn{padding:3px 12px;font-size:11px;font-weight:600;background:transparent;border:none;border-radius:4px;color:var(--text-dim);cursor:pointer;font-family:inherit}.manim-chat-segmented-btn.active{background:var(--accent);color:#fff}.manim-chat-input{width:100%;resize:none;font-family:inherit;font-size:12px;padding:7px 9px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface2);color:var(--text);outline:none;box-sizing:border-box}.manim-chat-input:focus{border-color:var(--accent)}.manim-chat-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:6px}.manim-chat-attach{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;font-size:12px;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-family:inherit;transition:background var(--transition),border-color var(--transition)}.manim-chat-attach:hover{background:var(--bg-hover);border-color:var(--accent)}.manim-chat-send{align-self:flex-end;padding:6px 16px;font-size:12px;min-width:80px}.manim-chat-send:disabled{opacity:.5;cursor:not-allowed}@keyframes tb-dialog-fadein{0%{opacity:0}to{opacity:1}}@keyframes tb-dialog-pop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(8,8,16,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px;animation:tb-dialog-fadein .16s ease-out}.dialog{width:100%;max-width:440px;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 60px -16px #0000008c,0 8px 20px -8px #00000059;overflow:hidden;animation:tb-dialog-pop .18s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.dialog:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-hover))}.dialog-success:before{background:linear-gradient(90deg,#10b981,#34d399)}.dialog-error:before{background:linear-gradient(90deg,#ef4444,#f87171)}.dialog-warning:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.dialog-pro:before{background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899)}.dialog-info:before{background:linear-gradient(90deg,var(--accent),var(--accent-hover))}.dialog-header{display:flex;align-items:center;gap:12px;padding:18px 22px 6px}.dialog-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;flex-shrink:0}.dialog-icon-info{background:rgba(99,102,241,.15);color:#818cf8}.dialog-icon-success{background:rgba(16,185,129,.15);color:#34d399}.dialog-icon-warning{background:rgba(245,158,11,.15);color:#fbbf24}.dialog-icon-error{background:rgba(239,68,68,.15);color:#f87171}.dialog-icon-pro{background:linear-gradient(135deg,rgba(99,102,241,.18),rgba(168,85,247,.22));color:#c4b5fd}.dialog-title{font-size:15px;font-weight:600;color:var(--text);margin:0;line-height:1.3;letter-spacing:-.01em}.dialog-body{padding:6px 22px 8px}.dialog-message{font-size:13px;line-height:1.55;color:var(--text-dim);white-space:pre-wrap}.dialog-input{margin-top:14px;width:100%;padding:10px 12px;background:var(--bg-surface2);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:13px;font-family:inherit;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.dialog-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f12e}.dialog-error{margin-top:8px;font-size:12px;color:#f87171}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 22px 18px}.dialog-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;border:1px solid transparent;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .06s ease;outline:none}.dialog-btn:focus-visible{box-shadow:0 0 0 3px #6366f159}.dialog-btn:active{transform:translateY(1px)}.dialog-btn-secondary{background:transparent;color:var(--text-dim);border-color:var(--border)}.dialog-btn-secondary:hover{background:var(--bg-hover);color:var(--text)}.dialog-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.dialog-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.dialog-btn-danger{background:#ef4444;border-color:#ef4444}.dialog-btn-danger:hover{background:#dc2626;border-color:#dc2626}.dialog-btn-pro{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:transparent;box-shadow:0 4px 14px -4px #a855f780}.dialog-btn-pro:hover{background:linear-gradient(135deg,#818cf8,#c084fc)}.app.light .dialog-overlay{background:rgba(40,40,60,.35)}.app.light .dialog{box-shadow:0 24px 60px -16px #28285040,0 8px 20px -8px #28285026}@media (max-width: 540px){.dialog-overlay{padding:16px;align-items:flex-end}.dialog{max-width:100%}}.recorder-countdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:rgba(0,0,0,.35);pointer-events:auto}.recorder-countdown-num{font-size:120px;font-weight:800;line-height:1;color:#fff;text-shadow:0 6px 30px rgba(0,0,0,.5);animation:recorder-countdown-pop 1s ease-out infinite}@keyframes recorder-countdown-pop{0%{transform:scale(1.25);opacity:.4}30%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.recorder-preview-dialog{width:min(720px,92vw)}.recorder-preview-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.recorder-preview-meta{font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.recorder-preview-actions{display:flex;gap:8px;margin-top:14px}.recorder-preview-actions .dialog-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;padding:10px 12px}.recorder-preview-actions .dialog-btn svg{flex-shrink:0}.recorder-preview-footer{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(128,128,128,.16)}.recorder-preview-saved{flex:1;text-align:center;font-size:11.5px;color:var(--text-dim)}.recorder-preview-discard{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:var(--danger, #dc2626);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}.recorder-preview-discard:hover{background:rgba(220,38,38,.08)}.recorder-preview-discard svg{width:14px;height:14px}@media (max-width: 640px){.recorder-preview-actions{flex-direction:column}}.recorder-preview-video{width:100%;max-height:60vh;border-radius:10px;background:#000;display:block}.recorder-preview-dialog .recorder-hint{margin:10px 0 0;text-align:center}.recorder-share-row{display:flex;gap:8px;margin-top:12px}.recorder-share-input{flex:1;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-surface);color:inherit;font-size:13px}.page-notes-panel{position:fixed;bottom:64px;left:50%;transform:translate(-50%);width:min(600px,92vw);background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 40px #00000059;z-index:1200;overflow:hidden}.page-notes-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:12px;font-weight:600;opacity:.85;border-bottom:1px solid var(--border)}.page-notes-close{background:none;border:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.7}.page-notes-close:hover{opacity:1}.page-notes-input{display:block;width:100%;min-height:110px;max-height:240px;resize:vertical;border:none;outline:none;background:transparent;color:inherit;font:inherit;font-size:13.5px;line-height:1.55;padding:10px 12px}.teleprompter{position:fixed;top:64px;left:50%;transform:translate(-50%);width:min(720px,88vw);background:rgba(12,14,18,.82);color:#f1f3f4;border:1px solid rgba(255,255,255,.14);border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2500;overflow:hidden}.teleprompter-head{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:12px;opacity:.9}.teleprompter-page{font-weight:700;letter-spacing:.02em}.teleprompter-controls{display:flex;gap:4px}.teleprompter-controls button{background:rgba(255,255,255,.1);border:none;color:inherit;border-radius:6px;padding:2px 8px;font-size:12px;cursor:pointer}.teleprompter-controls button:hover{background:rgba(255,255,255,.2)}.teleprompter-body{padding:4px 16px 14px;line-height:1.6;white-space:pre-wrap;max-height:30vh;overflow-y:auto}.teleprompter-collapsed{width:auto}.recorder-btn-screen{background:#5b5bd6}.recorder-btn-screen.active{background:#ef4444;animation:recorder-screen-live 1.6s ease-in-out infinite}@keyframes recorder-screen-live{0%,to{box-shadow:0 0 #ef444473}50%{box-shadow:0 0 0 6px #ef444400}}.studio-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2600;background:rgba(8,9,12,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.studio{width:min(980px,96vw);max-height:92vh;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px 20px;box-shadow:0 24px 80px #00000080}.studio-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.studio-head h2{font-size:18px;display:flex;align-items:baseline;gap:10px}.studio-meta{font-size:13px;font-weight:400;opacity:.65}.studio-close{background:none;border:none;color:inherit;font-size:24px;line-height:1;cursor:pointer;opacity:.7}.studio-close:hover{opacity:1}.studio-empty{padding:40px 0;text-align:center;opacity:.75;display:flex;flex-direction:column;align-items:center;gap:14px}.studio-player{width:100%;max-height:48vh;background:#000;border-radius:10px;display:block}.studio-clip-tools{display:flex;align-items:center;gap:16px;margin:10px 0 4px;font-size:13px;flex-wrap:wrap}.studio-badge{padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.studio-badge-board{background:rgba(91,91,214,.25);color:#a7a7f0}.studio-badge-screen{background:rgba(16,185,129,.22);color:#7fe0c0}.studio-trim input{width:64px;margin:0 4px;padding:4px 6px;border-radius:6px;border:1px solid var(--border);background:transparent;color:inherit}.studio-overlay-toggle{display:flex;align-items:center;gap:6px}.studio-strip{display:flex;gap:10px;overflow-x:auto;padding:10px 2px;margin-top:6px}.studio-clip{flex:0 0 150px;border:2px solid transparent;border-radius:10px;background:rgba(255,255,255,.04);cursor:pointer;overflow:hidden}.studio-clip.selected{border-color:#5b5bd6}.studio-clip img,.studio-clip-thumb-fallback{width:100%;height:84px;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#000;color:#888;font-size:12px}.studio-clip-info{display:flex;justify-content:space-between;padding:4px 8px 2px;font-size:11.5px;opacity:.8}.studio-clip-actions{display:flex;justify-content:space-between;padding:2px 6px 6px}.studio-clip-actions button{background:none;border:none;color:inherit;opacity:.65;cursor:pointer;font-size:13px;padding:2px 4px;display:inline-flex;align-items:center}.studio-clip-actions button:hover:not(:disabled){opacity:1}.studio-clip-actions button:disabled{opacity:.2;cursor:default}.studio-clip-actions svg{width:13px;height:13px}.studio-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;flex-wrap:wrap}.studio-hint{margin-top:10px;font-size:12px;opacity:.6}.studio-head-actions{display:flex;align-items:center;gap:10px}.library-section-title{font-size:14px;font-weight:700;margin:18px 0 4px}.library-section-hint{margin:0 0 10px}.library-empty{padding:18px 0 8px;font-size:13.5px;opacity:.75;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:8px 0 6px}.library-card{position:relative;border:2px solid transparent;border-radius:10px;background:rgba(255,255,255,.04);cursor:pointer;overflow:hidden;transition:border-color .15s ease,transform .15s ease}.library-card:hover{transform:translateY(-2px);border-color:#5b5bd680}.library-card.current{border-color:#5b5bd6}.library-card img,.library-card-thumb-fallback{width:100%;height:96px;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#000;color:#777;font-size:22px}.library-card-info{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:7px 10px 9px;font-size:12px}.library-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.library-card-date{opacity:.6;flex-shrink:0}.library-card-delete{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:none;background:rgba(0,0,0,.55);color:#fff;font-size:15px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s ease}.library-card:hover .library-card-delete{opacity:1}.library-card-badge{position:absolute;top:6px;left:6px;padding:2px 8px;border-radius:999px;background:#5b5bd6;color:#fff;font-size:10.5px;font-weight:700}.studio-page{--bg: #f5f6fa;--bg-surface: #ffffff;--bg-surface2: #f0f1f7;--bg-hover: #e9eaf3;--text: #1d1d2b;--text-dim: #6d6d84;--border: #e2e3ee;--accent: #6366f1;--accent-hover: #4f51d8;--danger: #dc2626;height:100%;overflow-y:auto;background:var(--bg);color:var(--text);display:flex;flex-direction:column}.studio-page-head{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:5}.studio-page-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:700;font-size:15px}.studio-page-brand img{width:24px;height:24px}.studio-page-brand span{color:var(--accent-hover);font-weight:600}.studio-page-main{flex:1;min-height:0;padding:18px 22px 20px;display:flex;justify-content:center}.studio-standalone{width:100%;max-height:none;overflow:visible;border:none;box-shadow:none;background:transparent;padding:0}.studio-editor.studio-standalone{width:100%;max-width:none;height:100%;display:flex;flex-direction:column}.topbar{height:48px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 12px;background:var(--bg-surface);border-bottom:1px solid var(--border);position:relative;z-index:30}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.topbar-right{justify-content:flex-end}.topbar-center{display:flex;align-items:center;gap:6px;justify-content:center;min-width:0;flex-shrink:1}.topbar-brand{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;white-space:nowrap;-webkit-user-select:none;user-select:none}.topbar-brand img{width:20px;height:20px}.topbar-title-btn{display:inline-flex;align-items:center;gap:6px;max-width:340px;padding:4px 10px;border:none;border-radius:7px;background:transparent;color:var(--text);cursor:pointer;min-width:0}.topbar-title-btn:hover,.topbar-title-btn.active{background:var(--bg-hover)}.topbar-title-btn.attention{position:relative;border:1px solid rgba(255,59,92,.85);animation:start-new-glow 1.5s ease-in-out infinite}.topbar-title-btn.attention:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:2px solid rgba(255,59,92,.9);border-radius:10px;pointer-events:none;animation:start-new-ping 1.5s ease-out infinite}@keyframes start-new-glow{0%,to{box-shadow:0 0 4px #ff3b5c73,0 0 10px 2px #ff3b5c40}50%{box-shadow:0 0 8px 2px #ff3b5cbf,0 0 22px 6px #ff3b5c73}}@keyframes start-new-ping{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion: reduce){.topbar-title-btn.attention,.topbar-title-btn.attention:after{animation:none}.topbar-title-btn.attention:after{opacity:.7}}.topbar-title-text{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title-anon{font-size:13.5px;font-weight:600;color:var(--text-dim);white-space:nowrap}.topbar-sync{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:var(--text-dim);cursor:pointer}.topbar-sync:hover{background:var(--bg-hover)}.topbar-sync.sync-saved{color:#10b981}.topbar-sync.sync-error{color:#ef4444}.topbar-sync.sync-loading,.topbar-sync.sync-saving{color:var(--accent)}.topbar-present{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:1px solid var(--border);border-radius:15px;background:transparent;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.topbar-present:hover{background:var(--bg-hover)}.topbar-present.active{background:var(--accent);border-color:var(--accent);color:#fff}.topbar-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:7px;background:transparent;color:var(--text);cursor:pointer}.topbar-icon-btn:hover,.topbar-icon-btn.active{background:var(--bg-hover)}.new-board-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.new-board-option{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 8px 12px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text);cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.new-board-option:hover{border-color:var(--accent);background:var(--bg-hover);transform:translateY(-1px)}.new-board-preview{display:flex;align-items:center;justify-content:center;height:48px;margin-bottom:6px}.new-board-preview:before{content:"";display:block;border:2px solid currentColor;border-radius:4px;opacity:.65}.new-board-preview-landscape:before{width:56px;height:32px}.new-board-preview-vertical:before{width:22px;height:40px}.new-board-preview-infinite:before{width:56px;height:32px;border-style:dashed}.new-board-preview-infinite{position:relative}.new-board-preview-infinite:after{content:"∞";position:absolute;font-size:15px;font-weight:700;opacity:.75}.new-board-option-label{font-size:13px;font-weight:700}.new-board-option-sub{font-size:11px;opacity:.65;text-align:center}@media (max-width: 540px){.new-board-options{grid-template-columns:1fr}}.mode-toggle{display:inline-flex;align-items:center;padding:3px;background:var(--bg-surface2, var(--bg-hover));border:1px solid var(--border);border-radius:9px;gap:2px}.mode-toggle-seg{position:relative;padding:4px 14px;border:none;border-radius:7px;background:transparent;color:var(--text-dim);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}.mode-toggle-seg:hover{color:var(--text)}.mode-toggle-seg.active{background:var(--bg-surface);color:var(--text);box-shadow:0 1px 3px #0000001f;cursor:default}.mode-toggle-dot{position:absolute;top:2px;right:4px;width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 2px var(--bg-surface)}.tool-rail{position:absolute;top:14px;left:14px;width:152px;display:flex;flex-direction:column;gap:2px;padding:8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 32px #0000001f;z-index:40;max-height:calc(100% - 28px);overflow-y:auto;overflow-x:hidden}.tool-rail.collapsed{width:52px}.rail-btn{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;border:none;border-radius:8px;background:transparent;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;text-align:left;white-space:nowrap}.rail-btn:hover{background:var(--bg-hover)}.rail-btn.active{background:var(--accent-soft, rgba(79, 70, 229, .12));color:var(--accent)}.rail-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;flex-shrink:0}.rail-btn-icon svg{width:16px;height:16px}.rail-btn-label{flex:1;overflow:hidden;text-overflow:ellipsis}.rail-btn-end{display:inline-flex;align-items:center;justify-content:flex-end;min-width:22px;flex-shrink:0}.rail-btn-key{font-size:11px;font-weight:500;color:var(--text-dim);opacity:.85;font-variant-numeric:tabular-nums}.rail-btn.active .rail-btn-key{color:var(--accent);opacity:.7}.rail-btn-ai:not(.active){color:var(--accent)}.rail-btn-ai .rail-btn-label{font-weight:700}.rail-sep{height:1px;background:var(--border);margin:6px;flex-shrink:0}.rail-collapse{align-self:stretch;margin-top:6px;height:32px;border:none;border-radius:8px;background:var(--bg-surface2, transparent);color:var(--text-dim);font-size:19px;font-weight:800;line-height:1;cursor:pointer;flex-shrink:0}.rail-collapse:hover{background:var(--bg-hover);color:var(--text)}.rail-style-section{padding:0 2px 2px}.rail-style-section .sidebar{width:auto;background:transparent;border:none;padding:2px 2px 0;overflow:visible;gap:10px;transition:none}.tool-rail.collapsed .rail-btn{justify-content:center;padding:0;gap:0}.tool-rail.collapsed .rail-btn-label,.tool-rail.collapsed .rail-btn-end{display:none}.rail-flyout{position:fixed;min-width:200px;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px #0000002e;padding:5px;z-index:300;display:flex;flex-direction:column;gap:1px}.rail-flyout-item{display:flex;align-items:center;gap:9px;padding:7px 9px;border:none;border-radius:7px;background:transparent;color:var(--text);font-size:12.5px;cursor:pointer;text-align:left;white-space:nowrap}.rail-flyout-item:hover{background:var(--bg-hover)}.rail-flyout-item.active{background:var(--accent);color:#fff}.rail-flyout-item svg{width:15px;height:15px;flex-shrink:0}.rail-flyout-label{flex:1}.rail-flyout-shortcut{font-size:10.5px;opacity:.55;font-variant-numeric:tabular-nums}.props-float{position:absolute;bottom:16px;left:14px;max-height:54%;z-index:40;display:flex;border-radius:12px;box-shadow:0 8px 28px #00000029;overflow:hidden;animation:props-float-in .14s ease-out both}@keyframes props-float-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.props-float .sidebar{width:172px;max-height:inherit;border-right:none;border:1px solid var(--border);border-radius:12px}.props-float .sidebar.sidebar-collapsed{width:44px}.props-float .sidebar-footer{display:none}.canvas-controls{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:2px;padding:4px;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #0000001f;z-index:40}.cc-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text);cursor:pointer;font-size:11px}.cc-btn:hover{background:var(--bg-hover)}.cc-btn.active{background:var(--accent);color:#fff}.cc-btn svg{width:15px;height:15px}.cc-zoom-label{width:auto;padding:0 6px;font-weight:600;font-variant-numeric:tabular-nums}.cc-caret{width:16px;font-size:9px;opacity:.6}.cc-sep{width:1px;height:18px;background:var(--border);margin:0 3px}.ai-skill-bar{display:flex;align-items:center;gap:10px;padding:7px 12px;min-width:0;background:rgba(229,72,77,.07);border-bottom:1px solid rgba(229,72,77,.35)}.ai-skill-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 8px;border-radius:999px;background:#e5484d;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.01em;flex-shrink:0}.ai-skill-chip-id{font-weight:600;opacity:.92;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.ai-skill-chip-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 #fff9;animation:tb-skill-dot 1.6s ease-out infinite}@keyframes tb-skill-dot{0%{box-shadow:0 0 #fff9}70%{box-shadow:0 0 0 5px #fff0}to{box-shadow:0 0 #fff0}}.ai-skill-bar-exit{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid rgba(229,72,77,.45);border-radius:999px;background:transparent;color:#c93a3f;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;flex-shrink:0}.ai-skill-bar-exit:hover{background:rgba(229,72,77,.12)}.ai-skill-bar-exit kbd{font:inherit;font-size:10px;padding:0 4px;border-radius:4px;border:1px solid rgba(229,72,77,.4)}.ai-skill-bar-desc{font-size:11.5px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-skill-menu{background:var(--bg-surface2, transparent);border:1px solid var(--line-faint, var(--border));border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:2px}.ai-skill-menu-title{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:4px 8px 2px}.ai-skill-menu-item{display:flex;align-items:center;gap:10px;padding:7px 9px;border:none;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.ai-skill-menu-item.active{background:var(--bg-hover)}.ai-skill-menu-cmd{font-family:var(--mono, ui-monospace, monospace);font-size:12px;font-weight:600;color:var(--accent);min-width:96px;flex-shrink:0}.ai-skill-menu-info{display:flex;flex-direction:column;gap:1px;min-width:0}.ai-skill-menu-name{font-size:12.5px;font-weight:600}.ai-skill-menu-desc{font-size:11px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pages-bar{height:auto;min-height:88px}.page-thumb{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;flex-shrink:0;padding:2px;border-radius:8px}.page-thumb-frame{position:relative;width:96px;height:54px;border:2px solid var(--border);border-radius:6px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.page-thumb.active .page-thumb-frame{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.page-thumb-img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.page-thumb-empty{font-size:16px;font-weight:600;color:var(--text-dim);opacity:.5}.page-thumb-menu{position:absolute;top:3px;right:3px;width:20px;height:20px;opacity:0;background:var(--accent);color:#fff;border-radius:6px;box-shadow:0 1px 3px #00000040,0 0 0 1.5px #fff;transition:opacity var(--transition),background var(--transition),transform var(--transition)}.page-thumb:hover .page-thumb-menu,.page-thumb.active .page-thumb-menu,.page-thumb-menu.active{opacity:1}.page-thumb-menu:hover,.page-thumb-menu.active{background:var(--accent-hover, #4f46e5);color:#fff;transform:scale(1.08)}.page-thumb-name{max-width:96px;font-size:10.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-thumb.active .page-thumb-name{color:var(--text);font-weight:600}.page-thumb-input{width:92px;font-size:10.5px}.page-thumb-add{width:96px;height:54px;flex-shrink:0;border:2px dashed var(--border);border-radius:6px;background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:2px}.page-thumb-add:hover{border-color:var(--accent);color:var(--accent)}.app-toast{position:fixed;bottom:104px;right:20px;display:flex;align-items:center;gap:10px;padding:9px 14px;background:#d9f2e2;border:1px solid #9fd8b4;border-radius:10px;color:#14532d;font-size:13px;font-weight:500;box-shadow:0 8px 24px #00000024;z-index:400;animation:app-toast-in .2s ease-out both}@keyframes app-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-toast-action{color:#166534;font-weight:700;text-decoration:underline;white-space:nowrap}.app-toast-close{border:none;background:transparent;color:#14532d;font-size:16px;line-height:1;cursor:pointer;padding:0 2px}.inline-feedback{position:fixed;bottom:108px;left:50%;transform:translate(-50%);background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 32px #0000002e;padding:10px 14px;z-index:400;max-width:min(560px,calc(100vw - 40px))}.inline-feedback-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-feedback-q{font-size:13px;font-weight:600;white-space:nowrap}.inline-feedback-input{flex:1;min-width:150px;height:30px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:12.5px;outline:none}.inline-feedback-input:focus{border-color:var(--accent)}.inline-feedback-email{flex:0 1 160px}.inline-feedback-send{height:30px;padding:0 14px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:12.5px;font-weight:600;cursor:pointer}.inline-feedback-send:disabled{opacity:.5;cursor:default}.inline-feedback-close{border:none;background:transparent;color:var(--text-dim);font-size:17px;line-height:1;cursor:pointer;padding:0 2px}.inline-feedback-error{flex-basis:100%;color:#ef4444;font-size:11.5px}.inline-feedback-thanks{font-size:13px;font-weight:500}.recorder-controls{bottom:100px}.recorder-indicator{pointer-events:auto}.recorder-orient-btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-dim);cursor:pointer;opacity:.55;flex-shrink:0}.recorder-orient-btn:hover{opacity:1;background:var(--bg-hover)}.recorder-controls.vertical{left:auto;right:20px;bottom:184px;transform:none;flex-direction:column;align-items:stretch;width:172px;padding:10px;gap:8px;border-radius:20px}.recorder-controls.vertical .recorder-indicator{justify-content:center}.recorder-controls.vertical .recorder-strip-sep{width:auto;height:1px;align-self:stretch}.recorder-controls.vertical .recorder-finish-btn,.recorder-controls.vertical .recorder-source-toggle{justify-content:center}.recorder-controls.vertical .recorder-orient-btn,.recorder-controls.vertical .recorder-btn,.recorder-controls.vertical .recorder-pointer-btn{align-self:center}.cc-zoom-trigger{width:auto;padding:0 8px;gap:4px;font-weight:600;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center}.cc-zoom-caret{font-size:8px;opacity:.6}.zoom-menu .file-menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.zoom-menu-hint{font-size:10.5px;opacity:.5;white-space:nowrap}.canvas-settings-label{padding:8px 12px 4px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.file-menu .canvas-settings-frame-label{font-size:12.5px;font-weight:600;min-width:68px}.canvas-settings-sub{flex:1;font-size:11px;color:var(--text-dim);text-align:left}.canvas-settings-check{color:var(--accent);font-weight:700}.canvas-settings-switch{position:relative;width:28px;height:16px;border-radius:8px;background:var(--border);flex-shrink:0;transition:background .14s ease}.canvas-settings-switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .14s ease}.canvas-settings-switch.on{background:var(--accent)}.canvas-settings-switch.on:after{transform:translate(12px)}.canvas-settings-menu .file-menu-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left}.recorder-strip-sep{width:1px;height:20px;background:var(--border);pointer-events:none}.recorder-pointer-btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:7px;background:transparent;color:var(--text);cursor:pointer}.recorder-pointer-btn:hover{background:rgba(239,68,68,.12)}.recorder-pointer-btn.active{background:var(--accent);color:#fff}.recorder-pointer-btn svg{width:15px;height:15px}.recorder-step-btn{width:auto;padding:0 10px;font-size:11.5px;font-weight:700;letter-spacing:.02em}.rail-btn-caret{display:none;align-items:center;justify-content:center;width:22px;height:26px;margin:-4px -6px -4px 0;border-radius:6px;font-size:14px;opacity:.65}.rail-btn:hover .rail-btn-caret,.rail-btn.open .rail-btn-caret{display:inline-flex}.rail-btn:hover .rail-btn-key,.rail-btn.open .rail-btn-key{display:none}.rail-btn-caret:hover{background:rgba(127,127,127,.18);opacity:1}.recorder-pointer-trigger{width:auto;padding:0 3px 0 6px;gap:1px}.recorder-pointer-caret{display:inline-flex;align-items:center;justify-content:center;width:14px;height:22px;border-radius:4px;font-size:8px;opacity:.65}.recorder-pointer-caret:hover{background:rgba(127,127,127,.22);opacity:1}.recorder-pointer-menu{z-index:400}.recorder-paused-label{font-size:12px;color:var(--text-dim)}.recorder-pause-round{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.recorder-pause-round:hover{background:var(--bg-hover)}.recorder-pause-round svg{width:13px;height:13px}.recorder-pointer-name{font-size:12px;font-weight:600;margin:0 2px 0 5px}.recorder-more-btn{color:var(--text-dim)}.recorder-more-btn:hover,.recorder-more-btn.active{color:var(--text);background:var(--bg-hover)}.recorder-finish-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 16px;border:none;border-radius:16px;background:var(--text);color:var(--bg-surface);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.recorder-finish-btn:hover{opacity:.85}.recorder-finish-secondary{background:transparent;color:var(--text);border:1px solid var(--border);font-weight:600}.recorder-finish-secondary:hover{background:var(--bg-hover);opacity:1}.recorder-resume-btn svg{width:12px;height:12px}.recorder-menu-danger{color:#ef4444}.recorder-menu-danger:hover{background:rgba(239,68,68,.12)}.recorder-menu-danger svg{stroke:#ef4444}.recorder-dot.ready{background:#9ca3af;animation:none;box-shadow:none}.recorder-source-toggle{pointer-events:auto;display:inline-flex;align-items:center;padding:2px;gap:2px;background:var(--bg-hover);border:1px solid var(--border);border-radius:14px}.recorder-source-seg{padding:3px 11px;border:none;border-radius:11px;background:transparent;color:var(--text-dim);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.recorder-source-seg:hover{color:var(--text)}.recorder-source-seg.active{background:var(--bg-surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.recorder-start-btn-pill{background:#dc2626;color:#fff}.recorder-start-btn-pill:hover{background:#b91c1c;opacity:1}.recorder-pause-labeled svg{width:12px;height:12px}.topbar-history{display:flex;align-items:center;gap:2px;margin-left:4px;padding-left:10px;border-left:1px solid var(--border)}.topbar-history .topbar-icon-btn svg{width:15px;height:15px}.topbar-zoom-trigger{width:auto;padding:0 8px;gap:4px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center}.topbar-zoom-caret{font-size:8px;opacity:.6}.recorder-menu-device{padding-left:34px;font-size:12px;color:var(--text-dim)}.recorder-menu-device.active{color:var(--text);font-weight:600;background:var(--bg-hover)}.studio-editor{width:min(1200px,96vw);display:flex;flex-direction:column}.studio-saved{opacity:.55;font-size:12px}.studio-head-delete{background:none;border:none;color:var(--text-dim, #999);cursor:pointer;padding:5px;border-radius:7px;display:inline-flex}.studio-head-delete:hover{color:#ef4444;background:rgba(239,68,68,.1)}.studio-head-delete svg{width:15px;height:15px}.studio-workspace{display:flex;gap:14px;min-height:0;flex:1}.studio-clips-panel{width:216px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;min-height:0}.studio-sources{display:flex;flex-direction:column;gap:6px}.studio-source-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:transparent;color:inherit;font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}.studio-source-btn:hover:not(:disabled){background:rgba(127,127,127,.1)}.studio-source-btn:disabled{opacity:.5;cursor:default}.studio-source-record{border-color:#e63c3c80}.studio-source-dot{width:8px;height:8px;border-radius:50%;background:#e63c3c}.studio-source-row{display:flex;gap:6px}.studio-importing{font-size:11.5px;opacity:.7;text-align:center}.studio-clips-title{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.6}.studio-clips-list{flex:1;min-height:120px;max-height:42vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:2px}.studio-clips-empty{font-size:12px;opacity:.6;padding:8px 2px}.studio-lib-clip{display:flex;align-items:center;gap:8px;padding:5px;border:1px solid var(--border);border-radius:9px;cursor:grab;background:rgba(127,127,127,.04)}.studio-lib-clip:hover{border-color:#5b5bd6}.studio-lib-clip:active{cursor:grabbing}.studio-lib-clip img,.studio-lib-thumb-fallback{width:58px;height:34px;object-fit:cover;border-radius:5px;background:#000;flex-shrink:0;pointer-events:none}.studio-lib-thumb-fallback{display:flex;align-items:center;justify-content:center;font-size:9px;opacity:.6;text-transform:uppercase}.studio-lib-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;font-size:11.5px}.studio-lib-dur{font-weight:600;font-variant-numeric:tabular-nums}.studio-lib-date{opacity:.55;font-size:10.5px}.studio-lib-add{width:24px;height:24px;border:1px solid var(--border);border-radius:7px;background:transparent;color:inherit;font-size:15px;line-height:1;cursor:pointer;flex-shrink:0;opacity:.7}.studio-lib-add:hover{opacity:1;border-color:#5b5bd6;color:#8a8af0}.studio-stage{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.studio-stage .studio-player{max-height:52vh;cursor:pointer}.studio-transport{display:flex;align-items:center;gap:10px}.studio-play-btn{position:absolute;left:18px;bottom:18px;z-index:7;width:64px;height:64px;border:none;border-radius:50%;background:linear-gradient(180deg,#ff7a45,#f2570f);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding-left:4px;box-shadow:0 6px 20px #00000059;transition:transform .12s ease,background .12s ease,opacity .12s ease}.studio-play-btn:hover{transform:scale(1.06)}.studio-play-btn:active{transform:scale(.97)}.studio-play-btn.playing{padding-left:0;background:linear-gradient(180deg,#4b4b58,#2c2c36);opacity:.72}.studio-play-btn.playing:hover{opacity:1}.studio-clock{font-size:12px;font-variant-numeric:tabular-nums;opacity:.8;white-space:nowrap}.studio-scrub{flex:1;position:relative;height:18px;display:flex;align-items:center;cursor:pointer;touch-action:none}.studio-scrub:after{content:"";position:absolute;left:0;right:0;height:5px;border-radius:3px;background:rgba(127,127,127,.25)}.studio-scrub-fill{height:5px;border-radius:3px;background:#5b5bd6;position:relative;z-index:1}.studio-timeline{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(128,128,128,.16)}.studio-strip-v2{flex:1;min-width:0;display:flex;align-items:stretch;gap:4px;height:64px;padding:4px;border-radius:10px;background:rgba(127,127,127,.07);overflow-x:auto}.stl-block{position:relative;min-width:64px;border-radius:6px;overflow:hidden;background:#000;border:none;cursor:grab;flex-shrink:0;-webkit-user-select:none;user-select:none}.stl-block:active{cursor:grabbing}.stl-block.selected{box-shadow:0 0 0 2px var(--accent, #5b5bd6)}.stl-block.playing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px #8a8af0b3;pointer-events:none}.stl-block.drop-before{box-shadow:-4px 0 #5b5bd6}.stl-drop-end{width:4px;border-radius:2px;background:#5b5bd6;flex-shrink:0}.stl-block img{width:100%;height:100%;object-fit:cover;opacity:.9;pointer-events:none}.stl-label{position:absolute;left:5px;bottom:3px;font-size:10px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);font-variant-numeric:tabular-nums;pointer-events:none}.stl-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:5px;background:rgba(0,0,0,.55);color:#fff;font-size:13px;line-height:1;cursor:pointer;opacity:0}.stl-block:hover .stl-remove{opacity:1}.stl-remove:hover{background:rgba(220,38,38,.85)}.stl-trim{position:absolute;top:0;bottom:0;width:10px;cursor:ew-resize;background:#5b5bd6;opacity:.9;touch-action:none}.stl-trim:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:18px;border-radius:1px;background:#fff}.stl-trim-start{left:0;border-radius:5px 0 0 5px}.stl-trim-end{right:0;border-radius:0 5px 5px 0}.stl-empty-hint{flex:1;display:flex;align-items:center;justify-content:center;font-size:12px;opacity:.55;border-top:1px dashed rgba(127,127,127,.3);border-bottom:1px dashed rgba(127,127,127,.3)}.studio-timeline-side{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-shrink:0}.studio-export-btn{white-space:nowrap}.studio-editor .studio-workspace{flex:1;min-height:0}.studio-editor .studio-stage{min-height:0}.studio-editor .studio-stage .studio-player{flex:1;min-height:0;max-height:none;width:100%;object-fit:contain}.studio-clips-panel{width:224px}.studio-clips-list{max-height:none;gap:12px}.studio-lib-group{display:flex;flex-direction:column;gap:6px}.studio-lib-audio{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:7px;background:rgba(47,180,124,.12);border:1px solid rgba(47,180,124,.35);cursor:grab;-webkit-user-select:none;user-select:none}.studio-lib-audio:hover{border-color:#2fb47c}.studio-lib-audio-play{width:26px;height:26px;border:none;border-radius:50%;background:#1d8f60;color:#fff;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:11px;padding-left:1px}.studio-lib-audio-play.on{background:#f2570f;padding-left:0}.studio-lib-audio-name{flex:1;min-width:0;font-size:11.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-lib-audio-meta{display:block;font-size:10px;opacity:.65}.studio-lib-audio-add,.studio-lib-audio-del{width:22px;height:22px;border:none;border-radius:5px;background:rgba(0,0,0,.08);cursor:pointer;font-size:13px;line-height:22px;padding:0;flex-shrink:0}.studio-lib-audio-add:hover{background:var(--accent, #5b5bd6);color:#fff}.studio-lib-audio-del:hover{background:#d9534f;color:#fff}.studio-lib-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.studio-lib-tile{position:relative;aspect-ratio:1;border-radius:9px;overflow:hidden;background:#000;border:1px solid var(--border);cursor:grab}.studio-lib-tile:active{cursor:grabbing}.studio-lib-tile:hover{border-color:var(--accent)}.studio-lib-tile img{width:100%;height:100%;object-fit:cover}.studio-lib-tile-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:16px}.studio-lib-tile-info{position:absolute;top:0;left:0;right:0;padding:4px 6px;font-size:10.5px;font-weight:600;color:#fff;background:linear-gradient(rgba(0,0,0,.65),transparent);opacity:0;transition:opacity .12s ease;pointer-events:none}.studio-lib-tile:hover .studio-lib-tile-info{opacity:1}.studio-track-scroll{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden}.studio-track{position:relative;min-width:100%;height:86px;padding:18px 4px 4px;box-sizing:border-box}.studio-ruler{position:absolute;top:0;left:4px;right:0;height:16px;pointer-events:none}.studio-ruler-tick{position:absolute;top:1px;font-size:9px;color:var(--text-dim);font-variant-numeric:tabular-nums;transform:translate(2px);border-left:1px solid var(--border);padding-left:3px;height:12px;line-height:12px}.studio-track-row{display:flex;align-items:stretch;gap:2px;height:60px}.studio-track-row .stl-block{min-width:26px;flex-shrink:0}.studio-playhead{position:absolute;top:2px;bottom:2px;width:14px;margin-left:-7px;background:transparent;cursor:ew-resize;touch-action:none;z-index:2}.studio-playhead:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--accent, #6366f1);border-radius:1px}.studio-playhead:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--accent, #6366f1)}.studio-stage{position:relative}.studio-viewer{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:10px;background:#000}.studio-editor .studio-viewer .studio-player{border-radius:0;width:100%;height:100%;max-height:none;object-fit:contain}.studio-player-img{width:100%;height:100%;object-fit:contain;display:block;background:#000;cursor:pointer}.studio-lib-tile-kind{position:absolute;top:4px;left:4px;padding:1px 5px;border-radius:3px;background:rgba(0,0,0,.55);color:#fff;font-size:9px;letter-spacing:.5px;text-transform:uppercase;pointer-events:none}.studio-crop-outline{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.studio-crop-outline-box{position:absolute;box-shadow:0 0 0 1.5px #ffffffd9,0 0 0 9999px #00000061}.studio-crop-outline-tag{position:absolute;left:0;top:-22px;padding:2px 7px;border-radius:4px;background:rgba(0,0,0,.6);color:#fff;font-size:10.5px;white-space:nowrap}.studio-crop-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.studio-crop-box{position:absolute;cursor:move;box-shadow:0 0 0 1px #fffffff2,0 0 0 9999px #0000006b;touch-action:none}.studio-crop-box:before,.studio-crop-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,transparent 33.2%,rgba(255,255,255,.35) 33.3% 33.4%,transparent 33.5%),linear-gradient(to bottom,transparent 33.2%,rgba(255,255,255,.35) 33.3% 33.4%,transparent 33.5%)}.studio-crop-box:after{background:linear-gradient(to right,transparent 66.5%,rgba(255,255,255,.35) 66.6% 66.7%,transparent 66.8%),linear-gradient(to bottom,transparent 66.5%,rgba(255,255,255,.35) 66.6% 66.7%,transparent 66.8%)}.studio-crop-handle{position:absolute;width:16px;height:16px;background:#fff;border-radius:3px;box-shadow:0 1px 4px #00000080;touch-action:none}.studio-crop-handle.nw{left:-8px;top:-8px;cursor:nwse-resize}.studio-crop-handle.ne{right:-8px;top:-8px;cursor:nesw-resize}.studio-crop-handle.sw{left:-8px;bottom:-8px;cursor:nesw-resize}.studio-crop-handle.se{right:-8px;bottom:-8px;cursor:nwse-resize}.studio-crop-handle.n,.studio-crop-handle.s{left:calc(50% - 18px);width:36px;height:10px}.studio-crop-handle.e,.studio-crop-handle.w{top:calc(50% - 18px);height:36px;width:10px}.studio-crop-handle.n{top:-5px;cursor:ns-resize}.studio-crop-handle.s{bottom:-5px;cursor:ns-resize}.studio-crop-handle.w{left:-5px;cursor:ew-resize}.studio-crop-handle.e{right:-5px;cursor:ew-resize}.studio-crop-hint{position:absolute;top:10px;left:50%;transform:translate(-50%);padding:5px 10px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff;font-size:11.5px;white-space:nowrap;pointer-events:none}.stl-strip{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow:hidden;pointer-events:none}.stl-strip img{flex:1 1 0;min-width:0;height:100%;object-fit:cover;opacity:.92}.stl-strip-poster{background-position:center;background-size:auto 100%;background-repeat:repeat-x;opacity:.85}.studio-video-end{position:absolute;top:18px;bottom:0;width:0;border-left:1px dashed rgba(127,127,127,.7);pointer-events:none}.video-switcher{position:relative}.video-switcher-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:8px;background:transparent;color:var(--text);font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-switcher-btn:hover{background:var(--bg-hover)}.video-switcher-caret{font-size:9px;opacity:.6}.video-switcher-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);min-width:280px;max-height:60vh;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 36px #00000024;padding:6px;z-index:120}.video-switcher-item{display:flex;align-items:center;gap:2px;border-radius:8px}.video-switcher-item.active{background:var(--bg-surface2)}.video-switcher-item .video-switcher-action{opacity:0}.video-switcher-item:hover .video-switcher-action{opacity:1}.video-switcher-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;text-align:left;background:none;border:none;color:var(--text);padding:7px 9px;cursor:pointer;font-family:inherit;border-radius:8px}.video-switcher-name:hover{background:var(--bg-hover)}.video-switcher-title{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-switcher-item.active .video-switcher-title{color:var(--accent)}.video-switcher-meta{font-size:10.5px;color:var(--text-dim)}.video-switcher-action{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:5px 7px;font-size:12px;border-radius:6px;font-family:inherit}.video-switcher-action:hover{background:var(--bg-hover);color:var(--text)}.video-switcher-new{display:block;width:100%;background:none;border:none;border-top:1px solid rgba(128,128,128,.16);color:var(--accent);font-size:12.5px;font-weight:600;padding:9px;cursor:pointer;font-family:inherit;margin-top:4px;text-align:center}.video-switcher-new:hover{background:var(--bg-hover)}.studio-lib-tile-delete{position:absolute;top:3px;right:3px;width:18px;height:18px;border:none;border-radius:5px;background:rgba(0,0,0,.55);color:#fff;font-size:13px;line-height:1;cursor:pointer;opacity:0}.studio-lib-tile:hover .studio-lib-tile-delete{opacity:1}.studio-lib-tile-delete:hover{background:rgba(220,38,38,.85)}.studio-lastlink-btn{border:none;background:transparent;color:var(--accent, #6366f1);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;padding:5px 8px;border-radius:7px;white-space:nowrap}.studio-lastlink-btn:hover{background:var(--bg-hover, rgba(127, 127, 127, .1))}.studio-page{--line-strong: rgba(24, 24, 40, .28)}.studio-page-head{border-bottom:1px solid var(--line-strong)}.studio-editor .studio-clips-panel{border-right:1px solid var(--line-strong);padding-right:14px}.studio-editor .studio-timeline{border-top:1px solid var(--line-strong)}.studio-editor .studio-transport{border-bottom:1px solid var(--line-strong);padding-bottom:10px}.studio-editor .studio-ruler-tick{border-left-color:#18182840}.studio-track-tabs{display:flex;flex-direction:column;gap:6px;justify-content:center;flex-shrink:0}.studio-track-tab{border:1px solid var(--border, rgba(127, 127, 127, .28));background:transparent;color:var(--text-dim, #666);font-size:11px;font-weight:600;letter-spacing:.02em;padding:6px 12px;border-radius:7px;cursor:pointer}.studio-track-tab.active{background:var(--accent, #5b5bd6);border-color:var(--accent, #5b5bd6);color:#fff}.studio-track-tab:not(.active):hover{background:rgba(127,127,127,.1);color:var(--text, #222)}.studio-audio-row{position:relative;height:60px}.sta-block{position:absolute;top:8px;height:44px;border-radius:7px;background:linear-gradient(180deg,#2fb47c,#1d8f60);color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden;display:flex;align-items:flex-end;box-shadow:inset 0 0 0 1px #ffffff2e}.sta-block:active{cursor:grabbing}.sta-wave{position:absolute;top:6px;right:6px;bottom:18px;left:6px;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 2px,transparent 2px 5px);opacity:.45;pointer-events:none}.sta-label{position:relative;font-size:10px;line-height:1;padding:0 8px 5px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sta-remove{position:absolute;top:2px;right:2px;width:16px;height:16px;border:none;border-radius:4px;background:rgba(0,0,0,.35);color:#fff;font-size:11px;line-height:16px;padding:0;cursor:pointer;opacity:0}.sta-block:hover .sta-remove{opacity:1}.studio-add-audio-btn{white-space:nowrap}.sta-block.selected{box-shadow:0 0 0 2px var(--accent, #5b5bd6)}.sta-block .stl-trim{z-index:3}.sta-fade{position:absolute;top:0;bottom:0;pointer-events:none}.sta-fade-in{left:0;background:linear-gradient(to right,rgba(0,0,0,.55),transparent)}.sta-fade-out{right:0;background:linear-gradient(to left,rgba(0,0,0,.55),transparent)}.studio-ctx-item{display:block;width:100%;text-align:left;padding:7px 8px;border:none;border-radius:6px;background:transparent;color:inherit;font-size:12.5px;cursor:pointer}.studio-ctx-item:hover:not(:disabled){background:rgba(127,127,127,.14)}.studio-ctx-item:disabled{opacity:.42;cursor:not-allowed}.studio-ctx-item.danger{color:#d9534f}.studio-ctx-sep{height:1px;margin:6px 2px;background:rgba(127,127,127,.22)}.stl-fx-dot{position:absolute;top:2px;left:3px;font-size:9px;color:#ffd76a;text-shadow:0 1px 2px rgba(0,0,0,.7);pointer-events:none}.studio-ctx-menu{position:fixed;z-index:300;max-height:calc(100vh - 16px);overflow-y:auto;min-width:250px;padding:10px;border-radius:10px;background:var(--bg-surface, #fff);border:1px solid var(--border, rgba(0, 0, 0, .12));box-shadow:0 12px 32px #0000002e}.studio-ctx-title{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim, #777);margin:2px 0 6px}.studio-ctx-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.studio-ctx-row:last-child{margin-bottom:0}.studio-ctx-chip{border:1px solid var(--border, rgba(127, 127, 127, .3));background:transparent;color:var(--text, #333);font-size:11px;padding:3px 9px;border-radius:999px;cursor:pointer}.studio-ctx-chip:hover{background:rgba(127,127,127,.12)}.studio-ctx-chip.active{background:var(--accent, #5b5bd6);border-color:var(--accent, #5b5bd6);color:#fff}.dialog-btn.dialog-btn-primary.studio-export-btn{background:linear-gradient(180deg,#d63031,#8e1414);border:1px solid #7c0f0f;color:#fff;font-weight:700;letter-spacing:.01em;box-shadow:0 3px 10px #a0141459,inset 0 1px #ffffff2e}.dialog-btn.dialog-btn-primary.studio-export-btn:hover:not(:disabled){background:linear-gradient(180deg,#e04041,#9c1818);border-color:#7c0f0f}.dialog-btn.dialog-btn-primary.studio-export-btn:disabled{opacity:.45}.studio-ctx-vol{display:flex;align-items:center;gap:8px}.studio-ctx-vol input[type=range]{flex:1;min-width:0;accent-color:var(--accent, #5b5bd6)}.studio-ctx-vol-label{flex-shrink:0;width:44px;text-align:right;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text, #333)}.stl-mute-dot{position:absolute;bottom:2px;right:3px;font-size:9px;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.studio-page{--bg-panel: #eceef5}.studio-editor .studio-clips-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:12px}.studio-editor .studio-timeline{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin-top:12px}.studio-editor .studio-ruler-tick{border-left-color:#1818284d}.toolbar-record-hero.toolbar-create-video{background:var(--accent)}.toolbar-record-hero.toolbar-create-video:hover{background:var(--accent-hover)}.create-video-dialog{max-width:480px}.create-video-options{display:flex;flex-direction:column;gap:10px;margin-top:14px}.create-video-option{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;text-align:left;font-family:inherit;color:var(--text);background:var(--bg-hover);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .06s ease}.create-video-option:hover{border-color:var(--accent)}.create-video-option:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f159}.create-video-option:active{transform:translateY(1px)}.create-video-option-primary{background:color-mix(in srgb,var(--accent) 12%,var(--bg-surface));border-color:var(--accent)}.create-video-option-icon{flex:none;width:32px;height:32px;display:grid;place-items:center;font-size:17px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border)}.create-video-option-text{display:flex;flex-direction:column;gap:3px;min-width:0}.create-video-option-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.create-video-option-badge{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:var(--accent);color:#fff}.create-video-option-sub{font-size:12.5px;line-height:1.45;color:var(--text-dim)}.create-video-note{margin-top:14px;font-size:12px;line-height:1.5;color:var(--text-dim)}.dl-dialog{max-width:520px;max-height:92vh;display:flex;flex-direction:column}.dl-dialog .dialog-body{overflow-y:auto}.dl-header{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}.dl-meta{font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.dl-preview{display:block;width:100%;max-height:46vh;margin:0 0 16px;border-radius:10px;background:#000;outline:none}.dl-preview:fullscreen{max-height:none;border-radius:0}.dl-share{margin-top:14px}.dl-share-btn{width:100%;justify-content:center}.dl-options{display:flex;flex-direction:column;gap:10px}.dl-option{display:flex;flex-direction:column;gap:5px;width:100%;padding:12px 14px;text-align:left;border:1.5px solid var(--border-color, #e5e7eb);border-radius:10px;background:transparent;cursor:pointer;transition:border-color .12s,background .12s}.dl-option:hover:not(:disabled){border-color:var(--accent, #6366f1)}.dl-option.sel{border-color:var(--accent, #6366f1);background:rgba(99,102,241,.06)}.dl-option.locked,.dl-option:disabled{opacity:.55;cursor:not-allowed}.dl-option-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.dl-option-name{font-size:14px;font-weight:650;color:var(--text, #1a1a2e)}.dl-badge{margin-left:7px;padding:1px 6px;border-radius:999px;background:var(--accent, #6366f1);color:#fff;font-size:10px;font-weight:700;letter-spacing:.03em;vertical-align:1px}.dl-option-time{font-size:12px;font-weight:600;color:var(--text-dim);white-space:nowrap}.dl-option-time.ok{color:#0e9f6e}.dl-option-sub{font-size:12.5px;line-height:1.45;color:var(--text-dim)}.dl-signin{margin:12px 0 0;font-size:12.5px;color:var(--text-dim)}.dl-progress{padding:4px 0 2px}.dl-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px;font-weight:650;color:var(--text, #1a1a2e);margin-bottom:10px}.dl-progress-head.done{color:#0e9f6e}.dl-progress-pct{font-size:13px;font-weight:600;color:var(--text-dim);font-variant-numeric:tabular-nums}.dl-bar{height:6px;border-radius:999px;background:rgba(127,127,127,.18);overflow:hidden}.dl-bar-fill{height:100%;border-radius:999px;background:var(--accent, #6366f1);transition:width .25s ease-out}.dl-bar-fill.indet{width:38%;animation:dl-sweep 1.3s ease-in-out infinite}@keyframes dl-sweep{0%{margin-left:-38%}to{margin-left:100%}}.dl-progress-sub{margin:9px 0 0;font-size:12.5px;line-height:1.45;color:var(--text-dim)}.dl-btn-bar{position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:0 0 6px 6px;overflow:hidden;background:rgba(255,255,255,.25)}.dl-btn-bar-fill{display:block;height:100%;background:currentColor;opacity:.9;transition:width .25s ease-out}.dl-btn-bar-fill.indet{width:40%;animation:dl-sweep 1.3s ease-in-out infinite}.recorder-preview-actions .dialog-btn,.studio-actions .dialog-btn{position:relative;overflow:hidden}.dl-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px 18px}@media (prefers-reduced-motion: reduce){.dl-bar-fill.indet{animation:none;width:100%;opacity:.5}}.create-video-stray{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:9px 11px;border:1px solid rgba(217,119,6,.35);border-radius:8px;background:rgba(245,158,11,.09)}.create-video-stray-text{flex:1 1 220px;font-size:12px;line-height:1.45;color:var(--text)}.create-video-stray-btn{flex:0 0 auto;padding:5px 11px;font-size:12px;font-weight:600;color:#fff;background:#d97706;border:none;border-radius:6px;cursor:pointer}.create-video-stray-btn:hover{background:#b45309}.app.dark .create-video-stray{border-color:#fbbf2459;background:rgba(251,191,36,.12)}.app.dark .create-video-stray-btn{background:#b45309}.app.dark .create-video-stray-btn:hover{background:#92400e}.create-video-findings{margin-bottom:14px;padding:10px 12px;border:1px solid rgba(220,38,38,.32);border-radius:8px;background:rgba(239,68,68,.08)}.create-video-findings-head{display:flex;align-items:baseline;gap:10px}.create-video-findings-text{flex:1 1 auto;font-size:12px;line-height:1.45;color:var(--text)}.create-video-findings-toggle{flex:0 0 auto;padding:0;font-size:12px;font-weight:600;color:#b91c1c;background:none;border:none;cursor:pointer;text-decoration:underline}.create-video-findings-list{margin:8px 0 0;padding-left:18px;font-size:12px;line-height:1.5;color:var(--text-dim, var(--text))}.create-video-findings-list li+li{margin-top:5px}.create-video-findings-page{font-weight:600;color:var(--text)}.create-video-findings-actions{display:flex;align-items:center;gap:8px;margin-top:9px}.create-video-findings-fix{padding:5px 11px;font-size:12px;font-weight:600;color:#fff;background:#dc2626;border:none;border-radius:6px;cursor:pointer}.create-video-findings-fix:hover{background:#b91c1c}.create-video-findings-skip{padding:5px 4px;font-size:12px;color:var(--text-dim, var(--text));background:none;border:none;cursor:pointer;text-decoration:underline}.app.dark .create-video-findings{border-color:#f8717157;background:rgba(248,113,113,.11)}.app.dark .create-video-findings-toggle{color:#fca5a5}.app.dark .create-video-findings-fix{background:#b91c1c}.app.dark .create-video-findings-fix:hover{background:#991b1b}.create-video-option-free{margin-top:5px;font-size:12px;font-weight:600;line-height:1.4;color:#0e9f6e}.app.dark .create-video-option-free,.create-video-options.compact .create-video-option-free{color:#6ee7b7}.create-video-option-signin{margin-top:5px;font-size:12px;font-weight:600;line-height:1.4;color:var(--text-dim)}.recorder-link-btn{border:none;background:transparent;padding:0;margin:0;color:var(--accent, #6366f1);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.recorder-link-btn:hover{opacity:.85}.create-video-option-primary{flex-direction:column;align-items:stretch;gap:0;padding:0}.create-video-option-main{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;text-align:left;font-family:inherit;color:inherit;background:transparent;border:none;border-radius:10px 10px 0 0;cursor:pointer}.create-video-option-main:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}.create-video-toggles{display:flex;flex-wrap:wrap;gap:6px 18px;padding:8px 14px 10px 58px;border-top:1px solid color-mix(in srgb,var(--accent) 25%,transparent);font-size:12.5px}.create-video-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--text);font-weight:500}.create-video-toggle input{accent-color:var(--accent);margin:0}.create-video-toggle-hint{color:var(--text-dim);font-weight:400}@keyframes tb-hero-pulse{0%,to{box-shadow:0 0 #6366f18c}60%{box-shadow:0 0 0 10px #6366f100}}.toolbar-record-hero.toolbar-create-video.pulse{animation:tb-hero-pulse 1.4s ease-out 4}@media (prefers-reduced-motion: reduce){.toolbar-record-hero.toolbar-create-video.pulse{animation:none}}.recorder-autolock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2900;background:rgba(12,12,24,.42);pointer-events:auto;cursor:not-allowed;display:flex;flex-direction:column;align-items:center;padding-top:16px;gap:10px}.recorder-autolock-bar{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 16px;border-radius:999px;background:rgba(20,20,32,.92);color:#fff;box-shadow:0 12px 34px #00000059;cursor:default}.recorder-autolock-dot{width:10px;height:10px;border-radius:50%;background:#ff4d4f;box-shadow:0 0 #ff4d4f99;animation:tb-autolock-pulse 1.4s ease-out infinite}@keyframes tb-autolock-pulse{0%{box-shadow:0 0 #ff4d4f99}70%{box-shadow:0 0 0 8px #ff4d4f00}to{box-shadow:0 0 #ff4d4f00}}.recorder-autolock-title{font-size:14px;font-weight:700}.recorder-autolock-meta{font-size:13px;font-variant-numeric:tabular-nums;color:#ffffffb8}.recorder-autolock-stop{display:inline-flex;align-items:center;gap:7px;margin-left:6px;padding:7px 14px 7px 11px;border:none;border-radius:999px;background:#e5484d;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .12s ease,transform .12s ease}.recorder-autolock-stop:hover{background:#d63a3f;transform:translateY(-1px)}.recorder-autolock-stop-square{width:10px;height:10px;border-radius:2px;background:#fff}body.tb-autolock .pages-bar-actions,body.tb-autolock .toolbar-create-video,body.tb-autolock .ai-launcher,body.tb-autolock .ai-beautify-fab{visibility:hidden}.recorder-autolock-hint{font-size:12.5px;color:#ffffffe6;text-shadow:0 1px 6px rgba(0,0,0,.5);cursor:default}.recorder-preparing{background:rgba(12,12,24,.45)}.recorder-preparing-card{display:flex;align-items:center;gap:16px;width:min(560px,calc(100vw - 48px));padding:18px 20px;border-radius:16px;background:rgba(20,20,32,.94);color:#fff;box-shadow:0 18px 50px #00000073;text-align:left}.recorder-preparing-text{flex:1;min-width:0}.recorder-preparing-title{font-size:15.5px;font-weight:700;letter-spacing:-.01em}.recorder-preparing-sub{margin-top:3px;font-size:13px;line-height:1.45;color:#ffffffb8}.recorder-preparing-card.failed .recorder-preparing-title{color:#ff8a8d}.recorder-preparing-warn{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(255,77,79,.2);color:#ff8a8d;font-weight:800}.recorder-preparing-cancel{flex:none;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease}.recorder-preparing-cancel:hover{background:rgba(255,255,255,.12);border-color:#fff9}.recorder-preparing-spinner{flex:none;width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.22);border-top-color:#fff;animation:tb-spin .8s linear infinite}@keyframes tb-spin{to{transform:rotate(360deg)}}.start-overlay{background:rgba(8,8,16,.5)}.start-dialog{max-width:620px}.start-body{padding:28px 30px 22px;display:flex;flex-direction:column;gap:14px}.start-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.start-title{margin:0;font-size:26px;font-weight:700;letter-spacing:-.01em;color:var(--text);text-wrap:balance}.start-sub{margin:-4px 0 0;font-size:14px;line-height:1.5;color:var(--text-dim);max-width:56ch}.start-input{width:100%;box-sizing:border-box;resize:vertical;min-height:78px;padding:12px 14px;font:inherit;font-size:15px;line-height:1.45;color:var(--text);background:var(--bg-hover);border:1px solid var(--border);border-radius:10px;outline:none}.start-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f140}.start-examples{display:flex;flex-wrap:wrap;gap:6px}.start-example{font:inherit;font-size:12.5px;color:var(--text-dim);background:transparent;border:1px dashed var(--border);border-radius:999px;padding:5px 11px;cursor:pointer;text-align:left}.start-example:hover{color:var(--text);border-color:var(--accent)}.start-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:4px}.start-formats{display:flex;gap:8px}.start-format{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;font:inherit;color:var(--text);background:transparent;border:1px solid var(--border);border-radius:9px;cursor:pointer;text-align:left}.start-format.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-surface))}.start-format-preview{display:block;border:2px solid currentColor;border-radius:3px;opacity:.8}.start-format-preview-landscape{width:26px;height:15px}.start-format-preview-vertical{width:12px;height:21px}.start-format-text{display:flex;flex-direction:column;line-height:1.2}.start-format-label{font-size:13px;font-weight:600}.start-format-sub{font-size:11px;color:var(--text-dim)}.start-build{padding:10px 20px;font-size:14px}.start-build:disabled{opacity:.5;cursor:not-allowed}.start-footer{display:flex;align-items:center;gap:10px;padding-top:8px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text-dim)}.start-link{font:inherit;font-size:12.5px;color:var(--text-dim);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.start-link:hover{color:var(--text)}@media (max-width: 640px){.start-body{padding:22px 18px 18px}.start-title{font-size:22px}}.ai-launcher{position:absolute;right:20px;bottom:20px;z-index:125;display:flex;align-items:center;gap:9px;padding:12px 20px 12px 15px;border:none;border-radius:999px;background:linear-gradient(135deg,#6a73ff,#9a4fff);color:#fff;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 10px 26px #695aff66;transition:transform .13s ease,box-shadow .13s ease,background .13s ease}.ai-launcher:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 32px #695aff80}.ai-launcher:active{transform:translateY(0) scale(.99)}.ai-launcher:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffffb3,0 10px 26px #695aff66}.ai-launcher-icon{flex-shrink:0}@keyframes tb-launcher-pulse{0%{box-shadow:0 10px 26px #695aff66,0 0 #7a68ff8c}70%{box-shadow:0 10px 26px #695aff66,0 0 0 16px #7a68ff00}to{box-shadow:0 10px 26px #695aff66,0 0 #7a68ff00}}.ai-launcher.fresh{animation:tb-launcher-pulse 1.8s ease-out infinite}@media (prefers-reduced-motion: reduce){.ai-launcher.fresh{animation:none}}.ai-launcher.open{z-index:126}.ai-beautify-fab{position:absolute;right:20px;bottom:74px;z-index:125;display:flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:color-mix(in srgb,var(--bg-surface, #fff) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text);font-size:13px;font-weight:650;font-family:inherit;letter-spacing:-.005em;cursor:pointer;box-shadow:0 0 0 1px color-mix(in srgb,#7a68ff 28%,transparent),0 8px 22px #695aff38;animation:tb-beautify-fab-in .22s ease-out;transition:transform .13s ease,box-shadow .13s ease}.ai-beautify-fab:hover{transform:translateY(-1px);box-shadow:0 0 0 1px color-mix(in srgb,#7a68ff 45%,transparent),0 12px 26px #695aff4d}.ai-beautify-fab:active{transform:translateY(0)}.ai-beautify-fab:focus-visible{outline:none;box-shadow:0 0 0 3px #7a68ff73,0 8px 22px #695aff38}.ai-beautify-fab:disabled{cursor:progress}.ai-beautify-fab-star{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#6a73ff,#9a4fff);color:#fff;font-size:12px;line-height:1;box-shadow:0 2px 6px #695aff59}.ai-beautify-fab.running .ai-beautify-fab-star{animation:tb-beautify-spin 1.1s linear infinite}.ai-beautify-fab.running{color:color-mix(in srgb,var(--text) 70%,transparent)}@keyframes tb-beautify-fab-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes tb-beautify-spin{to{transform:rotate(360deg)}}.ai-chat-followup{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.ai-chat-followup-btn{padding:8px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);background:var(--bg-surface, #fff);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.ai-chat-followup-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.ai-chat-followup-btn:disabled{cursor:default;opacity:.55}.ai-chat-followup-primary{border-color:transparent;background:linear-gradient(135deg,#6a73ff,#9a4fff);color:#fff}.ai-chat-followup.done .ai-chat-followup-btn{opacity:.55}.mobile-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-surface, #fff);color:var(--text)}.mobile-gate-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px;text-align:left}.mobile-gate-brand{font-weight:700;letter-spacing:-.01em;color:var(--text)}.mobile-gate-title{margin:0;font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-.01em;text-wrap:balance}.mobile-gate-body{margin:0;font-size:15px;line-height:1.5;color:var(--text-dim)}.mobile-gate-link{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;padding:10px 12px;border-radius:8px;border:1px dashed color-mix(in srgb,var(--text) 25%,transparent);word-break:break-all;color:var(--text)}.mobile-gate-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.mobile-gate-btn{font:inherit;font-size:15px;font-weight:600;padding:12px 16px;border-radius:10px;border:1px solid transparent;cursor:pointer}.mobile-gate-primary{background:linear-gradient(135deg,#6a73ff,#9a4fff);color:#fff}.mobile-gate-secondary{background:transparent;color:var(--text-dim);border-color:color-mix(in srgb,var(--text) 18%,transparent)}.mobile-gate-foot{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:var(--text-dim)}.create-video-lang{gap:8px}.create-video-lang-select{font:inherit;font-size:12.5px;padding:3px 6px;border-radius:6px;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);background:var(--bg-surface, #fff);color:var(--text);max-width:180px}.create-video-lang-warn{flex-basis:100%;margin:2px 0 0;font-size:12px;line-height:1.45;color:var(--text-dim)}.create-video-lang-warn strong{color:var(--text);font-weight:650}.ai-chat-storyboard{width:100%;max-width:100%}.ai-chat-storyboard-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.ai-chat-storyboard-title{font-weight:650;font-size:14px;color:var(--text)}.ai-chat-storyboard-meta{font-size:12px;color:var(--text-dim);white-space:nowrap}.ai-chat-storyboard-pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.ai-chat-storyboard-page{display:grid;grid-template-columns:20px 1fr auto auto;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:color-mix(in srgb,var(--text) 4%,transparent)}.ai-chat-storyboard-num{font-size:11px;font-weight:600;color:var(--text-dim);text-align:right}.ai-chat-storyboard-body{display:flex;flex-direction:column;gap:1px;min-width:0}.ai-chat-storyboard-page-title{font-size:13px;font-weight:600;color:var(--text)}.ai-chat-storyboard-goal{font-size:12px;line-height:1.35;color:var(--text-dim)}.ai-chat-tool-chip{font-size:10.5px;font-weight:650;letter-spacing:.02em;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 16%,transparent);color:var(--text-dim);white-space:nowrap}.ai-chat-tool-chip.tool-motion_scene{border-color:transparent;background:linear-gradient(135deg,#6a73ff,#9a4fff);color:#fff}.ai-chat-tool-chip.tool-flow_scene{border-color:color-mix(in srgb,#2f9e44 45%,transparent);color:#2f9e44}.ai-chat-storyboard-remove{width:20px;height:20px;border:none;border-radius:999px;background:transparent;color:var(--text-dim);font-size:15px;line-height:1;cursor:pointer}.ai-chat-storyboard-remove:hover{background:color-mix(in srgb,var(--text) 10%,transparent);color:var(--text)}.ai-chat-storyboard-notes{margin:8px 0 0;padding-left:18px;font-size:12px;line-height:1.4;color:var(--text-dim)}.ai-chat-storyboard.done .ai-chat-storyboard-page{opacity:.7}.ai-chat-opening{display:flex;flex-direction:column;gap:8px;padding:10px 2px 4px}.ai-chat-opening-title{margin:0;font-size:19px;font-weight:650;letter-spacing:-.01em;color:var(--text);text-wrap:balance}.ai-chat-opening-sub{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-dim)}.ai-chat-opening-examples{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:2px}.ai-chat-opening-example{font:inherit;font-size:12.5px;line-height:1.35;text-align:left;color:var(--text-dim);background:transparent;border:1px solid var(--border);border-radius:999px;padding:6px 12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ai-chat-opening-example:hover{color:var(--text)}.ai-chat-opening-example:hover{border-color:var(--accent)}.ai-chat-opening-format{display:flex;align-items:center;gap:10px;margin-top:4px}.ai-chat-opening-format-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.ai-chat-opening-format-btns{display:inline-flex;gap:4px;padding:3px;background:var(--bg-hover);border:1px solid var(--border);border-radius:8px}.ai-chat-opening-format-btn{font:inherit;font-size:12px;font-weight:600;color:var(--text-dim);background:transparent;border:none;border-radius:6px;padding:3px 10px;cursor:pointer}.ai-chat-opening-format-btn.active{background:var(--accent);color:#fff}.ai-chat-opening-foot{margin-top:2px;font-size:11.5px;color:var(--text-dim)}.ai-chat-beautify svg{color:var(--accent)}.ai-chat-msg-skill{flex-shrink:0;align-self:stretch;max-width:100%;padding:0 0 8px;border:none;border-top:3px solid #e5484d;border-bottom:none;border-radius:0;background:transparent}.ai-chat-msg-skill .ai-chat-opening{padding:2px 0 6px;gap:6px}.ai-chat-msg-skill .ai-chat-opening-sub{margin:0 0 2px}.ai-chat-msg-skill .ai-chat-opening-sub strong{color:var(--text);font-weight:650}.ai-chat-skill-head{display:flex;align-items:center;gap:10px;padding:8px 2px 4px}.ai-chat-skill-live{display:inline-flex;align-items:center;gap:6px;color:#c93a3f;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.ai-chat-skill-name{font-size:13px;font-weight:650;color:var(--text)}.ai-chat-skill-exit{margin-left:auto;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 6px 0 11px;border:none;border-radius:8px;background:#e5484d;color:#fff;font:inherit;font-size:12px;font-weight:700;letter-spacing:.01em;cursor:pointer;box-shadow:0 2px 6px #e5484d4d;transition:background .12s ease,transform .12s ease}.ai-chat-skill-exit kbd{font:inherit;font-size:10px;font-weight:600;line-height:1;padding:3px 5px;border-radius:5px;background:rgba(255,255,255,.22);color:#fff}.ai-chat-skill-exit:hover{background:#cf3a3f;transform:translateY(-1px)}.ai-chat-skill-exit:active{transform:translateY(0)}.ai-chat-skill-crumb{flex-shrink:0;display:flex;align-items:center;gap:6px;align-self:flex-start;padding:2px;color:var(--text-dim);font-size:12px}.ai-chat-skill-crumb-icon{opacity:.8}.ai-chat-skill-crumb-title{font-weight:600;color:var(--text-dim)}.ai-chat-skill-crumb-result:before{content:"·";margin-right:6px}.ai-chat-skill-crumb-result{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-chat-skill-crumb-reopen{margin-left:6px;padding:0;border:none;background:transparent;color:var(--accent);font:inherit;font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.ai-chat-skill-crumb-reopen:hover{opacity:.8}.ai-chat-skill-prompt{gap:8px}.ai-chat-skill-run{align-self:flex-start;padding:8px 14px;border:none;border-radius:999px;background:linear-gradient(135deg,#6a73ff,#9a4fff);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.ai-chat-skill-run:disabled{opacity:.55;cursor:default}.ai-chat-skill-note{margin:0 0 6px;padding:2px 0 0;font-size:13px;color:var(--text)}.ai-chat-skill-note.thinking{color:var(--text-dim);font-style:italic}.ai-chat-skill-params{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ai-chat-skill-param{padding:4px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 22%,transparent);background:transparent;color:var(--text);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.ai-chat-skill-param.on{background:var(--accent);border-color:var(--accent);color:#fff}.ai-chat-skill-params-hint{font-size:12px;color:var(--text-dim);margin-left:4px}.manim-chat-thread-embedded{max-height:320px;overflow:auto;padding:4px 0 0;display:flex;flex-direction:column;gap:8px}.manim-chat-thread-embedded:empty{display:none}.ai-chat-composer[hidden]{display:none}.ai-chat-composer-embedded{padding:10px 16px;border-top:1px solid color-mix(in srgb,var(--text) 22%,transparent);font-size:12.5px;color:var(--text-dim)}.ai-chat-composer-embedded button{border:none;background:transparent;padding:0;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline}.ai-chat-startnew-options{margin-top:6px;max-width:460px}.ai-chat-startnew .new-board-option{padding:12px 8px 10px}.ai-chat-createvideo .create-video-options{margin-top:6px;max-width:520px}.ai-chat-createvideo .create-video-note{max-width:520px}.create-video-options.disabled{opacity:.55}.create-video-options.compact{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch;margin-top:2px;max-width:none}.ai-chat-createvideo .create-video-empty{background:transparent;border:none;padding:2px 6px 6px;color:var(--text-dim);font-size:12.5px}.create-video-options.compact .create-video-option,.create-video-options.compact .create-video-option-primary{align-self:stretch;height:100%;border:1.5px solid var(--accent);border-radius:12px;background:var(--bg-surface, #fff);box-shadow:0 1px 2px #0000000f,0 2px 10px color-mix(in srgb,var(--accent) 14%,transparent);transform:none;transition:transform .08s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.create-video-options.compact .create-video-option-primary{padding:0;align-items:stretch;overflow:hidden;background:color-mix(in srgb,var(--accent) 8%,var(--bg-surface, #fff))}.create-video-options.compact .create-video-option-main{padding:12px 14px;gap:12px;align-items:flex-start;border:none;border-radius:10px 10px 0 0;background:var(--accent);color:#fff}.create-video-options.compact .create-video-option-main .create-video-option-label{color:#fff}.create-video-options.compact .create-video-option-main .create-video-option-sub{color:#ffffffd9}.create-video-options.compact .create-video-option-main .create-video-option-icon{background:rgba(255,255,255,.18);border:none}.create-video-options.compact .create-video-option-main .create-video-option-badge{padding:2px 7px;border-radius:999px;background:#fff;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.create-video-options.compact .create-video-option-main:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,#000)}.create-video-options.compact .create-video-option-main:focus-visible{box-shadow:inset 0 0 0 2px #fff}.create-video-options.compact .create-video-option{padding:12px 14px;gap:12px;align-items:center}.create-video-options.compact .create-video-option:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 8%,var(--bg-surface, #fff))}.create-video-options.compact .create-video-option:active:not(:disabled),.create-video-options.compact .create-video-option-main:active:not(:disabled){transform:translateY(1px)}.create-video-options.compact .create-video-option-primary:hover,.create-video-options.compact .create-video-option:hover:not(:disabled){box-shadow:0 2px 4px #00000014,0 4px 14px color-mix(in srgb,var(--accent) 22%,transparent)}.create-video-options.compact .create-video-option-icon{width:28px;height:28px;font-size:16px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:none}.create-video-options.compact .create-video-option-label{font-size:13.5px;font-weight:700;gap:8px;color:var(--accent)}.create-video-options.compact .create-video-option-sub{font-size:12.5px}.create-video-options.compact .create-video-toggles{border-top:none;padding:8px 12px 10px 14px;gap:4px 16px;font-size:12.5px}.create-video-options.disabled .create-video-option,.create-video-options.disabled .create-video-option-main{cursor:not-allowed}.create-video-empty{margin-top:10px;padding:8px 12px;border-radius:8px;background:var(--bg-hover);color:var(--text-dim);font-size:12.5px}.ai-chat-input-wrap{position:relative}.ai-chat-input{caret-color:var(--text)}.ai-chat-input.is-empty{text-indent:12px;caret-color:transparent}.ai-chat-caret{position:absolute;left:5px;top:7px;width:2.5px;height:1.3em;border-radius:1px;background:var(--text);pointer-events:none;animation:tb-caret-blink 1s steps(1,end) infinite}@keyframes tb-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.ai-chat-caret{animation:none}}.ai-chat-review{width:100%;max-width:100%;display:flex;flex-direction:column;gap:6px}.ai-chat-review.running .ai-chat-review-title{color:var(--text-dim);font-weight:500}.ai-chat-review.ok{border-left:3px solid color-mix(in srgb,#34d399 70%,var(--text));padding-left:10px}.ai-chat-review-title{font-weight:650;font-size:13.5px;color:var(--text)}.ai-chat-review-meta{font-size:12px;color:var(--text-dim)}.ai-chat-review-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ai-chat-review-item{display:grid;grid-template-columns:1fr auto;align-items:start;gap:8px;padding:7px 9px;border-radius:8px;background:color-mix(in srgb,var(--text) 4%,transparent);border-left:3px solid color-mix(in srgb,var(--text) 18%,transparent)}.ai-chat-review-item.sev-high{border-left-color:#f87171}.ai-chat-review-item.sev-medium{border-left-color:#fbbf24}.ai-chat-review-item.done{opacity:.6}.ai-chat-review-body{display:flex;flex-direction:column;gap:3px;min-width:0}.ai-chat-review-summary{font-size:12.5px;line-height:1.35;color:var(--text)}.ai-chat-review-kind{display:inline-block;margin-right:6px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:1px 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 16%,transparent);color:var(--text-dim);vertical-align:1px}.ai-chat-review-quotes{display:flex;flex-direction:column;gap:1px;font-size:11.5px;line-height:1.35;color:var(--text-dim)}.ai-chat-review-fix{color:var(--text)}.dl-share-note{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:var(--text-dim, #8888aa)}.dl-share-note a{color:var(--accent, #6366f1);font-weight:600;text-decoration:none}.dl-share-note a:hover{text-decoration:underline}