:root{--bg:#050505;--surface:#0a0a0a;--surface-elevated:#121212;--surface-hover:#18181b;--border:#27272a;--border-hover:#3f3f46;--text:#f4f4f5;--text-muted:#a1a1aa;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-glow:rgba(59,130,246,0.4);--success:#10b981;--warning:#f59e0b;--error:#ef4444}*{box-sizing:border-box}body{margin:0;background-color:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;background-image:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:60px 60px;min-height:100vh}button,input,select,textarea{font:inherit}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-bar{justify-content:space-between;padding:16px 32px;background:rgba(5,5,5,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:200;position:relative}.top-bar,.top-bar-actions{display:flex;align-items:center}.top-bar-actions{gap:12px}.top-bar-left{min-width:0}.logo,.top-bar-left{display:flex;align-items:center;gap:12px}.logo{font-weight:700;font-size:1.2rem;letter-spacing:0;white-space:nowrap}.logo-icon{width:28px;height:28px;border-radius:999px;background:url(/evolute-logo.png) 50%/cover no-repeat;box-shadow:0 0 14px rgba(59,130,246,.36);flex:0 0 auto}.history-toggle{background:transparent;border:1px solid var(--border);color:var(--text);padding:8px 16px;border-radius:99px;cursor:pointer;transition:all .2s;font-size:.9rem}.history-toggle:hover{background:var(--surface-hover);border-color:var(--border-hover)}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--text-muted);border-radius:8px;cursor:pointer;transition:all .15s;padding:0}.sidebar-toggle:hover{color:var(--text);background:var(--surface-hover)}.top-bar-icon-btn{width:38px;height:38px;color:var(--text);border:1px solid var(--border);border-radius:10px}.top-bar-left .top-bar-icon-btn{margin-left:18px}.top-bar-icon-btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}.settings-top-actions{gap:10px}.settings-user-email{color:var(--text-muted);font-size:.9rem}.engine-badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted);background:rgba(255,255,255,.03);font-size:.85rem;line-height:1}.engine-badge[data-mode=local]{color:var(--accent);border-color:rgba(59,130,246,.35);box-shadow:inset 0 0 10px rgba(59,130,246,.12)}.main-content{flex:1 1;align-items:center;padding:40px;overflow-y:auto;gap:32px}.main-content,.prompt-panel{display:flex;flex-direction:column}.prompt-panel{width:100%;max-width:900px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:20px;padding:24px;gap:20px;box-shadow:0 8px 30px rgba(0,0,0,.5);transition:all .3s ease}.prompt-panel:focus-within{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow),0 8px 30px rgba(0,0,0,.5)}.workspace-banner{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding-block:18px}.workspace-banner-actions{display:flex;align-items:center;gap:10px}.backend-toggle{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:6px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--border)}.backend-option{background:transparent;border:none;color:var(--text-muted);padding:8px 16px;border-radius:999px;cursor:pointer;transition:all .2s ease}.backend-option:hover:not(:disabled){color:var(--text);background:var(--surface-hover)}.backend-option:disabled{cursor:not-allowed;opacity:.55}.backend-option.active{color:var(--accent);background:rgba(59,130,246,.12);box-shadow:inset 0 0 10px var(--accent-glow)}.backend-option.active:disabled{opacity:.78}.prompt-textarea-wrap{position:relative}.prompt-textarea-wrap.enhancing{cursor:progress}.prompt-textarea{width:100%;background:transparent;border:none;color:var(--text);font-size:1.15rem;line-height:1.5;resize:vertical;outline:none;min-height:100px;max-height:600px;padding-right:180px}.prompt-textarea-wrap.enhancing .prompt-textarea{opacity:.45;-webkit-text-fill-color:var(--text)}.prompt-enhancer-loading{position:absolute;inset:-6px;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;pointer-events:auto;background:radial-gradient(circle at center,rgba(59,130,246,.16),transparent 34%),rgba(18,18,18,.64);border:1px solid rgba(59,130,246,.22);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.prompt-enhancer-loading:before{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),var(--accent),rgba(59,130,246,.2),transparent);animation:prompt-enhancer-sweep 1.35s ease-in-out infinite}.prompt-enhancer-spinner{width:26px;height:26px;border-radius:999px;border:2px solid rgba(255,255,255,.18);border-top:2px solid var(--accent);box-shadow:0 0 18px var(--accent-glow);animation:prompt-enhancer-spin .8s linear infinite}.prompt-panel.compact{padding:12px 14px;gap:0;max-width:900px;border-radius:14px}.prompt-panel.follow-up{order:2}.prompt-panel.compact.follow-up{max-width:1200px}.compact-prompt-row{display:flex;align-items:flex-end;gap:10px}.prompt-textarea-wrap.compact{flex:1 1;min-width:0}.prompt-textarea.compact{min-height:40px;max-height:160px;font-size:.95rem;line-height:1.4;padding:8px 10px 8px 0}.prompt-textarea-wrap.compact .prompt-enhancer-loading{inset:-4px;border-radius:10px}.prompt-textarea-wrap.compact .prompt-enhancer-spinner{width:18px;height:18px}.compact-prompt-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.prompt-textarea::placeholder{color:var(--text-muted)}.prompt-enhancer-actions{position:absolute;top:0;right:0;z-index:3;display:flex;align-items:center;gap:8px}.prompt-clarifier{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;border:1px solid rgba(59,130,246,.22);background:rgba(10,16,26,.68);box-shadow:inset 0 0 18px rgba(59,130,246,.08)}.prompt-clarifier-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.prompt-clarifier-question{flex:0 1 180px;color:var(--text);font-size:.88rem;line-height:1.3}.prompt-clarifier-options{flex:1 1 360px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.prompt-clarifier-option{padding:7px 12px;font-size:.82rem}.prompt-clarifier-input{flex:1 1 140px;min-width:120px;max-width:220px;padding:7px 10px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);font-size:.82rem;outline:none}.prompt-clarifier-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.prompt-clarifier-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.prompt-clarifier-submit{padding:8px 16px}.prompt-clarifier-skip{padding:8px 14px;font-size:.85rem}@keyframes prompt-enhancer-spin{to{transform:rotate(1turn)}}@keyframes prompt-enhancer-sweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.reference-assets-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reference-assets-row.compact{margin-top:10px;padding-top:10px;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.08)}.reference-assets-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reference-assets-row.compact .reference-assets-strip{flex:0 1 680px;justify-content:flex-end;min-width:0}.reference-asset-chip{display:inline-flex;align-items:center;gap:10px;max-width:280px;padding:6px 10px 6px 6px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--border)}.reference-assets-row.compact .reference-asset-chip{max-width:220px;padding:5px 8px 5px 5px}.reference-asset-thumb{width:34px;height:34px;object-fit:cover;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:var(--surface);flex-shrink:0}.reference-asset-video-thumb{display:block}.reference-assets-row.compact .reference-asset-thumb{width:28px;height:28px}.reference-asset-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:.85rem}.reference-asset-remove{width:24px;height:24px;padding:0;border:none;border-radius:999px;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background .2s ease,color .2s ease}.reference-asset-remove:hover:not(:disabled){background:rgba(255,255,255,.06);color:var(--text)}.reference-asset-remove:disabled{opacity:.45;cursor:not-allowed}.controls-row{justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:20px;gap:16px}.controls-row,.pills-group{display:flex;flex-wrap:wrap}.pills-group{gap:8px}.controls-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.divider{width:1px;height:24px;background:var(--border)}.pill{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:8px 16px;border-radius:99px;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .2s}.pill:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:var(--border-hover)}.pill:disabled{cursor:not-allowed;opacity:.55}.pill.active{background:rgba(59,130,246,.1);color:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 10px var(--accent-glow)}.pill.active:disabled{opacity:.78}.style-picker{position:relative;flex:1 1 250px;min-width:230px}.style-trigger{width:100%;min-height:40px;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.style-trigger.active,.style-trigger:hover:not(:disabled){color:var(--text);background:var(--surface-hover);border-color:var(--accent);box-shadow:inset 0 0 10px var(--accent-glow)}.style-trigger:disabled{cursor:not-allowed;opacity:.55}.style-trigger span{font-size:.78rem;color:var(--text-muted)}.style-trigger strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:.9rem}.style-panel{position:fixed;top:50%;left:50%;z-index:180;width:min(840px,calc(100vw - 40px));max-height:min(78vh,700px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:10px;transform:translate(-50%,-50%);border-radius:12px;border:1px solid rgba(59,130,246,.28);background:rgba(8,10,14,.96);box-shadow:0 18px 50px rgba(0,0,0,.62),0 0 24px rgba(59,130,246,.16);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.style-create-panel,.style-filter-tabs,.style-panel-actions,.style-panel-toolbar{display:flex;gap:8px}.style-panel-toolbar{align-items:center;justify-content:space-between;flex-wrap:wrap}.style-clear-button,.style-create-toggle,.style-filter-tab,.style-like-button,.style-save-button{min-height:30px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text-muted);font-size:.74rem;cursor:pointer;transition:background .18s,border-color .18s,color .18s}.style-clear-button,.style-create-toggle,.style-filter-tab,.style-save-button{padding:6px 11px}.style-clear-button.active,.style-clear-button:hover,.style-create-toggle:hover:not(:disabled),.style-filter-tab.active,.style-filter-tab:hover,.style-like-button.active,.style-like-button:hover,.style-save-button:hover:not(:disabled){color:var(--text);border-color:rgba(96,165,250,.65);background:rgba(59,130,246,.12)}.style-create-toggle:disabled,.style-save-button:disabled{cursor:not-allowed;opacity:.55}.style-create-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:stretch}.style-create-panel input,.style-create-panel textarea{min-width:0;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.045);color:var(--text);padding:9px 10px;font:inherit;font-size:.78rem}.style-create-panel textarea{grid-column:span 2;min-height:74px;resize:vertical}.style-create-panel input::placeholder,.style-create-panel textarea::placeholder{color:var(--text-subtle)}.style-save-button{grid-row:span 2}.style-empty-state,.style-panel-error{color:var(--danger);font-size:.78rem;line-height:1.35}.style-empty-state{color:var(--text-muted);padding:18px}.style-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.style-card{position:relative;min-width:0;padding:0;overflow:hidden;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.035);transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.style-card,.style-card-select{min-height:116px;color:var(--text)}.style-card-select{width:100%;display:grid;grid-template-columns:132px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:stretch;padding:8px 58px 8px 8px;border:0;background:transparent;text-align:left;cursor:pointer}.style-card.active,.style-card:hover{background:rgba(59,130,246,.1);border-color:rgba(96,165,250,.72);box-shadow:inset 0 0 14px rgba(59,130,246,.1)}.style-card:hover{transform:translateY(-1px)}.style-like-button{position:absolute;top:8px;right:8px;min-height:26px;padding:4px 8px;font-size:.68rem}.style-card-image{position:relative;overflow:hidden;border-radius:6px;border:1px solid rgba(255,255,255,.09);background:#020202}.style-card-image img{width:100%;height:100%;min-height:98px;object-fit:cover;display:block}.style-card-copy{min-width:0;display:flex;flex-direction:column;gap:7px;justify-content:center}.style-card-copy strong{color:var(--text);font-size:.92rem;line-height:1.15}.style-card-copy>span:not(.style-card-tags){color:var(--text-muted);font-size:.78rem;line-height:1.35}.style-card-tags{display:flex;gap:5px;flex-wrap:wrap}.style-card-tags span{padding:3px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:var(--text-muted);font-size:.68rem;line-height:1.1}.duration-slider{display:flex;align-items:center;gap:12px;min-width:180px}.duration-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:160px;height:4px;background:var(--border);border-radius:99px;outline:none;cursor:pointer;transition:background .2s}.duration-slider input[type=range]:hover:not(:disabled){background:var(--border-hover)}.duration-slider input[type=range]:disabled{opacity:.5;cursor:not-allowed}.duration-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow);cursor:pointer;border:none;-webkit-transition:transform .15s;transition:transform .15s}.duration-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.duration-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow);cursor:pointer;border:none}.duration-slider-value{color:var(--text-muted);font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:32px;text-align:right}.generate-btn{background:var(--accent);color:white;border:none;padding:10px 28px;border-radius:99px;font-weight:600;cursor:pointer;box-shadow:0 0 15px var(--accent-glow);transition:all .2s;margin-left:auto}.generate-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 25px var(--accent-glow)}.generate-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.prompt-enhancer-undo{padding:8px 14px;font-size:.85rem}.prompt-enhancer-error{margin-top:4px}.prompt-enhancer-keybox{display:flex;flex-direction:column;gap:12px}.prompt-enhancer-keybox-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.prompt-enhancer-keybox-input{flex:1 1 240px;min-width:200px;padding:8px 12px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:.9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;outline:none}.prompt-enhancer-keybox-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.results-panel{order:1;width:100%;max-width:1200px;display:flex;flex-direction:column;gap:20px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.backend-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.backend-status-grid.single{grid-template-columns:minmax(0,1fr)}.backend-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}.backend-card[data-status=done]{border-color:rgba(16,185,129,.4)}.backend-card[data-status=error]{border-color:rgba(239,68,68,.45)}.backend-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.backend-card-header strong{font-size:1rem}.generation-preview-progress{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:32px;box-sizing:border-box}.generation-preview-progress .progress-bar{width:60%;max-width:360px}.progress-bar{position:relative;width:100%;height:6px;background:rgba(255,255,255,.05);border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:999px;background:var(--text-muted);width:0;transition:width .3s ease,background-color .2s ease}.progress-bar[data-status=idle] .progress-bar-fill,.progress-bar[data-status=queued] .progress-bar-fill{width:8%}.progress-bar[data-status=rendering] .progress-bar-fill,.progress-bar[data-status=writing] .progress-bar-fill{width:40%;background:linear-gradient(90deg,transparent 0,var(--accent) 50%,transparent 100%);animation:progress-indeterminate 1.4s ease-in-out infinite}.progress-bar[data-status=done] .progress-bar-fill{width:100%;background:var(--success)}.progress-bar[data-status=error] .progress-bar-fill{width:100%;background:var(--error)}@keyframes progress-indeterminate{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}.backend-error{margin:0;color:var(--error);font-size:.85rem}.backend-error-detail,.backend-progress-detail{margin:6px 0 0;color:var(--text-muted);font-size:.78rem;line-height:1.35}.backend-progress-detail{overflow-wrap:anywhere}.generation-error-box{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:flex-start;padding:16px;color:var(--error)}.generation-error-box small{color:var(--text-muted);line-height:1.4}.tabs{display:flex;gap:8px;background:var(--surface-elevated);padding:6px;border-radius:12px;border:1px solid var(--border);width:max-content;margin:0 auto}.tab-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0}.tab-icon svg{width:26px;height:26px}.tab{background:transparent;border:none;color:var(--text-muted);font-size:.95rem;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s}.tab:hover:not(.active){color:var(--text);background:var(--surface-hover)}.tab.active{background:var(--surface-hover);color:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.2)}.tab-content{background:var(--surface-elevated);border:1px solid var(--border);border-radius:20px;overflow:hidden;min-height:400px}.tab-content.editor-tab-content{min-height:0}.video-preview-box{width:100%;aspect-ratio:16/9;background:#000;display:flex;align-items:center;justify-content:center}.video-preview-box video{width:100%;height:100%;object-fit:contain}.generation-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;padding:20px}.generation-preview-panel{display:flex;flex-direction:column;gap:12px;padding:20px}.generation-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.generation-preview-shell{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--border);border-radius:16px;overflow:hidden}.generation-preview-frame,.generation-preview-shell video{width:100%;height:100%;border:0;display:block;background:#000;object-fit:contain}.dual-player-shell{display:flex;flex-direction:column;gap:16px;padding:20px}.dual-player-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.dual-player-range{flex:1 1;min-width:180px}.dual-player-time{color:var(--text-muted);font-size:.85rem}.dual-player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.dual-player-panel{display:flex;flex-direction:column;gap:12px}.dual-player-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dual-player-video-shell{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--border);border-radius:16px;overflow:hidden}.dual-player-video-shell video{width:100%;height:100%;object-fit:contain}.dual-player-video-shell:-webkit-full-screen,.generation-preview-shell:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0;display:flex;align-items:center;justify-content:center}.dual-player-video-shell:fullscreen,.generation-preview-shell:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0;display:flex;align-items:center;justify-content:center}.dual-player-video-shell:-webkit-full-screen video,.generation-preview-shell:-webkit-full-screen video{width:100%;height:100%;object-fit:contain}.dual-player-video-shell:fullscreen video,.generation-preview-shell:fullscreen video{width:100%;height:100%;object-fit:contain}.video-overlay-actions{position:absolute;top:12px;right:12px;z-index:3;display:flex;align-items:center;gap:8px}.prompt-reveal-button,.video-overlay-button{width:40px;height:40px;border-radius:999px}.prompt-reveal-button,.prompt-reveal-close,.video-overlay-button{border:1px solid var(--border);background:rgba(10,10,10,.72);color:var(--text);display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s,color .2s}.video-overlay-button{padding:0;cursor:pointer}.prompt-reveal-button:hover,.prompt-reveal-button[aria-expanded=true],.prompt-reveal-close:hover,.video-overlay-button:focus-visible,.video-overlay-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent);color:var(--accent)}.video-overlay-button:disabled{cursor:progress;opacity:.7}.prompt-reveal-backdrop{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-start;justify-content:flex-end;padding:88px 24px 24px;background:rgba(0,0,0,.38);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.prompt-reveal-dialog{position:relative;width:min(420px,calc(100vw - 48px));max-height:min(420px,calc(100vh - 120px));overflow:auto;padding:18px 54px 18px 18px;border:1px solid var(--border);border-radius:16px;background:rgba(12,15,24,.96);box-shadow:0 18px 60px rgba(0,0,0,.48),0 0 36px var(--accent-glow)}.prompt-reveal-dialog p{margin:0;color:var(--text);font-size:.9rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.prompt-reveal-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:999px}.empty-box{color:var(--text-muted);font-size:1rem}.history-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background:rgba(10,10,10,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);z-index:100;display:flex;flex-direction:column;box-shadow:10px 0 30px rgba(0,0,0,.5);animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.history-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border)}.history-header h3{margin:0;font-size:.95rem;color:var(--text-muted);font-weight:500}.history-header button{background:transparent;border:none;color:var(--text-muted);font-size:1.3rem;cursor:pointer;line-height:1}.history-header button:hover{color:var(--text)}.history-list{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:12px}.history-sidebar .history-list{padding:88px 8px 8px;gap:2px}.history-sidebar .history-new-chat{display:flex;align-items:center;gap:10px;color:var(--text);margin-bottom:8px}.history-sidebar .history-new-chat-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:var(--surface);color:var(--text);flex-shrink:0}.history-sidebar .history-section-label{padding:8px 12px 4px;font-size:.7rem;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;opacity:.7}.history-item{background:var(--surface);border:1px solid var(--border);padding:16px;border-radius:12px;cursor:pointer;transition:all .2s}.history-item:hover{border-color:var(--border-hover);background:var(--surface-hover)}.history-item.active{border-color:var(--accent);background:rgba(59,130,246,.05)}.history-item strong{display:block;margin-bottom:4px;color:var(--text)}.history-item span{font-size:.85rem;color:var(--text-muted)}.history-item p{margin:8px 0 0;font-size:.9rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-sidebar .history-item{background:transparent;border:none;padding:11px 14px;border-radius:8px;transition:background .15s}.history-sidebar .history-item:hover{background:var(--surface-hover)}.history-sidebar .history-item.active{background:var(--surface);border:none}.history-item-title{display:block;color:var(--text);font-size:1.15rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-row{position:relative;display:flex;align-items:center;border-radius:8px;transition:background .15s}.history-item-row:hover{background:var(--surface-hover)}.history-item-row.active{background:var(--surface)}.history-sidebar .history-item-row .history-item{flex:1 1;min-width:0;background:transparent;padding-right:32px}.history-item-delete,.history-sidebar .history-item-row .history-item:hover,.history-sidebar .history-item-row.active .history-item{background:transparent}.history-item-delete{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:none;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:color .15s,background .15s}.history-item-delete:focus-visible,.history-item-row:hover .history-item-delete{display:inline-flex}.history-item-status{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;pointer-events:none}.history-item-row:hover .history-item-status{display:none}.history-item-status-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;box-shadow:0 0 6px rgba(59,130,246,.55)}.history-item-status-spinner{width:12px;height:12px;border-radius:50%;border:2px solid rgba(59,130,246,.22);border-top-color:#3b82f6;animation:history-status-spin .9s linear infinite}@keyframes history-status-spin{to{transform:rotate(1turn)}}.history-item-delete:hover{color:var(--error);background:rgba(239,68,68,.12)}.history-button{width:100%;text-align:left}.empty-history{margin:0;color:var(--text-muted);padding:8px 0}.status-banner{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-radius:16px;overflow-wrap:anywhere}.error-banner{border-color:rgba(239,68,68,.5);background:rgba(127,29,29,.25)}.warning-banner{border-color:rgba(245,158,11,.45);background:rgba(120,53,15,.22)}.success-banner{border-color:rgba(16,185,129,.45);background:rgba(6,78,59,.22)}.auth-page-shell{min-height:100vh}.auth-page-content{justify-content:center}.auth-card{max-width:480px}.auth-copy h1,.settings-card-copy h1{margin:0;font-size:1.4rem}.settings-card-copy h1{font-size:1.75rem}.auth-copy p,.settings-card-copy p{margin:8px 0 0;color:var(--text-muted);line-height:1.5}.settings-card-copy p{font-size:1.05rem;margin-top:12px}.auth-form,.settings-form{display:flex;flex-direction:column;gap:14px}.settings-form{gap:18px}.settings-card .auth-label{font-size:1rem}.settings-card .auth-input{font-size:1rem;padding:16px 18px}.auth-label{display:flex;flex-direction:column;gap:8px;color:var(--text-muted);font-size:.9rem}.auth-input{width:100%;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:14px 16px;outline:none}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,130,246,.18)}.auth-submit{margin-left:0}.auth-links{display:flex;gap:16px;flex-wrap:wrap}.auth-links a,.history-link{color:var(--text);text-decoration:none}.auth-links a:hover,.history-link:hover{color:var(--accent-hover)}.settings-shell{width:100%;max-width:1480px;margin:0 auto;flex-direction:row;align-items:flex-start;gap:36px}.settings-sidebar{width:260px;display:flex;flex-direction:column;gap:10px;position:-webkit-sticky;position:sticky;top:24px}.settings-nav-link{border:1px solid var(--border);border-radius:14px;padding:14px 18px;text-decoration:none;color:var(--text-muted);background:rgba(255,255,255,.02);font-size:1.05rem}.settings-nav-link:hover{color:var(--text);border-color:var(--border-hover);background:var(--surface-hover)}.settings-content{flex:1 1;width:100%}.settings-card{max-width:960px;padding:32px;gap:24px}.settings-kv{color:var(--text-muted);font-size:1.05rem}.settings-actions{display:flex;gap:12px;flex-wrap:wrap}.provider-settings-list{display:flex;flex-direction:column;gap:18px}.provider-settings-card{border:1px solid var(--border);border-radius:16px;padding:18px;background:rgba(255,255,255,.02)}.provider-settings-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.provider-settings-header h2{margin:0;font-size:1.2rem}.settings-textarea{min-height:120px;resize:vertical}.model-pill-row{display:flex;gap:10px;flex-wrap:wrap}.local-runner-setup{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.02);padding:16px;color:var(--text-muted)}.local-runner-status{align-items:center}.local-runner-status-label{color:var(--text);font-weight:700;white-space:nowrap}.local-runner-setup-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);font-weight:700}.local-runner-setup code{display:block;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:14px 16px;overflow-wrap:anywhere;white-space:pre-wrap}.local-runner-setup-note{color:var(--text-muted);font-size:.92rem}.local-runner-setup ol{margin:0;padding-left:20px;line-height:1.7}.access-guide-backdrop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.access-guide-panel{width:min(560px,100%);max-height:calc(100vh - 48px);overflow-y:auto;display:grid;grid-gap:20px;gap:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface-elevated);padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.64)}.access-guide-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.access-guide-header h2,.access-guide-section h3{margin:0;color:var(--text)}.access-guide-header h2{font-size:1.35rem}.access-guide-section{display:grid;grid-gap:10px;gap:10px}.access-guide-section h3{font-size:.95rem}.access-guide-section ol{margin:0;padding-left:20px;color:var(--text-muted);line-height:1.65}.access-guide-section code{display:block;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:12px 14px;overflow-wrap:anywhere}.settings-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.settings-history-list{padding:0}.history-link{display:block}.primary-button{background:var(--accent);color:white;border:none;padding:10px 20px;border-radius:99px;font-weight:600;cursor:pointer;transition:all .2s}.primary-button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 15px var(--accent-glow)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:8px 16px;border-radius:99px;font-size:.9rem;cursor:pointer;transition:all .2s}.secondary-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-muted)}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.editor-tab-content{display:flex;flex-direction:column;min-height:0}.editor-backend-switch{display:flex;gap:4px;padding:6px;background:var(--surface);border-bottom:1px solid var(--border)}.editor-backend-option{flex:1 1;background:transparent;border:1px solid transparent;color:var(--text-muted);padding:14px 24px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.editor-backend-option:hover:not(:disabled):not(.active){background:var(--surface-hover);color:var(--text)}.editor-backend-option.active{background:rgba(59,130,246,.15);color:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 12px var(--accent-glow)}.editor-backend-option:disabled{opacity:.35;cursor:not-allowed}.hyperframes-workspace{padding:24px;display:flex;align-items:center;justify-content:center;min-height:400px}.hyperframes-workspace-stage{width:100%;max-width:1200px;aspect-ratio:16/9;background:#000;border:1px solid var(--border);border-radius:16px;overflow:hidden}.hyperframes-workspace-stage video{width:100%;height:100%;object-fit:contain}.hyperframes-workspace-frame{width:100%;height:100%;border:0;display:block;background:#000}.remotion-preview-frame-page{width:100vw;height:100vh;background:#000;display:grid;place-items:center;overflow:hidden}.remotion-preview-frame-player{width:100%;height:100%;display:block}video.hyperframes-workspace-frame{object-fit:contain}.hyperframes-workspace-empty{height:100%;display:grid;place-items:center;text-align:center;padding:24px}.hyperframes-sidebar-video{border-radius:10px;overflow:hidden;border:1px solid var(--border);background:#000}.hyperframes-sidebar-video video{width:100%;display:block}.editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;height:clamp(320px,calc(100svh - 220px),820px);min-height:0}.editor-workspace-main{display:flex;flex-direction:column;min-width:0;min-height:0;padding:clamp(12px,2vw,24px);gap:20px;border-right:1px solid var(--border);overflow:hidden}.editor-stage-panel{flex:1 1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:16px;gap:16px;min-height:0}.editor-stage-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.editor-stage-meta{flex-wrap:wrap;justify-content:flex-end}.editor-accurate-shell{position:relative;width:100%;min-height:0;background:#000;border-radius:12px;border:1px solid var(--border);overflow:hidden}.editor-accurate-stage{position:relative;width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.editor-accurate-shell:-webkit-full-screen{width:100vw;height:100vh;border:0;border-radius:0}.editor-accurate-shell:fullscreen{width:100vw;height:100vh;border:0;border-radius:0}.editor-accurate-shell:-webkit-full-screen .editor-accurate-stage{width:100%;height:100%}.editor-accurate-shell:fullscreen .editor-accurate-stage{width:100%;height:100%}.editor-preview-fullscreen{position:absolute;top:10px;right:10px;z-index:6;width:36px;height:36px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(10,10,10,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.editor-preview-fullscreen:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.editor-render-lock{position:absolute;inset:0;z-index:5;display:grid;place-items:center;align-content:center;grid-gap:10px;gap:10px;background:rgba(0,0,0,.52);color:var(--text);font-weight:700;pointer-events:all}.editor-render-lock svg{color:var(--accent);filter:drop-shadow(0 0 12px var(--accent-glow))}.editor-workspace.is-rendering .hyperframes-workspace-frame,.editor-workspace.is-rendering .keyframe-strip{pointer-events:none}.editor-workspace-sidebar{width:320px;background:var(--surface-elevated);overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.editor-output-link,.editor-output-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px}.editor-output-link{width:100%;margin-bottom:16px;padding:10px 14px;border-radius:999px;border:1px solid rgba(59,130,246,.55);background:rgba(59,130,246,.14);color:var(--accent);text-decoration:none;font-weight:700}.editor-output-link:hover{border-color:var(--accent);background:rgba(59,130,246,.22)}.editor-controls-fieldset{display:flex;flex-direction:column;gap:24px;min-width:0;margin:0;padding:0;border:0}.editor-controls-fieldset:disabled{opacity:.55}.color-picker.is-disabled{pointer-events:none;opacity:.72}.keyframe-strip.is-disabled{opacity:.65}.editor-meta strong{display:block;font-size:1.1rem;margin-bottom:4px}.editor-meta span{font-size:.85rem;color:var(--text-muted)}.asset-list{display:flex;flex-direction:column;gap:8px}.asset-chip-row{position:relative;display:flex;align-items:stretch;gap:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);transition:all .2s}.asset-chip-row:hover{background:var(--surface-hover)}.asset-chip-row.is-selected{border-color:var(--accent);background:rgba(59,130,246,.1)}.asset-chip-row.is-hidden .asset-chip strong{text-decoration:line-through;color:var(--text-muted)}.asset-chip{flex:1 1;border:none;color:var(--text);padding:12px;border-radius:8px 0 0 8px;text-align:left;transition:color .2s}.asset-chip,.asset-chip-delete{background:transparent;cursor:pointer}.asset-chip-delete{width:36px;flex-shrink:0;border:none;border-left:1px solid transparent;color:var(--text-muted);font-size:.95rem;opacity:0;transition:opacity .15s,color .15s,background .15s;border-radius:0 8px 8px 0}.asset-chip-row.is-hidden .asset-chip-delete,.asset-chip-row:hover .asset-chip-delete{opacity:1}.asset-chip-delete:hover{color:var(--error);background:rgba(239,68,68,.1)}.asset-chip-row.is-hidden .asset-chip-delete{color:var(--accent)}.asset-chip-row.is-hidden .asset-chip-delete:hover{color:var(--accent-hover);background:rgba(59,130,246,.1)}.asset-chip strong{display:block;font-size:.95rem;margin-bottom:2px;pointer-events:none}.asset-chip span{font-size:.8rem;color:var(--text-muted)}.control-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.control-header{margin-bottom:16px}.control-header strong{display:block;font-size:.95rem;margin-bottom:2px}.control-header span{font-size:.8rem;color:var(--text-muted)}.slider-row,.text-control-row{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.slider-header{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted)}.text-control-input{width:100%;background:var(--surface-elevated);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.text-control-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}.text-control-description{font-size:.8rem;color:var(--text-muted)}input[type=range]{width:100%;accent-color:var(--accent)}.editor-toolbar-actions,.timeline-panel{display:flex;gap:12px}.timeline-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;flex-direction:column;max-height:min(240px,34svh);overflow:auto}.timeline-header{display:flex;justify-content:space-between;align-items:center}.timeline-actions{display:flex;gap:8px}.timeline-range{width:100%}.keyframe-strip{gap:6px;margin-top:6px}.keyframe-rows,.keyframe-strip{display:flex;flex-direction:column}.keyframe-rows{position:relative;gap:8px}.keyframe-row{display:grid;grid-template-columns:110px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center}.keyframe-row-meta{display:flex;align-items:center;gap:10px;min-width:0}.keyframe-toggle{width:28px;height:28px;border-radius:999px;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:700}.keyframe-toggle.active{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 12px var(--accent-glow)}.scrub-field{min-width:48px;font-size:.8rem;color:var(--text);cursor:ew-resize;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none;padding:2px 4px;border-radius:4px;transition:background .12s ease}.scrub-field:hover{background:rgba(59,130,246,.12)}.keyframe-track{position:relative;height:28px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--border)}.keyframe-ruler-row{margin-bottom:2px}.keyframe-ruler-label{justify-content:flex-end;padding-right:4px}.keyframe-ruler-value{font-size:.75rem;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.keyframe-ruler{position:relative;height:22px;cursor:pointer;display:flex;align-items:center;touch-action:none}.keyframe-ruler-track{width:100%;height:4px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--border)}.keyframe-ruler-thumb{top:50%;width:14px;height:14px;border-radius:999px;transform:translate(-50%,-50%)}.keyframe-playhead-line,.keyframe-ruler-thumb{position:absolute;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);pointer-events:none}.keyframe-playhead-line{top:-4px;bottom:-4px;width:2px;transform:translateX(-50%);left:calc(110px + 12px + (100% - 110px - 12px) * var(--playhead-pos, 0))}.keyframe-dot{position:absolute;top:50%;width:12px;height:12px;border-radius:999px;border:1px solid var(--text-muted);background:var(--surface-elevated);transform:translate(-50%,-50%);cursor:pointer}.keyframe-dot.active{border-color:var(--accent);background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.keyframe-dot.selected{border-color:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.35)}.keyframe-dot.eased{border-radius:2px;transform:translate(-50%,-50%) rotate(45deg);width:11px;height:11px}.keyframe-menu{position:fixed;z-index:10000;background:var(--surface-elevated);border:1px solid var(--border);border-radius:10px;padding:6px;min-width:140px;box-shadow:0 10px 30px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:2px}.keyframe-menu-header{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:6px 10px 4px}.keyframe-menu-item{background:transparent;border:none;color:var(--text);text-align:left;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:.85rem}.keyframe-menu-item:hover{background:rgba(59,130,246,.15)}.color-picker{margin-top:8px;display:flex;flex-direction:column;gap:10px}.color-picker-top{display:flex;gap:10px;height:140px}.color-picker-sv{position:relative;flex:1 1;border-radius:8px;border:1px solid var(--border);cursor:crosshair;touch-action:none;overflow:hidden}.color-picker-sv-cursor{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:999px;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.5)}.color-picker-hue{position:relative;width:16px;border-radius:8px;border:1px solid var(--border);cursor:pointer;touch-action:none;background:linear-gradient(180deg,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(180,100%,50%),hsl(240,100%,50%),hsl(300,100%,50%),hsl(360,100%,50%))}.color-picker-hue-thumb{position:absolute;left:-3px;right:-3px;height:6px;background:transparent;border:2px solid #fff;border-radius:3px;transform:translateY(-50%);pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.5)}.color-picker-bottom{display:flex;align-items:center;gap:8px}.color-picker-swatch{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);flex-shrink:0}.color-picker-hex{display:flex;align-items:center;gap:4px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:6px;padding:4px 8px;flex:1 1;min-width:0}.color-picker-hash{color:var(--text-muted);font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.color-picker-hex input{background:transparent;border:none;color:var(--text);font-family:inherit;font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.05em;width:100%;min-width:0;outline:none}.color-picker-eyedropper,.color-picker-reset{background:var(--surface-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:.75rem;display:inline-flex;align-items:center;justify-content:center}.color-picker-eyedropper{padding:6px}.color-picker-reset{padding:6px 10px}.color-picker-eyedropper:hover,.color-picker-reset:hover{color:var(--text);border-color:var(--accent)}.landing-shell{min-height:100vh;overflow-x:hidden;color:var(--text);background:linear-gradient(180deg,rgba(59,130,246,.08),transparent 440px),linear-gradient(120deg,rgba(16,185,129,.05),transparent 38%),var(--bg)}.landing-nav{position:-webkit-sticky;position:sticky;top:0;z-index:120;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 48px;background:rgba(5,5,5,.76);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing-brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);font-size:1.04rem;font-weight:700;text-decoration:none}.landing-nav-links{display:flex;align-items:center;gap:10px}.landing-nav-links a{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border-radius:999px;color:var(--text-muted);text-decoration:none;font-size:.92rem;transition:color .18s,background .18s,border-color .18s}.landing-nav-links a:hover{color:var(--text);background:rgba(255,255,255,.06)}.landing-nav-links .landing-nav-cta{color:var(--text);background:rgba(59,130,246,.16);border:1px solid rgba(96,165,250,.45);box-shadow:inset 0 0 16px rgba(59,130,246,.14)}.landing-hero{width:min(1180px,calc(100% - 48px));min-height:min(780px,calc(100vh - 76px));margin:0 auto;display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);grid-gap:52px;gap:52px;align-items:center;padding:72px 0 56px}.landing-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.landing-kicker{margin:0;color:var(--accent-hover);font-size:.82rem;font-weight:700;line-height:1;text-transform:uppercase}.landing-final h2,.landing-hero h1,.landing-section h2{margin:0;max-width:780px;color:var(--text);font-size:4.65rem;line-height:.96;font-weight:780;letter-spacing:0}.landing-lede{margin:0;max-width:590px;color:var(--text-muted);font-size:1.14rem;line-height:1.65}.landing-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.landing-primary,.landing-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border-radius:999px;text-decoration:none;font-weight:700;line-height:1;transition:transform .18s,border-color .18s,background .18s}.landing-primary{color:#ffffff;border:1px solid rgba(96,165,250,.75);background:linear-gradient(180deg,#3b82f6,#1d4ed8);box-shadow:0 0 26px rgba(59,130,246,.34)}.landing-secondary{color:var(--text);border:1px solid var(--border);background:rgba(255,255,255,.04)}.landing-primary:hover,.landing-secondary:hover{transform:translateY(-1px)}.landing-secondary:hover{border-color:var(--border-hover);background:rgba(255,255,255,.07)}.landing-product-shot{position:relative;overflow:hidden;border:1px solid rgba(96,165,250,.24);border-radius:8px;background:rgba(10,10,10,.92);box-shadow:0 28px 70px rgba(0,0,0,.48),0 0 36px rgba(59,130,246,.12)}.landing-window-bar{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.landing-window-bar span{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.18)}.landing-window-bar span:nth-child(2){background:rgba(96,165,250,.55)}.landing-window-bar span:nth-child(3){background:rgba(16,185,129,.55)}.landing-product-grid{min-height:520px;display:grid;grid-template-columns:.88fr 1.12fr;grid-template-rows:1fr .8fr;grid-gap:12px;gap:12px;padding:14px}.landing-output-preview,.landing-prompt-preview,.landing-timeline-preview{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.035)}.landing-prompt-preview{display:flex;flex-direction:column;gap:20px;padding:22px}.landing-prompt-preview p{margin:0;color:var(--text);font-size:1.56rem;line-height:1.18;font-weight:720}.landing-prompt-preview a{width:max-content;margin-top:auto;color:var(--text);text-decoration:none;border:1px solid rgba(96,165,250,.42);border-radius:999px;padding:9px 14px;background:rgba(59,130,246,.14)}.landing-token-row{display:flex;gap:8px;flex-wrap:wrap}.landing-token-row span{padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);font-size:.78rem;background:rgba(255,255,255,.035)}.landing-mini-label{color:var(--text-muted);font-size:.76rem;font-weight:700;text-transform:uppercase}.landing-timeline-preview{grid-row:span 2;padding:24px}.landing-track{position:absolute;left:24px;right:24px;height:58px;border-radius:8px;background:linear-gradient(90deg,rgba(96,165,250,.18),rgba(16,185,129,.16)),rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.landing-track-one{top:92px;right:82px}.landing-track-two{top:178px;left:78px}.landing-track-three{top:264px;right:132px;background:linear-gradient(90deg,rgba(167,139,250,.2),rgba(96,165,250,.12)),rgba(255,255,255,.035)}.landing-playhead{position:absolute;top:72px;bottom:34px;left:48%;width:2px;background:rgba(96,165,250,.95);box-shadow:0 0 22px rgba(59,130,246,.65)}.landing-output-preview{display:flex;flex-direction:column;gap:18px;padding:22px}.landing-output-frame{flex:1 1;min-height:126px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,rgba(5,5,5,.2),rgba(59,130,246,.18)),url(/style-previews/palette-command.jpg) 50% /cover;border:1px solid rgba(255,255,255,.1)}.landing-output-frame span{padding:8px 11px;border-radius:999px;color:var(--text);font-size:.78rem;font-weight:800;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.16)}.landing-strip{width:min(1180px,calc(100% - 48px));margin:0 auto 92px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.landing-preview-card{position:relative;margin:0;overflow:hidden;min-height:210px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:var(--surface)}.landing-preview-card img{width:100%;height:100%;min-height:210px;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.02)}.landing-preview-card figcaption{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:999px;color:var(--text);background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.14);font-size:.78rem;font-weight:700}.landing-section{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:92px 0;border-top:1px solid rgba(255,255,255,.08)}.landing-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.landing-backend>div:first-child,.landing-section-heading>div{display:flex;flex-direction:column;gap:14px}.landing-backend h2,.landing-final h2,.landing-section-heading h2{font-size:2.72rem;line-height:1.03}.landing-section-heading a{color:var(--text);text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.04);white-space:nowrap}.landing-backend-grid,.landing-workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.landing-backend{display:grid;grid-template-columns:.86fr 1.14fr;grid-gap:28px;gap:28px;align-items:start}.landing-backend-grid{grid-template-columns:minmax(0,1fr)}.landing-faq-item,.landing-info-card,.landing-price-card{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.035)}.landing-info-card{min-height:190px;padding:20px}.landing-info-card span{color:var(--accent-hover);font-size:.82rem;font-weight:800}.landing-info-card h3,.landing-price-card h3{margin:18px 0 10px;color:var(--text);font-size:1.12rem;line-height:1.18}.landing-faq-item p,.landing-info-card p,.landing-price-card p{margin:0;color:var(--text-muted);line-height:1.58}.landing-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.landing-price-card{min-height:470px;display:flex;flex-direction:column;gap:22px;padding:22px}.landing-price-card.featured{border-color:rgba(96,165,250,.5);background:rgba(59,130,246,.09);box-shadow:0 0 34px rgba(59,130,246,.12)}.landing-price{display:flex;align-items:baseline;gap:8px;margin:12px 0}.landing-price strong{color:var(--text);font-size:3.2rem;line-height:1}.landing-price span{color:var(--text-muted)}.landing-price-card ul{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.landing-price-card li{color:var(--text);font-size:.94rem}.landing-price-card li:before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:999px;background:var(--success);box-shadow:0 0 10px rgba(16,185,129,.45)}.landing-price-card>a{margin-top:auto;width:100%}.landing-faq-list{display:grid;grid-gap:10px;gap:10px}.landing-faq-item{padding:0 18px}.landing-faq-item summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--text);cursor:pointer;font-weight:700}.landing-faq-item summary::-webkit-details-marker{display:none}.landing-faq-item summary:after{content:"+";color:var(--accent-hover);font-size:1.22rem;line-height:1}.landing-faq-item[open] summary:after{content:"-"}.landing-faq-item p{max-width:860px;padding:0 0 18px}.landing-final{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:90px 0 110px;display:flex;flex-direction:column;gap:20px;border-top:1px solid rgba(255,255,255,.08)}@media (max-width:900px){.top-bar{padding:16px 20px}.settings-top-actions,.top-bar-actions,.top-bar-left,.workspace-banner,.workspace-banner-actions{flex-wrap:wrap}.main-content{padding:20px}.compact-prompt-row{flex-wrap:wrap}.prompt-textarea-wrap.compact{flex-basis:100%}.compact-prompt-actions{width:100%;justify-content:flex-end}.settings-shell{flex-direction:column}.settings-sidebar{width:100%;position:static}.backend-status-grid,.dual-player-grid,.generation-preview-grid,.local-runner-diagnostics,.settings-history-grid{grid-template-columns:minmax(0,1fr)}.status-banner{flex-wrap:wrap}.status-detail{margin-left:0}.reference-assets-row{align-items:stretch}.reference-assets-strip{width:100%}.style-picker{flex-basis:100%}.style-panel{width:calc(100vw - 40px)}.style-card-grid,.style-create-panel{grid-template-columns:minmax(0,1fr)}.style-create-panel textarea,.style-save-button{grid-column:auto;grid-row:auto}.style-card-select{grid-template-columns:118px minmax(0,1fr)}.reference-asset-chip{max-width:100%}.editor-workspace{display:block;height:auto}.editor-workspace-main{height:clamp(260px,calc(100svh - 190px),680px);border-right:none;border-bottom:1px solid var(--border)}.editor-workspace-sidebar{width:100%}.keyframe-row{grid-template-columns:1fr}.landing-nav{position:static;align-items:flex-start;flex-wrap:wrap;padding:16px 20px}.landing-nav-links{width:100%;justify-content:flex-start;flex-wrap:wrap}.landing-nav-links a{min-height:34px;padding:7px 10px}.landing-final,.landing-hero,.landing-section,.landing-strip{width:calc(100% - 40px);max-width:calc(100vw - 40px)}.landing-hero{min-height:auto;grid-template-columns:minmax(0,1fr);gap:34px;padding:52px 0 36px;overflow:hidden}.landing-hero-copy,.landing-output-preview,.landing-product-grid,.landing-product-shot,.landing-prompt-preview,.landing-timeline-preview{min-width:0;width:100%}.landing-hero h1{font-size:2.72rem;line-height:1.02}.landing-hero h1,.landing-lede,.landing-prompt-preview p{max-width:100%;overflow-wrap:break-word}.landing-lede{max-width:31ch}.landing-prompt-preview p{font-size:1.18rem;line-height:1.24;max-width:24ch}.landing-backend h2,.landing-final h2,.landing-section-heading h2{font-size:2rem}.landing-product-grid{min-height:560px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;padding:10px}.landing-timeline-preview{grid-row:auto;min-height:230px}.landing-track{left:18px;right:18px}.landing-track-one{right:54px}.landing-track-two{left:42px}.landing-track-three{right:72px}.landing-backend,.landing-pricing-grid,.landing-strip,.landing-workflow-grid{grid-template-columns:minmax(0,1fr)}.landing-section{padding:64px 0}.landing-section-heading{align-items:flex-start;flex-direction:column}.landing-info-card,.landing-price-card{min-height:auto}}@media (max-width:480px){.landing-final,.landing-hero,.landing-section,.landing-strip{width:calc(100% - 64px);max-width:calc(100vw - 64px)}.landing-hero h1{font-size:2.48rem}.landing-hero{gap:24px;padding-top:36px;padding-bottom:8px}.landing-hero-copy{gap:18px}.landing-product-grid{min-height:auto;padding:8px}.landing-prompt-preview{gap:14px;padding:18px}.landing-output-preview,.landing-timeline-preview{display:none}}