*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.flex-1{flex:1 1 0%}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}.app-loading{min-height:100vh;display:grid;place-items:center;background:#f2f6ff}.loading-card{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;border-radius:999px;background:#fffc;border:1px solid #e2e8f0;color:#0f172a}.loading-dot{width:8px;height:8px;border-radius:999px;background:#0071e3;animation:pulse-dot 1.6s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.glisse-landing{min-height:100vh;background:#fff;color:#1e293b}.mesh-bg{background:radial-gradient(circle at 10% 20%,rgba(224,242,254,.3) 0%,transparent 40%),radial-gradient(circle at 90% 10%,rgba(252,231,243,.2) 0%,transparent 40%),radial-gradient(circle at 50% 90%,rgba(245,243,255,.3) 0%,transparent 50%)}.glass-ui{background:#fff6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 40px -10px #0000000a}.glass-card{background:#fff6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 60px -15px #00000008}.glass-btn{background:#fff9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);box-shadow:0 1px 6px #0000000d;transition:all .5s ease}.glass-btn:hover{box-shadow:0 6px 16px #00000012;transform:translateY(-1px)}.text-refined{letter-spacing:.02em}.super-ellipse{border-radius:4rem}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.glisse-header{position:fixed;top:0;left:0;right:0;z-index:50;padding:2rem 1.5rem}.glisse-nav{max-width:64rem;margin:0 auto;padding:.75rem 2rem;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.glisse-logo-wrap{display:inline-flex;align-items:center;gap:.75rem}.glisse-logo-orb{width:2rem;height:2rem;border-radius:999px;background:linear-gradient(145deg,#6366f11a,#a855f71a);border:1px solid rgba(255,255,255,.9);display:grid;place-items:center}.glisse-logo-orb .material-symbols-outlined{color:#6366f1;font-size:1.1rem}.glisse-logo-text{color:#0f172a;font-size:1.08rem;font-weight:300;letter-spacing:.1em}.glisse-nav-links{display:inline-flex;align-items:center;gap:2.5rem}.glisse-nav-links a{color:#64748b;text-decoration:none;font-size:.81rem;font-weight:500;letter-spacing:.06em}.glisse-nav-links a:hover{color:#0f172a}.glisse-nav-actions{display:inline-flex;align-items:center;gap:.6rem}.glisse-launch-btn{border:none;padding:.52rem 1.35rem;border-radius:999px;background:#0f172a;color:#fff;font-size:.81rem;font-weight:500;cursor:pointer}.glisse-main{padding-top:12rem}.glisse-hero{max-width:72rem;margin:0 auto 8rem;padding:0 1.5rem;text-align:center}.glisse-badge{display:inline-flex;align-items:center;gap:.75rem;border-radius:999px;padding:.5rem 1.2rem;margin-bottom:3rem}.glisse-badge .dot{width:.4rem;height:.4rem;border-radius:999px;background:#6366f173;animation:pulse-dot 1.6s ease-in-out infinite}.glisse-badge span:last-child{color:#64748b;font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.glisse-hero h1{color:#0f172a;margin:0;font-size:clamp(2.8rem,8vw,5.5rem);font-weight:300;line-height:1.1;letter-spacing:-.03em}.glisse-hero h1 span{font-style:italic;font-weight:400;background:linear-gradient(90deg,#0f172a,#818cf8,#0f172a);-webkit-background-clip:text;background-clip:text;color:transparent}.glisse-hero p{margin:2rem auto 0;color:#94a3b8;font-size:clamp(1rem,2vw,1.25rem);max-width:46rem;line-height:1.75;font-weight:300}.glisse-hero-actions{margin-top:3rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.hero-btn{border:none;border-radius:999px;min-height:4rem;padding:0 2.5rem;font-size:1rem;font-weight:500;cursor:pointer}.hero-btn.dark{background:#0f172a;color:#fff;box-shadow:0 16px 28px -16px #0f172a66}.glisse-pillars{max-width:72rem;margin:0 auto 10rem;padding:0 1.5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.pillar-card{padding:2.4rem;text-align:center;transition:all .45s ease}.pillar-card:hover{background:#ffffff9e}.icon-wrap{width:4rem;height:4rem;border-radius:999px;margin:0 auto 1.6rem;border:1px solid rgba(255,255,255,.95);display:grid;place-items:center}.icon-wrap .material-symbols-outlined{font-size:2rem}.icon-wrap.indigo{background:#eef2ff}.icon-wrap.indigo .material-symbols-outlined{color:#818cf8}.icon-wrap.purple{background:#faf5ff}.icon-wrap.purple .material-symbols-outlined{color:#c084fc}.icon-wrap.slate{background:#f8fafc}.icon-wrap.slate .material-symbols-outlined{color:#94a3b8}.pillar-card h3{margin:0;color:#0f172a;font-size:1.3rem;font-weight:400}.pillar-card p{margin:.8rem 0 0;color:#94a3b8;font-size:.9rem;font-weight:300;line-height:1.7}.glisse-interface{max-width:82rem;margin:0 auto 12rem;padding:0 1.5rem}.interface-shell{padding:1rem;box-shadow:0 40px 100px -20px #0000000d}.interface-window{background:#ffffffd9;border-radius:3.2rem;overflow:hidden;min-height:620px;display:flex;flex-direction:column}.window-top{height:4rem;border-bottom:1px solid rgba(226,232,240,.7);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem}.window-top-left{display:flex;align-items:center;gap:1.8rem}.dots{display:inline-flex;gap:.45rem}.dots span{width:.62rem;height:.62rem;border-radius:999px;background:#e2e8f0}.window-tags{display:inline-flex;gap:.6rem}.window-tags span{padding:.25rem .7rem;border-radius:999px;background:#f8fafc;color:#94a3b8;font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.window-top-right{display:inline-flex;align-items:center;gap:.8rem;color:#cbd5e1}.avatar{width:2rem;height:2rem;border-radius:999px;border:1px solid #f1f5f9;background:linear-gradient(140deg,#f8fafc,#e2e8f0)}.window-body{flex:1;display:flex}.left-rail{width:5rem;border-right:1px solid rgba(226,232,240,.7);display:flex;flex-direction:column;align-items:center;gap:1.4rem;padding-top:2rem}.left-rail .material-symbols-outlined{font-size:1.5rem;color:#cbd5e1}.left-rail .material-symbols-outlined.active{color:#6366f1}.canvas-area{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:4.5rem;background:radial-gradient(rgba(15,23,42,.05) .5px,transparent .5px),linear-gradient(to bottom,#fffc,#f8fafc99);background-size:30px 30px,100% 100%}.center-object{width:16rem;height:16rem;border-radius:3rem;display:grid;place-items:center}.inner-object{width:8rem;height:8rem;border-radius:1.5rem;background:linear-gradient(140deg,#eef2ff,#fff);display:grid;place-items:center;box-shadow:inset 0 4px 12px #ffffffb3}.inner-object .material-symbols-outlined{color:#a5b4fc;font-size:3.8rem}.float-label{position:absolute;top:4.2rem;right:7rem;border-radius:999px;padding:.45rem .95rem;color:#64748b;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.prompt-bar{position:absolute;left:50%;bottom:3rem;transform:translate(-50%);width:min(42rem,calc(100% - 3rem));border-radius:999px;padding:.85rem 1rem;display:flex;align-items:center;gap:1rem}.audio-bars{display:inline-flex;gap:.2rem}.audio-bars span{width:4px;border-radius:999px;background:#a5b4fc;animation:pulse-eq 1.5s ease-in-out infinite}.audio-bars span:nth-child(1){height:14px}.audio-bars span:nth-child(2){height:26px;animation-delay:.1s}.audio-bars span:nth-child(3){height:10px;animation-delay:.2s}.audio-bars span:nth-child(4){height:18px;animation-delay:.3s}.prompt-bar p{margin:0;color:#475569;font-size:.9rem;font-style:italic;font-weight:300}.prompt-bar button{margin-left:auto;width:2rem;height:2rem;border:none;border-radius:999px;background:#0f172a;color:#fff;display:grid;place-items:center}.glisse-inspiration{margin-bottom:12rem}.insp-head{max-width:72rem;margin:0 auto 3rem;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.insp-head h2{margin:0;color:#0f172a;font-size:clamp(2rem,5vw,3rem);font-weight:300;letter-spacing:-.02em}.insp-head h2 span{font-style:italic;font-weight:400}.insp-head p{margin:1rem 0 0;color:#94a3b8;font-size:1.04rem;font-weight:300;max-width:36rem}.insp-arrows{display:inline-flex;gap:.6rem}.insp-arrows button{width:3rem;height:3rem;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#94a3b8}.insp-track{display:flex;gap:1.5rem;overflow-x:auto;padding:0 1.5rem .8rem}.insp-card{min-width:25rem;height:31rem;position:relative;overflow:hidden;flex-shrink:0}.insp-thumb{width:100%;height:100%;background:linear-gradient(160deg,#f1f5f9,#eef2ff);display:grid;place-items:center}.insp-thumb .material-symbols-outlined{font-size:4rem;color:#cbd5e1}.insp-copy{position:absolute;left:2rem;right:2rem;bottom:1.8rem}.insp-copy p{margin:0;color:#334155;font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700}.insp-copy small{color:#64748b;font-size:.88rem}.glisse-cta{margin-bottom:8rem;padding:0 1.5rem}.cta-shell{max-width:64rem;margin:0 auto;padding:4.5rem 2rem;text-align:center;position:relative;overflow:hidden}.cta-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(130deg,#e0f2fe59,#f5f3ff40)}.cta-shell>*{position:relative;z-index:1}.cta-shell h2{margin:0;color:#0f172a;font-size:clamp(2rem,5vw,3rem);font-weight:300;letter-spacing:-.02em}.cta-shell h2 span{font-style:italic;font-weight:400}.cta-shell p{margin:1.3rem auto 0;max-width:34rem;color:#94a3b8;font-size:1.05rem;font-weight:300}.cta-actions{margin-top:2rem;display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}.glisse-footer{border-top:1px solid rgba(226,232,240,.7);padding:4.5rem 1.5rem}.glisse-footer-inner{max-width:72rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-logo{display:inline-flex;align-items:center;gap:.55rem;color:#94a3b8;font-size:.8rem;font-weight:600;letter-spacing:.2em}.footer-links{display:inline-flex;gap:2rem}.footer-links a{color:#cbd5e1;text-decoration:none;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.footer-links a:hover{color:#64748b}.glisse-footer p{margin:0;color:#cbd5e1;font-size:.65rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase}@keyframes pulse-eq{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.75);opacity:.55}}@media (max-width: 1024px){.glisse-nav-links{display:none}.glisse-pillars{grid-template-columns:1fr}.window-top{padding:0 1.2rem;height:auto;min-height:4rem;flex-wrap:wrap;gap:.8rem}.window-tags,.left-rail{display:none}.canvas-area{padding:2rem}.float-label{right:1.2rem;top:1.2rem}.insp-head{flex-direction:column;align-items:flex-start}.glisse-footer-inner{flex-direction:column;text-align:center}}@media (max-width: 640px){.glisse-header{padding:1rem .75rem}.glisse-nav{padding:.6rem .8rem}.glisse-logo-text{font-size:.84rem}.glisse-main{padding-top:8rem}.glisse-hero{margin-bottom:4.5rem}.hero-btn{width:100%}.insp-card{min-width:84vw;height:24rem}.cta-shell{padding:3rem 1rem;border-radius:2.4rem}.footer-links{gap:1rem;flex-wrap:wrap;justify-content:center}}.studio-pro-page{--studio-primary: #256af4;--studio-bg-light: #f5f6f8;--studio-bg-dark: #101622;--studio-border: #dce3ef;--studio-text: #0f172a;--studio-muted: #64748b;min-height:100vh;background:radial-gradient(circle at 15% 18%,#dbeafe 0%,transparent 38%),radial-gradient(circle at 85% 8%,#e0e7ff 0%,transparent 35%),linear-gradient(180deg,#f8fafc,#eef2f7);color:var(--studio-text);padding:1rem}.studio-pro-shell{width:min(1760px,100%);margin:0 auto;min-height:calc(100vh - 2rem);display:flex;flex-direction:column;gap:1rem}.studio-pro-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-radius:1rem;background:#ffffffd6;border:1px solid rgba(255,255,255,.9);box-shadow:0 16px 36px -24px #0f172a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.studio-pro-topbar-left,.studio-pro-topbar-right,.studio-pro-topbar-center{display:inline-flex;align-items:center;gap:.75rem}.studio-pro-topbar-center{flex:1;justify-content:center}.studio-pro-brand{display:inline-flex;align-items:center;gap:.7rem}.studio-pro-brand-icon{width:2rem;height:2rem;border-radius:.55rem;background:var(--studio-primary);color:#fff;display:grid;place-items:center}.studio-pro-brand-icon .material-symbols-outlined{font-size:1.2rem}.studio-pro-brand h2{margin:0;font-size:.84rem;line-height:1.1;font-weight:800}.studio-pro-brand p{margin:0;font-size:.59rem;text-transform:uppercase;letter-spacing:.12em;color:var(--studio-muted);font-weight:700}.studio-divider{width:1px;height:1.4rem;background:#dbe3f2}.studio-live-pill{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.33rem .62rem;border:1px solid #dce5f4;background:#f8fbff;font-size:.67rem;text-transform:uppercase;letter-spacing:.04em;color:#475569;font-weight:700}.studio-live-dot{width:.45rem;height:.45rem;border-radius:999px;background:#22c55e;animation:studioPulse 1.5s infinite}.studio-pro-meta-pill{display:inline-flex;align-items:center;gap:.3rem;border-radius:.7rem;border:1px solid #e2e8f0;background:#f8fafce6;color:#475569;font-size:.72rem;font-weight:700;padding:.35rem .52rem}.studio-pro-meta-pill .material-symbols-outlined{font-size:.95rem;color:var(--studio-primary)}.studio-icon-btn{width:2.15rem;height:2.15rem;border-radius:.65rem;border:1px solid #dce5f1;background:#fff;color:#64748b;display:grid;place-items:center;cursor:pointer;transition:.2s ease;text-decoration:none}.studio-icon-btn:hover{background:#f8fafc;color:#0f172a}.studio-user-wrap{display:inline-flex;align-items:center;justify-content:center}.studio-export-btn{display:inline-flex;align-items:center;gap:.45rem;border-radius:.65rem;border:1px solid transparent;background:var(--studio-primary);color:#fff;text-decoration:none;font-size:.78rem;font-weight:700;padding:.54rem .86rem;transition:.2s ease}.studio-export-btn:hover{background:#1f5de2}.studio-export-btn .material-symbols-outlined{font-size:1rem}.studio-export-btn.is-disabled{pointer-events:none;background:#94a3b8}.studio-auth-gate{border-radius:1rem;background:#ffffffbf;border:1px solid rgba(255,255,255,.9)}.studio-auth-gate-inner{max-width:560px;margin:0 auto;padding:2rem 1rem;text-align:center}.studio-auth-gate-inner h2{margin:0;font-size:1.25rem}.studio-auth-gate-inner p{margin:.55rem 0 .8rem;color:var(--studio-muted)}.studio-auth-mount{margin-top:1rem}.studio-pro-auth-wrap{flex:1;min-height:0}.studio-pro-auth-wrap.is-auth-locked{opacity:.26;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:blur(1.6px)}.studio-pro-workspace{display:flex;gap:1rem;min-height:calc(100vh - 7.1rem)}.studio-pro-sidebar,.studio-canvas-shell,.studio-engine-shell,.studio-bottom-card{background:#ffffffbd;border:1px solid rgba(255,255,255,.85);box-shadow:0 26px 60px -36px #0f172a73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.studio-pro-sidebar{width:18.3rem;border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow:auto}.studio-side-section h3{margin:0;color:#94a3b8;font-size:.66rem;text-transform:uppercase;letter-spacing:.14em}.studio-side-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.studio-side-title-row .material-symbols-outlined{color:#94a3b8;font-size:1.1rem}.studio-side-nav{display:grid;gap:.4rem}.studio-side-nav-btn{width:100%;display:flex;align-items:center;gap:.52rem;border-radius:.78rem;border:1px solid transparent;background:transparent;color:#64748b;font-size:.78rem;font-weight:600;padding:.56rem .72rem;cursor:pointer;transition:.2s ease}.studio-side-nav-btn:hover{background:#94a3b81f}.studio-side-nav-btn.is-active{background:#256af41a;border-color:#256af433;color:var(--studio-primary)}.studio-side-nav-btn .material-symbols-outlined{font-size:1.1rem}.studio-layers{display:grid;gap:.5rem}.studio-layer-card{display:flex;align-items:center;gap:.55rem;border-radius:.78rem;padding:.52rem;border:1px solid #e2e8f0;background:#f8fafcd1}.studio-layer-card.is-dim{opacity:.6}.studio-layer-media{width:2.55rem;height:2.55rem;border-radius:.55rem;overflow:hidden;border:1px solid #dce4ef;background:#f1f5f9;display:grid;place-items:center;flex-shrink:0}.studio-layer-media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.studio-layer-media-audio{background:linear-gradient(135deg,#dbeafe,#e2e8f0);color:var(--studio-primary)}.studio-layer-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#94a3b8}.studio-layer-placeholder .material-symbols-outlined{font-size:1rem}.studio-layer-text{min-width:0;flex:1}.studio-layer-text p{margin:0;color:#334155;font-size:.73rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.studio-layer-text span{display:block;margin-top:.12rem;color:#94a3b8;font-size:.62rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.studio-layer-card>.material-symbols-outlined{color:#a3b2c5;font-size:1rem}.studio-layers audio{margin-top:.3rem;width:100%}.studio-assistant-card{margin-top:auto;border-radius:.8rem;padding:.62rem;background:#0f172a;color:#fff;display:flex;align-items:center;gap:.5rem}.studio-assistant-card .material-symbols-outlined{color:#60a5fa}.studio-assistant-card p{margin:0;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8;font-weight:700}.studio-assistant-card span{font-size:.75rem}.studio-pro-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem;overflow:auto;padding-right:.2rem}.studio-canvas-shell{position:relative;flex:1;min-height:360px;border-radius:1rem;padding:.9rem;display:flex;flex-direction:column;overflow:hidden}.studio-canvas-top-left,.studio-canvas-top-right{position:absolute;top:1.35rem;z-index:4;display:inline-flex;align-items:center;gap:.45rem}.studio-canvas-top-left{left:1.35rem}.studio-canvas-top-right{right:1.35rem}.studio-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #dbe3ef;background:#f8fafc;padding:.22rem .56rem;font-size:.62rem;color:#64748b;font-weight:700;letter-spacing:.03em}.studio-chip-primary{background:#256af429;border-color:#256af433;color:var(--studio-primary)}.studio-canvas-icon-btn{width:2rem;height:2rem;border-radius:.55rem;border:1px solid rgba(255,255,255,.25);background:#0f172a73;color:#e2e8f0;display:grid;place-items:center;cursor:pointer}.studio-canvas-stage{position:relative;flex:1;border-radius:.86rem;overflow:hidden;background:linear-gradient(135deg,#1e293b,#0f172a 52%,#020617);display:flex;align-items:center;justify-content:center}.studio-canvas-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,rgba(37,106,244,.35) 0%,transparent 48%);opacity:.9}.studio-output-video{position:relative;z-index:2;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#020617}.studio-placeholder-hero{position:relative;z-index:2;text-align:center;color:#fff;max-width:620px;padding:1rem}.studio-placeholder-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(96,165,250,.35);background:#256af426;color:#93c5fd;font-size:.62rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800;padding:.35rem .62rem;margin-bottom:1rem}.studio-placeholder-hero h1{margin:0;font-size:clamp(1.8rem,6vw,3.4rem);letter-spacing:-.03em;font-weight:900}.studio-placeholder-hero h1 span{color:#60a5fa}.studio-placeholder-hero p{margin:.8rem auto 0;color:#cbd5e1;font-size:.86rem;max-width:430px}.studio-selection-box{position:absolute;top:12%;right:10%;bottom:12%;left:10%;border:2px solid rgba(96,165,250,.5);border-radius:.75rem;z-index:3;pointer-events:none}.studio-selection-box span{position:absolute;width:.7rem;height:.7rem;background:#fff;border:2px solid #60a5fa;border-radius:.25rem}.studio-selection-box span:nth-child(1){top:-.35rem;left:-.35rem}.studio-selection-box span:nth-child(2){top:-.35rem;right:-.35rem}.studio-selection-box span:nth-child(3){bottom:-.35rem;left:-.35rem}.studio-selection-box span:nth-child(4){bottom:-.35rem;right:-.35rem}.studio-timeline{margin-top:.75rem;border-radius:.72rem;border:1px solid #e2e8f0;background:#f8fafce0;min-height:2.9rem;padding:.45rem;display:flex;align-items:center;gap:.7rem}.studio-play-btn{width:1.95rem;height:1.95rem;border:0;border-radius:999px;background:#0f172a;color:#fff;display:grid;place-items:center;cursor:pointer}.studio-play-btn:disabled{opacity:.55;cursor:not-allowed}.studio-play-btn .material-symbols-outlined{font-size:1.15rem}.studio-timeline-track-wrap{flex:1;display:inline-flex;align-items:center;gap:.55rem}.studio-timeline-track-wrap span{font-size:.62rem;font-weight:700;color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.studio-timeline-track{position:relative;height:.42rem;flex:1;border-radius:999px;background:#dbe3ef}.studio-timeline-progress{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:var(--studio-primary)}.studio-timeline-knob{position:absolute;top:50%;transform:translate(-50%,-50%);width:.72rem;height:.72rem;border-radius:999px;background:#fff;border:2px solid var(--studio-primary);box-shadow:0 4px 14px -6px #0f172a99}.studio-timeline-icons{display:inline-flex;align-items:center;gap:.4rem;color:#94a3b8}.studio-timeline-icons .material-symbols-outlined{font-size:1rem}.studio-engine-shell{border-radius:1rem;padding:.9rem;display:flex;flex-direction:column;gap:.9rem}.studio-engine-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.studio-engine-tabs{display:inline-flex;align-items:center;gap:.35rem;padding:.24rem;border-radius:.78rem;background:#e9eef6}.studio-engine-tab{display:inline-flex;align-items:center;gap:.28rem;border:1px solid transparent;border-radius:.62rem;background:transparent;color:#64748b;padding:.46rem .72rem;font-size:.75rem;font-weight:700;cursor:pointer}.studio-engine-tab.is-active{background:#fff;border-color:#d9e2ef;color:var(--studio-primary);box-shadow:0 8px 18px -12px #0f172a80}.studio-engine-tab .material-symbols-outlined{font-size:1rem}.studio-ready-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.62rem;font-weight:800;color:#16a34a;text-transform:uppercase;letter-spacing:.1em}.studio-ready-pill i{display:inline-block;width:.42rem;height:.42rem;border-radius:999px;background:#22c55e}.studio-engine-body{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.studio-main-mic-wrap{position:relative;display:grid;place-items:center}.studio-main-mic-wrap:before{content:"";position:absolute;width:4.2rem;height:4.2rem;border-radius:999px;background:#256af440;filter:blur(16px)}.studio-main-mic-btn{position:relative;width:3.5rem;height:3.5rem;border:0;border-radius:999px;background:var(--studio-primary);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 28px -16px #256af4f2}.studio-main-mic-btn.is-recording{background:#ef4444}.studio-main-mic-btn:disabled{opacity:.45;cursor:not-allowed}.studio-main-mic-btn .material-symbols-outlined{font-size:1.6rem}.studio-engine-center{min-width:0}.studio-record-row{display:flex;align-items:center;gap:.42rem;flex-wrap:wrap;margin-bottom:.7rem}.studio-soft-btn,.studio-outline-btn,.studio-primary-btn,.studio-engine-footer select,.studio-model-grid select,.studio-model-grid input,.studio-transcript-input{border:1px solid #d6dfeb;border-radius:.62rem;font:inherit}.studio-soft-btn,.studio-outline-btn,.studio-primary-btn{cursor:pointer}.studio-soft-btn{background:#f8fafce6;color:#334155;font-size:.72rem;font-weight:700;padding:.45rem .64rem}.studio-soft-btn:hover{background:#fff}.studio-waveform{min-height:2.7rem;display:flex;align-items:flex-end;gap:2px;margin-bottom:.5rem}.studio-waveform i{width:3px;border-radius:999px;background:var(--studio-primary)}.studio-transcript-quote{margin:0;color:#94a3b8;font-size:.96rem}.studio-transcript-input{width:100%;min-height:5.8rem;resize:vertical;padding:.75rem .82rem;background:#f8fafcf2;color:#0f172a}.studio-upload-state{border-radius:.75rem;border:1px dashed #bfdbfe;background:#dbeafe73;padding:.8rem}.studio-upload-state p{margin:0;font-size:.82rem;color:#334155}.studio-upload-state-sub{margin-top:.45rem;color:#64748b;font-size:.72rem}.studio-engine-actions{display:flex;flex-direction:column;gap:.42rem}.studio-outline-btn{background:#fff;color:#475569;padding:.5rem .8rem;font-size:.72rem;font-weight:700}.studio-primary-btn{background:#0f172a;color:#fff;padding:.5rem .8rem;font-size:.72rem;font-weight:700}.studio-primary-btn:disabled,.studio-outline-btn:disabled,.studio-soft-btn:disabled{opacity:.52;cursor:not-allowed}.studio-engine-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.42rem;border-top:1px solid #e2e8f0;padding-top:.75rem}.studio-engine-footer label{display:inline-flex;align-items:center;gap:.32rem;border-radius:999px;border:1px solid #dce5f2;background:#f8fafc;padding:.28rem .55rem;font-size:.68rem;color:#475569}.studio-engine-footer input[type=checkbox]{accent-color:var(--studio-primary)}.studio-engine-footer select{background:#fff;color:#334155;padding:.4rem .5rem;font-size:.7rem}.studio-download-link{display:inline-flex;align-items:center;border-radius:.62rem;background:var(--studio-primary);color:#fff;text-decoration:none;font-size:.72rem;font-weight:700;padding:.5rem .75rem}.studio-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.studio-bottom-card{border-radius:.82rem;padding:.65rem;min-height:180px}.studio-bottom-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.62rem}.studio-bottom-head h3{margin:0;font-size:.86rem}.studio-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.studio-model-grid label{display:flex;flex-direction:column;gap:.26rem}.studio-model-grid label>span{font-size:.66rem;color:#64748b;font-weight:700}.studio-model-grid select,.studio-model-grid input{width:100%;background:#fff;color:#0f172a;padding:.38rem .5rem;font-size:.72rem}.studio-log{margin:0;height:183px;border-radius:.7rem;border:1px solid #dce4f1;background:#f8fafc;color:#334155;padding:.6rem;overflow:auto;white-space:pre-wrap;font-size:.72rem;line-height:1.4;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@keyframes studioPulse{0%{opacity:1}50%{opacity:.42}to{opacity:1}}@media (max-width: 1280px){.studio-pro-workspace{flex-direction:column}.studio-pro-sidebar{width:100%;max-height:360px}.studio-pro-main{overflow:visible}.studio-engine-body{grid-template-columns:1fr}.studio-main-mic-wrap{justify-self:start}.studio-engine-actions{flex-direction:row;justify-content:flex-end}.studio-bottom-grid,.studio-model-grid{grid-template-columns:1fr}}@media (max-width: 860px){.studio-pro-page{padding:.65rem}.studio-pro-shell{min-height:calc(100vh - 1.3rem)}.studio-pro-topbar{flex-wrap:wrap}.studio-pro-topbar-center{order:3;width:100%;justify-content:flex-start}.studio-canvas-shell{min-height:280px}.studio-selection-box{top:15%;right:8%;bottom:15%;left:8%}.studio-timeline{flex-wrap:wrap}.studio-timeline-track-wrap{width:100%}}.glass-panel{background:#fff9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4)}.ai-orb-glow{background:conic-gradient(from 0deg,#256af4,#9333ea,#ec4899,#256af4);filter:blur(40px);opacity:.6}.waveform-bar{width:3px;background:#256af4;border-radius:99px;margin:0 1px;flex-shrink:0;transition:height .2s ease}.studio-min-page{--studio-bg: #f3f6fb;--studio-surface: #ffffff;--studio-surface-muted: #f8fafc;--studio-text: #0f172a;--studio-subtle: #64748b;--studio-border-soft: rgba(15, 23, 42, .08);--studio-border-strong: rgba(15, 23, 42, .14);--studio-primary: #256af4;--studio-glow: rgba(37, 106, 244, .2)}@media (prefers-color-scheme: dark){.studio-min-page{--studio-bg: #0b1220;--studio-surface: #0f172a;--studio-surface-muted: #111c33;--studio-text: #e2e8f0;--studio-subtle: #94a3b8;--studio-border-soft: rgba(148, 163, 184, .2);--studio-border-strong: rgba(148, 163, 184, .36);--studio-primary: #60a5fa;--studio-glow: rgba(96, 165, 250, .22)}}.studio-min-page{min-height:100vh;color-scheme:light dark;background:radial-gradient(circle at 10% 10%,var(--studio-glow),transparent 34%),radial-gradient(circle at 86% 8%,rgba(168,85,247,.1),transparent 30%),var(--studio-bg);color:var(--studio-text);padding:1rem}.studio-min-header{background:color-mix(in srgb,var(--studio-surface) 86%,transparent);border-radius:.9rem;padding:.8rem .95rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem;box-shadow:0 16px 48px -24px #020617a6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.studio-min-brand{display:inline-flex;align-items:center;gap:.6rem}.studio-min-brand-dot{width:.62rem;height:.62rem;border-radius:999px;background:var(--studio-primary);box-shadow:0 0 0 6px color-mix(in srgb,var(--studio-primary) 16%,transparent)}.studio-min-brand h1{margin:0;font-size:.95rem;font-weight:700}.studio-min-brand p{margin:0;font-size:.7rem;color:var(--studio-subtle);font-weight:600}.studio-min-nav{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem;border-radius:999px;background:color-mix(in srgb,var(--studio-surface-muted) 88%,transparent)}.studio-min-nav-item{border:0;background:transparent;color:var(--studio-subtle);border-radius:999px;padding:.42rem .72rem;font-size:.72rem;font-weight:700;cursor:pointer;transition:.2s ease}.studio-min-nav-item:hover{color:var(--studio-text)}.studio-min-nav-item.is-active{color:#fff;background:var(--studio-primary)}.studio-min-header-right{display:inline-flex;align-items:center;gap:.5rem}.studio-min-stage{border:1px solid var(--studio-border-soft);border-radius:999px;background:color-mix(in srgb,var(--studio-surface-muted) 92%,transparent);color:var(--studio-text);font-size:.7rem;font-weight:700;padding:.3rem .55rem}.studio-min-theme-note{border-radius:999px;background:color-mix(in srgb,var(--studio-primary) 13%,transparent);color:var(--studio-primary);font-size:.68rem;font-weight:700;padding:.28rem .5rem}.studio-min-export{border-radius:.56rem;background:var(--studio-primary);color:#fff;text-decoration:none;font-size:.76rem;font-weight:700;padding:.43rem .72rem}.studio-min-export.is-disabled{pointer-events:none;background:#94a3b8}.studio-min-auth-gate{border:1px solid var(--studio-border-soft);background:var(--studio-surface);border-radius:.9rem;padding:1rem;margin-bottom:.8rem}.studio-min-auth-gate h2{margin:0;font-size:1rem}.studio-min-auth-gate p{margin:.4rem 0 0;color:var(--studio-subtle)}.studio-min-auth-mount{margin-top:.8rem}#uploadMediaInput{display:none}.studio-min-shell{min-height:calc(100vh - 6.4rem);display:grid;grid-template-columns:320px 1fr;gap:.8rem}.studio-min-shell.is-auth-locked{opacity:.28;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.studio-min-sidebar,.studio-min-main{min-height:0}.studio-min-sidebar{display:flex;flex-direction:column;gap:.8rem;overflow:auto}.studio-min-card{border:1px solid var(--studio-border-soft);background:var(--studio-surface);border-radius:.9rem;padding:.75rem;box-shadow:0 14px 38px -30px #020617b3}.studio-min-card h3{margin:0 0 .5rem;font-size:.75rem;color:var(--studio-subtle);text-transform:uppercase;letter-spacing:.08em}.studio-min-card textarea{width:100%;min-height:150px;resize:vertical;border-radius:.62rem;border:1px solid var(--studio-border-soft);background:var(--studio-surface-muted);color:var(--studio-text);padding:.62rem;margin-bottom:.6rem}.studio-min-controls{display:grid;grid-template-columns:1fr 1fr;gap:.42rem;margin-bottom:.55rem}.studio-min-controls button,.studio-min-generate,.studio-min-download,.studio-min-selects select{border:1px solid var(--studio-border-soft);border-radius:.6rem;font:inherit}.studio-min-controls button{background:var(--studio-surface-muted);color:var(--studio-text);font-size:.72rem;font-weight:700;padding:.45rem .35rem;cursor:pointer}.studio-min-controls button:disabled{opacity:.5;cursor:not-allowed}.studio-min-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--studio-subtle);margin-bottom:.55rem}.studio-min-toggle input[type=checkbox]{accent-color:var(--studio-primary)}.studio-min-selects{display:grid;grid-template-columns:1fr 1fr;gap:.42rem;margin-bottom:.55rem}.studio-min-selects label{display:flex;flex-direction:column;gap:.22rem}.studio-min-selects span{font-size:.65rem;color:var(--studio-subtle);font-weight:700}.studio-min-selects select{background:var(--studio-surface);color:var(--studio-text);padding:.4rem .45rem;font-size:.72rem}.studio-min-generate{width:100%;background:var(--studio-primary);color:#fff;font-size:.76rem;font-weight:700;padding:.52rem .7rem;cursor:pointer}.studio-min-generate:disabled{opacity:.5;cursor:not-allowed}.studio-min-download{margin-top:.45rem;display:inline-flex;text-decoration:none;background:var(--studio-primary);color:#fff;font-size:.72rem;font-weight:700;padding:.45rem .62rem}.studio-min-status-line{margin:0;font-size:.78rem;color:var(--studio-text);font-weight:600}.studio-min-error{margin:.42rem 0 0;color:#b91c1c;font-size:.75rem;font-weight:600}.studio-min-note{margin:.42rem 0 0;color:#166534;font-size:.72rem;font-weight:600}.studio-min-main{display:grid;grid-template-rows:1fr auto auto;gap:.8rem;min-height:0}.studio-min-preview,.studio-min-media-row,.studio-min-log{border:1px solid var(--studio-border-soft);background:var(--studio-surface);border-radius:.9rem;box-shadow:0 18px 40px -32px #020617b8}.studio-min-preview{min-height:0;padding:.9rem;display:flex;align-items:stretch;justify-content:stretch}.studio-min-preview video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.65rem;background:#020617}.studio-min-generating,.studio-min-transcript-view{width:100%;border:1px dashed var(--studio-border-strong);background:color-mix(in srgb,var(--studio-surface-muted) 92%,transparent);border-radius:.72rem;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.48rem;text-align:center}.studio-min-generating h2,.studio-min-transcript-view h2{margin:0;font-size:1.02rem}.studio-min-generating p,.studio-min-transcript-view p{margin:0;color:var(--studio-subtle);font-size:.82rem;max-width:720px}.studio-min-eyebrow{display:inline-flex;align-items:center;border-radius:999px;background:color-mix(in srgb,var(--studio-primary) 14%,transparent);color:var(--studio-primary);padding:.22rem .58rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.studio-min-onboarding-steps{display:inline-flex;flex-wrap:wrap;gap:.45rem;margin-top:.42rem}.studio-min-onboarding-steps span{border-radius:999px;border:1px solid var(--studio-border-soft);background:var(--studio-surface);color:var(--studio-subtle);font-size:.68rem;font-weight:700;padding:.24rem .48rem}.studio-min-spinner{width:24px;height:24px;border:3px solid color-mix(in srgb,var(--studio-primary) 30%,transparent);border-top-color:var(--studio-primary);border-radius:999px;animation:studioSpin .8s linear infinite}@keyframes studioSpin{to{transform:rotate(360deg)}}.studio-min-transcript-inline{margin-top:.4rem;border-radius:.62rem;border:1px solid var(--studio-border-soft);background:var(--studio-surface);padding:.5rem;color:var(--studio-text);font-size:.78rem;width:min(780px,100%);max-height:110px;overflow:auto}.studio-min-media-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding:.65rem}.studio-min-media-card{border:1px solid var(--studio-border-soft);border-radius:.72rem;background:var(--studio-surface-muted);padding:.55rem}.studio-min-media-card h4{margin:0 0 .35rem;font-size:.72rem;color:var(--studio-subtle);text-transform:uppercase;letter-spacing:.06em}.studio-min-media-card p{margin:0;color:var(--studio-subtle);font-size:.76rem}.studio-min-media-card audio,.studio-min-media-card video{width:100%;border-radius:.55rem;background:#020617}.studio-min-log{padding:.65rem}.studio-min-log h3{margin:0 0 .4rem;font-size:.72rem;color:var(--studio-subtle);text-transform:uppercase;letter-spacing:.08em}.studio-min-log pre{margin:0;max-height:160px;overflow:auto;border-radius:.62rem;border:1px solid var(--studio-border-soft);background:var(--studio-surface-muted);color:var(--studio-text);padding:.52rem;white-space:pre-wrap;font-size:.71rem;line-height:1.38;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media (max-width: 1100px){.studio-min-shell{grid-template-columns:1fr}.studio-min-main{grid-template-rows:minmax(320px,1fr) auto auto}}@media (max-width: 760px){.studio-min-page{padding:.65rem}.studio-min-header{flex-direction:column;align-items:flex-start}.studio-min-nav{width:100%;justify-content:space-between}.studio-min-header-right{width:100%;justify-content:space-between;flex-wrap:wrap}.studio-min-selects,.studio-min-controls,.studio-min-media-row{grid-template-columns:1fr}}.codex-layout{--bg: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--primary: #3b82f6;--primary-hover: #2563eb;--danger: #ef4444;--success: #10b981;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;color-scheme:light dark}@media (prefers-color-scheme: dark){.codex-layout{--bg: #0d1117;--surface: #161b22;--border: #30363d;--text: #e6edf3;--text-muted: #7d8590;--primary: #2f81f7;--primary-hover: #1f6feb}}.codex-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--surface)}.codex-header-left{display:flex;align-items:center;gap:12px}.codex-logo{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--primary);color:#fff;border-radius:6px}.codex-logo span{font-size:1.1rem}.codex-brand-name{font-weight:600;font-size:1rem;letter-spacing:-.01em}.codex-header-center{flex:1;display:flex;justify-content:center}.codex-status-pill{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;background-color:var(--bg);padding:4px 12px;border-radius:9999px;border:1px solid var(--border);color:var(--text-muted)}.codex-status-pill .dot{width:6px;height:6px;border-radius:50%;background-color:var(--text-muted)}.codex-status-pill.recording .dot{background-color:var(--danger);box-shadow:0 0 8px var(--danger);animation:codex-pulse-red 1.5s infinite}.codex-status-pill.generating .dot{background-color:var(--primary);box-shadow:0 0 8px var(--primary);animation:codex-pulse-blue 1.5s infinite}@keyframes codex-pulse-red{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes codex-pulse-blue{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.codex-header-right{display:flex;align-items:center;gap:16px}.codex-export-btn{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;text-decoration:none;background-color:var(--primary);color:#fff;padding:6px 12px;border-radius:6px;transition:background-color .2s}.codex-export-btn:hover{background-color:var(--primary-hover)}.codex-export-btn span{font-size:1.1rem}.codex-workspace{flex:1;display:flex;height:calc(100vh - 56px);overflow:hidden;position:relative}.codex-workspace.is-auth-locked{filter:blur(4px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.codex-sidebar{width:320px;display:flex;flex-direction:column;border-right:1px solid var(--border);background-color:var(--surface);z-index:10}.codex-sidebar-right{width:300px;display:flex;flex-direction:column;border-left:1px solid var(--border);background-color:var(--surface);z-index:10}.codex-center{flex:1;display:flex;flex-direction:column;background-color:var(--bg);position:relative}.codex-panel{display:flex;flex-direction:column;border-bottom:1px solid var(--border)}.codex-panel.flex-1{flex:1;border-bottom:none;min-height:0}.codex-panel-header{padding:12px 16px;border-bottom:1px solid var(--border);background-color:var(--surface)}.codex-panel-header h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0}.codex-panel-body{padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.codex-panel-body.no-pad{padding:0}.codex-btn-group{display:flex;gap:8px}.codex-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background-color:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.codex-btn span{font-size:1.1rem}.codex-btn:hover:not(:disabled){background-color:var(--border)}.codex-btn:disabled{opacity:.5;cursor:not-allowed}.codex-btn.active{background-color:#ef44441a;color:var(--danger);border-color:var(--danger)}.codex-textarea{width:100%;height:100%;border:none;background:transparent;resize:none;padding:16px;font-family:inherit;font-size:.9rem;color:var(--text);line-height:1.5}.codex-textarea:focus{outline:none}.codex-textarea::-moz-placeholder{color:var(--text-muted)}.codex-textarea::placeholder{color:var(--text-muted)}.codex-media-preview{display:flex;align-items:center;gap:12px;padding:12px;background-color:var(--bg);border-radius:6px;border:1px solid var(--border)}.codex-media-preview.video{padding:0;overflow:hidden;aspect-ratio:16/9}.codex-media-preview.video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.codex-media-preview .material-symbols-outlined{color:var(--primary);font-size:1.5rem}.codex-media-info{display:flex;flex-direction:column;gap:4px;font-size:.85rem;font-weight:500;width:100%}.codex-media-info audio{width:100%;height:28px}.codex-canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.codex-canvas-video{width:100%;max-height:100%;border-radius:8px;box-shadow:0 4px 24px #0000001a;background-color:#000;border:1px solid var(--border)}.codex-canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted)}.codex-canvas-empty .material-symbols-outlined{font-size:3rem;margin-bottom:16px;opacity:.5}.codex-canvas-empty p{font-size:1.25rem;font-weight:600;color:var(--text);margin:0 0 8px}.codex-canvas-empty span{font-size:.9rem;max-width:300px}.codex-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:codex-spin 1s linear infinite;margin-bottom:24px}@keyframes codex-spin{to{transform:rotate(360deg)}}.codex-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background-color:var(--surface);border-top:1px solid var(--border)}.codex-settings-group{display:flex;align-items:center;gap:16px}.codex-select{background-color:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:4px;font-size:.85rem;cursor:pointer;outline:none}.codex-select:focus{border-color:var(--primary)}.codex-generate-btn{display:flex;align-items:center;gap:8px;background-color:var(--text);color:var(--bg);border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .1s,opacity .2s}.codex-generate-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.codex-generate-btn:disabled{opacity:.5;cursor:not-allowed}.codex-toggle{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;cursor:pointer}.codex-toggle input{display:none}.codex-toggle .slider{width:32px;height:18px;background-color:var(--border);border-radius:18px;position:relative;transition:.2s}.codex-toggle .slider:before{content:"";position:absolute;width:14px;height:14px;background-color:#fff;border-radius:50%;left:2px;bottom:2px;transition:.2s}.codex-toggle input:checked+.slider{background-color:var(--primary)}.codex-toggle input:checked+.slider:before{transform:translate(14px)}.codex-logs{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;color:var(--text);line-height:1.6;white-space:pre-wrap;word-wrap:break-word;padding:16px;margin:0;height:100%;overflow-y:auto}.codex-log-line{border-bottom:1px solid var(--border);padding:4px 0}.codex-log-line:last-child{border-bottom:none}.codex-auth-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.codex-auth-card{background-color:var(--surface);border:1px solid var(--border);padding:32px;border-radius:12px;box-shadow:0 12px 32px #0003;text-align:center;max-width:400px}.codex-auth-card h2{margin:0 0 8px;font-size:1.5rem}.codex-auth-card p{color:var(--text-muted);margin:0 0 24px}.codex-auth-mount{display:flex;justify-content:center}