:root{color:#edf2ff;background:#0a0a0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #0b0b10;--panel: #16161c;--panel-2: #1c1c23;--panel-3: #23232b;--line: rgba(255, 255, 255, .085);--line-strong: rgba(255, 255, 255, .14);--text: #f2f4fb;--muted: #8d91a2;--muted-2: #656b7d;--blue: #148eff;--cyan: #75def8;--purple: #a46aff;--green: #20c997;--orange: #ffb04f;--yellow: #ffd760;--media-a: #f05b5f;--media-b: #8f3037;--text-a: #f4f6fb;--text-b: #cfd6e6;--shape-a: #74bdff;--shape-b: #386d9e;--background-a: #32343c;--background-b: #24262d;--audio-a: #45d47a;--audio-b: #247b49;--radius-lg: 1.1rem;--radius-md: .78rem}*{box-sizing:border-box}body{margin:0;min-width:1200px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 16% 0%,rgba(20,142,255,.18),transparent 24rem),radial-gradient(circle at 78% 8%,rgba(164,106,255,.11),transparent 22rem),#08080c}button,input,select{color:inherit;font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.42}body.is-export-drawer-open{-webkit-user-select:none;user-select:none}body.is-live-scrubbing{cursor:ew-resize;-webkit-user-select:none;user-select:none}.app-shell{display:block;height:100vh;background:#0a0a0ef5}.start-page,.studio-shell{height:100vh}.app-shell[data-view=start] .studio-shell,.app-shell[data-view=studio] .start-page{display:none}.start-page{display:grid;place-items:center;padding:2rem;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 42%),#101016}.start-panel{display:grid;width:min(100%,42rem);gap:1.15rem;border:1px solid var(--line);border-radius:.9rem;padding:1.35rem;background:#121218f0}.start-brand{display:flex;align-items:center;gap:.85rem}.start-brand strong,.start-brand span{display:block}.start-brand strong{font-size:.96rem}.start-brand span,.start-route{color:var(--muted);font-size:.72rem}.start-copy{display:grid;gap:.36rem}.start-copy h1{margin:0;color:var(--text);font-size:1.35rem;line-height:1.1}.start-copy p,.start-route{margin:0}.start-copy p{color:var(--muted);font-size:.82rem;line-height:1.45}.start-open-button{min-height:2.65rem;border:1px solid rgba(117,222,248,.52);border-radius:.72rem;background:linear-gradient(180deg,#75def833,#75def817);color:#effcff;font-weight:820;cursor:pointer}.start-open-button:hover{transform:translateY(-1px)}.studio-shell{display:grid;grid-template-rows:3.15rem minmax(0,1fr)}.command-bar{display:grid;grid-template-columns:minmax(12rem,1fr) auto minmax(12rem,1fr);align-items:center;gap:.64rem;padding:.38rem .76rem;border-bottom:1px solid var(--line);background:#0f0f15eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-brand,.command-actions,.command-center,.transport-bar,.block-heading,.profile-stack{display:flex;align-items:center}.app-brand{min-width:0;gap:.62rem}.app-logo{display:grid;width:2.05rem;height:2.05rem;place-items:center;border:1px solid rgba(117,222,248,.62);border-radius:.55rem;color:var(--cyan);font-size:.68rem;font-weight:900;letter-spacing:.04em;box-shadow:inset 0 0 1.2rem #75def81f,0 0 1.2rem #75def814}.command-bar .app-logo{width:1.68rem;height:1.68rem;border-radius:.48rem;font-size:.58rem}.project-title{min-width:0}.project-title strong,.project-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-title strong{font-size:.8rem;letter-spacing:0}.project-title span{max-width:34rem;margin-top:.14rem;color:var(--muted);font-size:.72rem}.route-pill,.start-route,.timeline-source.timeline-source-hidden{display:none!important}.command-center{justify-content:center;gap:.2rem;border:1px solid var(--line);border-radius:.74rem;padding:.16rem;background:#ffffff08}.command-actions{justify-content:flex-end;gap:.38rem}.icon-command,.ghost-button,.export-button,.stage-tool-button,.play-button,.wide-action,.inspector-add-button,.collapse-button{cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease}.icon-command{display:grid;width:1.82rem;min-width:1.82rem;height:1.82rem;place-items:center;border-radius:.56rem;padding:0;background:transparent;color:var(--muted)}.icon-command .lucide-icon{width:.88rem;height:.88rem;stroke-width:2.15}.icon-command.is-active,.icon-command:hover{background:#ffffff14;color:var(--text)}.command-divider{width:1px;height:1.18rem;margin:0 .12rem;background:var(--line)}.ghost-button,.export-button,.stage-tool-button,.play-button,.wide-action{min-height:2.3rem;border-radius:.72rem;padding:0 .95rem;font-weight:750}.ghost-button,.stage-tool-button{border:1px solid var(--line);background:#ffffff0b;color:#c8cede}.ghost-button:hover,.stage-tool-button:hover,.play-button:hover,.wide-action:hover,.export-button:hover,.rail-button:hover{transform:translateY(-1px)}.export-button{background:linear-gradient(180deg,#1595ff,#0078ed);color:#fff;box-shadow:0 .9rem 2rem #148eff42}.command-actions .ghost-button,.command-actions .export-button{min-height:1.92rem;border-radius:.58rem}.app-command-button{display:grid;width:1.92rem;min-width:1.92rem;place-items:center;padding:0}.app-command-button .lucide-icon{width:.9rem;height:.9rem;stroke-width:2.1}.command-actions .export-button{display:inline-flex;align-items:center;gap:.36rem;padding:0 .62rem;font-size:.72rem;font-weight:780;box-shadow:0 .55rem 1.35rem #148eff2e}.command-actions .export-button .lucide-icon{width:.82rem;height:.82rem}.export-scrim{position:fixed;inset:0;z-index:80;background:#0405086b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.export-drawer{position:fixed;top:0;right:0;z-index:90;width:min(29rem,calc(100vw - 2rem));height:100vh;border-left:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#191f2bfa,#0d0e14fa),#11131a;box-shadow:-1.2rem 0 3rem #00000057;transform:translate(105%);transition:transform .22s ease}.export-drawer.is-open{transform:translate(0)}.export-drawer-shell{display:grid;height:100%;grid-template-rows:auto auto auto auto;gap:.86rem;padding:1rem}.export-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3rem;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:.8rem}.export-drawer-header span,.export-section-title span,.export-location-row span,.export-metric span,.export-clean-panel span{color:var(--muted);font-size:.72rem;line-height:1.3}.export-drawer-header strong{display:block;margin-top:.14rem;font-size:1.1rem}.export-close-button{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:.56rem;background:#ffffff0b;color:#dfe7f6;cursor:pointer}.export-section{display:grid;gap:.72rem;border:1px solid rgba(255,255,255,.095);border-radius:.72rem;padding:.82rem;background:#ffffff09}.export-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}.export-mode-tabs button{min-width:0;min-height:2.25rem;border:1px solid rgba(255,255,255,.09);border-radius:.56rem;background:#07090e70;color:var(--muted);cursor:pointer;font-weight:760;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.export-mode-tabs button:hover{transform:translateY(-1px)}.export-mode-tabs button.is-active{border-color:#20c9976b;background:#20c99724;color:#effff9}.export-section-title,.export-location-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-width:0}.export-section-title strong,.export-location-row strong,.export-metric strong,.export-clean-panel strong{display:block;overflow:hidden;color:#f2f6ff;text-overflow:ellipsis;white-space:nowrap}.export-location-row{min-height:3.1rem;border-radius:.64rem;padding:.72rem;background:#06080c52}.export-location-row>div{min-width:0}.export-secondary-button{cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}.export-secondary-button{min-height:2.1rem;border:1px solid rgba(117,222,248,.28);border-radius:.58rem;padding:0 .72rem;background:#75def814;color:#dff9ff;font-weight:760}.export-secondary-button:hover{transform:translateY(-1px)}.export-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.54rem}.export-metric{min-width:0;border-radius:.58rem;padding:.68rem;background:#06080c57}.export-clean-panel{display:grid;gap:.35rem;border:1px solid rgba(32,201,151,.28);border-radius:.72rem;padding:.82rem;background:#20c99714}.export-clean-list{display:grid;gap:.46rem;margin:0;padding-left:1rem;color:#d7dfef;font-size:.78rem;line-height:1.45}.profile-stack{gap:0}.avatar{display:grid;width:2rem;height:2rem;place-items:center;border:2px solid #1dcf78;border-radius:999px;background:linear-gradient(145deg,#2e3444,#11131b);color:#f9fbff;font-size:.68rem;font-weight:900}.avatar+.avatar{margin-left:-.45rem}.avatar-muted{border-color:#ff5c7c}.editor-workspace{display:grid;min-height:0;grid-template-columns:4.95rem 23rem minmax(0,1fr);grid-template-rows:minmax(0,1fr) clamp(17rem,30vh,22rem);gap:0;background:#101016}.insert-rail{display:flex;grid-row:1 / 3;flex-direction:column;align-items:center;min-height:0;gap:.32rem;border-right:1px solid var(--line);padding:.9rem .42rem;background:#0c0c11}.rail-button{--rail-accent: var(--media-a);--rail-accent-2: var(--media-b);--rail-glow: rgba(56, 189, 248, .1);display:grid;width:4.05rem;min-height:4.25rem;place-items:center;gap:.28rem;border-radius:.86rem;background:transparent;color:var(--muted)}.rail-button[data-insert-tool=asset]{--rail-accent: var(--media-a);--rail-accent-2: var(--media-b);--rail-glow: rgba(125, 223, 100, .12)}.rail-button[data-insert-tool=text]{--rail-accent: var(--text-a);--rail-accent-2: var(--text-b);--rail-glow: rgba(244, 246, 251, .1)}.rail-button[data-insert-tool=shape]{--rail-accent: var(--shape-a);--rail-accent-2: var(--shape-b);--rail-glow: rgba(79, 140, 255, .12)}.rail-button[data-insert-tool=background]{--rail-accent: var(--background-a);--rail-accent-2: var(--background-b);--rail-glow: rgba(240, 93, 94, .12)}.rail-button[data-insert-tool=audio]{--rail-accent: var(--audio-a);--rail-accent-2: var(--audio-b);--rail-glow: rgba(244, 185, 66, .12)}.rail-button .rail-icon{display:grid;width:2.28rem;height:2.28rem;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:.72rem;background:linear-gradient(145deg,#ffffff0a,#ffffff03),#15151b;color:var(--rail-accent);box-shadow:inset 0 0 0 1px #ffffff06}.rail-button .rail-icon .lucide-icon{width:1.08rem;height:1.08rem;stroke-width:2.15}.rail-button:hover .rail-icon{border-color:#fff3;background:linear-gradient(145deg,#ffffff0d,#ffffff04),#171820;color:var(--rail-accent)}.rail-button small{font-size:.64rem;font-weight:760}.rail-button.is-active{color:#fff;background:#ffffff0a}.rail-button.is-active .rail-icon{border-color:var(--rail-accent);background:linear-gradient(145deg,#ffffff0b,#ffffff04),#15151b;color:var(--rail-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rail-accent) 12%,transparent)}.properties-inspector{display:grid;grid-row:1 / 3;min-width:0;min-height:0;grid-template-rows:3.85rem minmax(0,1fr);overflow:hidden;border-right:1px solid var(--line);background:#15151b}.inspector-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0;overflow:hidden;border-bottom:1px solid var(--line);padding:0 1.05rem}.inspector-top>div{min-width:0;flex:1 1 auto}.inspector-top strong{display:block;overflow:hidden;font-size:.92rem;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.inspector-top span,.timeline-source{display:block;margin-top:.12rem;overflow:hidden;color:var(--muted);font-size:.72rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.collapse-button,.inspector-add-button{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.62rem;background:transparent;color:var(--muted);font-weight:800}.inspector-add-button{flex:0 0 2rem;border:1px solid rgba(255,255,255,.12);background:#ffffff09;color:#e5ebf7}.inspector-add-button .lucide-icon{width:1rem;height:1rem;stroke-width:2.25}.collapse-button:hover,.inspector-add-button:hover{background:#ffffff0f;color:var(--text)}.inspector-scroll{min-height:0;overflow:auto}.inspector-block{padding:1rem 1.05rem;border-bottom:1px solid var(--line)}.inspector-block>strong,.block-heading strong{display:block;margin-bottom:.7rem;font-size:.82rem}.inspector-block p{margin:0 0 .85rem;color:var(--muted);font-size:.78rem;line-height:1.5}.muted-block{background:#ffffff05}.block-heading{justify-content:space-between;gap:1rem;margin-bottom:.78rem}.block-heading strong{margin:0}.block-heading span{color:var(--muted);font-size:.72rem}.wide-action{width:100%;border:1px solid rgba(117,222,248,.45);background:linear-gradient(180deg,#75def82e,#75def814);color:#e8fbff}.preset-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem}.mode-segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.preset-option{display:grid;min-width:0;min-height:3.15rem;gap:.18rem;border:1px solid var(--line);border-radius:.62rem;padding:.48rem;background:#ffffff09;color:var(--muted);text-align:left;cursor:pointer}.mode-option,.decision-button{display:grid;min-width:0;min-height:3.35rem;gap:.2rem;border:1px solid var(--line);border-radius:.68rem;padding:.62rem;background:#ffffff09;color:var(--muted);text-align:left;cursor:pointer}.preset-option strong,.preset-option span,.mode-option strong,.mode-option span,.decision-button strong,.decision-button span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-option strong,.mode-option strong,.decision-button strong{color:#dce5f7;font-size:.7rem}.preset-option span,.mode-option span,.decision-button span{color:var(--muted-2);font-size:.61rem}.preset-option.is-active,.mode-option.is-active{border-color:#75def894;background:#75def81f}.preset-option.is-active span,.mode-option.is-active span{color:#9eeafa}.import-decision{background:#75def809}.decision-actions{display:grid;gap:.48rem;margin-bottom:.56rem}.ghost-wide-action{width:100%;min-height:2.1rem;border:1px solid var(--line);border-radius:.62rem;background:#ffffff09;color:var(--muted);font-weight:760;cursor:pointer}.property-grid{display:grid;grid-template-columns:6.4rem minmax(0,1fr);gap:.52rem .8rem;margin:0;font-size:.75rem}.property-grid dt{color:var(--muted)}.property-grid dd{min-width:0;margin:0;overflow:hidden;color:#dfe5f5;text-align:right;text-overflow:ellipsis;white-space:nowrap}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.number-field{display:grid;gap:.32rem;border:1px solid var(--line);border-radius:.68rem;padding:.62rem;background:#ffffff09}.number-field span,.metric-grid span{color:var(--muted);font-size:.65rem}.number-field strong,.metric-grid strong{overflow:hidden;color:#f0f4ff;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.number-field small{margin-left:.18rem;color:var(--muted-2);font-size:.64rem}.transform-field input{min-width:0;width:100%;border:0;border-radius:.4rem;padding:.28rem .36rem;background:#0000002e;color:#f0f4ff;font-size:.78rem;font-variant-numeric:tabular-nums;outline:1px solid transparent}.transform-field input:focus{outline-color:#75def894}.asset-list{display:grid;gap:.56rem}.asset-library-panel{min-width:0;padding:.86rem}.asset-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:.7rem}.panel-empty-state{grid-column:1 / -1;min-height:6.2rem;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.12);border-radius:.74rem;padding:1rem;color:var(--muted);font-size:.72rem;line-height:1.45;text-align:center}.asset-placement-decision{grid-column:1 / -1;border:1px solid rgba(255,255,255,.095);border-radius:.72rem;padding:.72rem;background:#ffffff09}.asset-placement-decision>strong{display:block;margin-bottom:.28rem;overflow:hidden;color:#edf3ff;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.asset-placement-decision p{margin:0 0 .62rem;color:var(--muted);font-size:.68rem;line-height:1.45}.asset-library-card{position:relative;display:grid;min-width:0;aspect-ratio:.78;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(255,255,255,.095);border-radius:.72rem;padding:0;background:#ffffff09}.asset-import-pending{border-color:#75def842;background:#75def80e}.asset-import-pending .asset-thumb:after{position:absolute;inset:0;content:"";background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.08) 42%,transparent 70%);animation:assetImportSweep 1.35s ease-in-out infinite}.asset-import-badge{position:absolute;right:.44rem;bottom:.44rem;z-index:1;border:1px solid rgba(117,222,248,.38);border-radius:999px;padding:.16rem .42rem;background:#080c12b8;color:#dff8ff;font-size:.58rem;font-weight:820}.asset-add-card{min-height:8.7rem;place-items:center;grid-template-rows:1fr;color:#edf3ff;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.asset-add-card:hover{border-color:#ffffff38;background:#ffffff0e;transform:translateY(-1px)}.asset-add-plus{display:grid;width:2.55rem;height:2.55rem;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:.72rem;background:#ffffff0e}.asset-add-plus .lucide-icon{width:1.25rem;height:1.25rem}.tool-create-panel{padding:.86rem}.tool-create-card{width:100%;min-height:9.4rem;gap:.58rem;color:#f4f6fb}.tool-create-card strong{color:#f4f6fb;font-size:.82rem;font-weight:760}.preset-panel{padding:.86rem}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem}.preset-card{display:grid;min-width:0;min-height:5.2rem;place-items:center;gap:.46rem;border:1px solid rgba(255,255,255,.095);border-radius:.74rem;padding:.62rem;background:#ffffff09;color:#e8edf8;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.preset-card:hover{transform:translateY(-1px);border-color:#ffffff38;background:#ffffff0d}.preset-card strong{max-width:100%;overflow:hidden;font-size:.68rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.text-preset-sample{display:grid;min-width:5.6rem;min-height:2.5rem;place-items:center;border-radius:.56rem;background:#f4f6fbf2;color:#1c2029;font-size:.84rem;font-weight:740;letter-spacing:0}.shape-preview{display:block;width:3rem;height:2.25rem;background:#62b7ff;box-shadow:0 .8rem 1.4rem #62b7ff21}.shape-preview-rectangle{width:3.25rem;height:1.9rem;border-radius:.32rem}.shape-preview-circle{width:2.35rem;height:2.35rem;border-radius:999px}.shape-preview-triangle{width:2.7rem;height:2.35rem;clip-path:polygon(50% 0,100% 100%,0 100%)}.shape-preview-diamond{width:2.35rem;height:2.35rem;transform:rotate(45deg);border-radius:.18rem}.shape-preview-star{width:2.55rem;height:2.55rem;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.shape-preview-line{width:3.35rem;height:.34rem;border-radius:999px}.background-swatch-preview{display:block;width:3.2rem;height:2.35rem;border:1px solid rgba(255,255,255,.16);border-radius:.52rem;background:var(--background-preset);box-shadow:inset 0 0 0 1px #ffffff06}.selected-layer-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.68rem;margin:.86rem;border:1px solid rgba(255,255,255,.095);border-radius:.74rem;padding:.7rem;background:#ffffff09}.selected-layer-icon{display:grid;width:2.2rem;height:2.2rem;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:.66rem;color:#dfe7f6;background:#ffffff09}.selected-layer-icon .lucide-icon{width:1.04rem;height:1.04rem}.selected-layer-card strong,.selected-layer-card span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-layer-card strong{color:#f3f6ff;font-size:.78rem}.selected-layer-card span{margin-top:.12rem;color:var(--muted);font-size:.66rem}.text-content-field{display:grid;gap:.36rem;margin-top:.72rem}.text-content-primary{margin-top:0}.text-content-field span{color:var(--muted);font-size:.68rem}.text-content-field textarea,.text-inline-field input,.text-inline-field select,.text-hex-input{min-width:0;width:100%;border:0;border-radius:.42rem;background:#0003;color:#f0f4ff;outline:1px solid transparent}.text-content-field textarea{resize:vertical;min-height:3.35rem;padding:.48rem .54rem;line-height:1.35}.text-inspector-panel{padding:.95rem 1.05rem 1.05rem}.text-toolbar{display:grid;grid-template-columns:minmax(7.2rem,1.35fr) repeat(2,minmax(4.5rem,.7fr));gap:.46rem}.text-form-stack{display:grid;gap:.54rem;margin-top:.58rem}.text-field-row{display:grid;min-width:0;gap:.46rem}.text-field-row-two{grid-template-columns:repeat(2,minmax(0,1fr))}.text-field-row-three{grid-template-columns:minmax(7rem,1.32fr) minmax(5.2rem,.95fr) minmax(3.55rem,.62fr)}.text-full-field{width:100%}.text-inline-field,.text-color-field{display:grid;min-width:0;gap:.28rem}.text-inline-field span,.text-color-field>span{color:var(--muted);font-size:.64rem}.text-inline-field input,.text-inline-field select{height:2.05rem;padding:0 .46rem;font-size:.76rem}.text-dropdown-field select{appearance:none;background:linear-gradient(45deg,transparent 50%,rgba(240,244,255,.8) 50%) calc(100% - .75rem) 52% / .35rem .35rem no-repeat,#0003}.text-segment-field{grid-column:span 1}.text-segment-control{display:grid;height:2.05rem;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid rgba(255,255,255,.095);border-radius:.42rem;background:#0003}.text-segment-control button{border-right:1px solid rgba(255,255,255,.07);background:transparent;color:var(--muted);font-size:.7rem;font-weight:800;cursor:pointer}.text-segment-control button:last-child{border-right:0}.text-segment-control button.is-active{background:#ffffff1f;color:#f4f6fb}.text-color-field{margin-top:.64rem}.text-color-row{display:grid;grid-template-columns:repeat(7,1.48rem) minmax(0,1fr);align-items:center;gap:.36rem}.text-color-swatch{width:1.48rem;height:1.48rem;border:1px solid rgba(255,255,255,.16);border-radius:.42rem;background:var(--swatch);cursor:pointer}.text-color-swatch.is-active{outline:2px solid rgba(255,255,255,.84);outline-offset:2px}.text-hex-input{height:2.05rem;padding:0 .48rem;font-size:.74rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.text-readonly-field input{color:var(--muted);cursor:default}.text-content-field textarea:focus,.text-inline-field input:focus,.text-inline-field select:focus,.text-hex-input:focus{outline-color:#f4f6fb7a}.asset-thumb{position:relative;min-height:0;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 36%),#0a0c12b8}.asset-thumb img,.asset-thumb video{display:block;width:100%;height:100%;object-fit:cover}.asset-thumb-placeholder{display:grid;height:100%;min-height:5.4rem;place-items:center;color:#ecf2ffbd}.asset-thumb-placeholder .lucide-icon{width:1.55rem;height:1.55rem}.asset-card-meta{display:grid;grid-template-columns:1.62rem minmax(0,1fr) 1.42rem;align-items:center;gap:.34rem;min-width:0;min-height:2.55rem;border-top:1px solid rgba(255,255,255,.075);padding:.38rem}.asset-card-action,.asset-type-icon{display:grid;width:1.48rem;height:1.48rem;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:.44rem;background:#ffffff0a;color:#edf3ff}.asset-card-action{cursor:pointer}.asset-card-action-disabled{opacity:.48}.asset-card-action:hover{border-color:#ffffff3d;background:#ffffff13}.asset-card-action-disabled:hover{border-color:#ffffff1c;background:#ffffff0a}.asset-card-action .lucide-icon,.asset-type-icon .lucide-icon{width:.88rem;height:.88rem}.asset-card-meta strong{display:block;min-width:0;overflow:hidden;color:#e9eefb;font-size:.68rem;font-weight:720;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.asset-card,.diagnostic-card{display:grid;border:1px solid var(--line);border-radius:.78rem;background:#ffffff09}.asset-card{grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.72rem;padding:.72rem}.asset-icon{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.62rem;background:#75def81f;color:var(--cyan);font-size:.62rem;font-weight:900}.asset-card strong,.asset-card span,.diagnostic-card strong,.diagnostic-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card strong{color:#ecf2ff;font-size:.78rem}.asset-card span,.diagnostic-card span{margin-top:.16rem;color:var(--muted);font-size:.68rem}.asset-missing{border-color:#ff5c7c73;background:#ff5c7c14}.fx-pill{display:inline-flex;min-height:1.9rem;align-items:center;margin:0 .4rem .4rem 0;border:1px solid rgba(164,106,255,.4);border-radius:999px;padding:0 .65rem;background:#a46aff1f;color:#dccbff;font-size:.72rem;font-weight:800}.empty-state,.ok-state{color:var(--muted);font-size:.76rem;line-height:1.45}.ok-state{color:#8ee7b3}.diagnostic-card{padding:.68rem}.diagnostic-card+.diagnostic-card{margin-top:.5rem}.diagnostic-card strong{color:#ffd684;font-size:.74rem}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.metric-grid div{display:grid;min-width:0;gap:.24rem;border:1px solid var(--line);border-radius:.64rem;padding:.6rem;background:#ffffff07}.stage-workbench{display:grid;grid-column:3;grid-row:1;min-width:0;min-height:0;grid-template-rows:minmax(0,1fr);background:#101016}.stage-tool-button{min-height:2rem;border-radius:.58rem;padding:0 .7rem;font-size:.72rem}.preview-stage{display:grid;min-height:0;place-items:center;overflow:hidden;padding:1rem;background:#101016}.preview-surface-frame{position:relative;display:grid;place-items:stretch;aspect-ratio:var(--preview-aspect, 16 / 9);overflow:hidden;max-inline-size:100%;max-block-size:calc(100% - .25rem);border:1px solid rgba(255,255,255,.13);border-radius:1rem;background:#15161d;box-shadow:none}.preview-surface-frame[data-orientation=portrait]{inline-size:auto;block-size:min(62vh,38rem)}.preview-surface-frame[data-orientation=landscape]{inline-size:min(66vw,58rem);block-size:auto}.preview-canvas{display:block;inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;background:#15161d}.canvas-overlay{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none}.canvas-overlay[data-enabled=true]{pointer-events:auto}.editor-workspace[data-canvas-tool=pan] .canvas-overlay{pointer-events:none}.editor-workspace[data-canvas-tool=move] .canvas-overlay[data-enabled=true]{cursor:default}.editor-workspace[data-canvas-tool=move] .canvas-layer-box{cursor:move}.canvas-layer-box{position:absolute;z-index:1;display:block;border:0;padding:0;background:transparent;cursor:default;pointer-events:auto}.canvas-layer-box:active{cursor:move}.canvas-layer-box.is-selected{z-index:5}.canvas-layer-outline{position:absolute;inset:0;border:1.25px solid rgba(255,255,255,.9);border-radius:.22rem;box-shadow:0 0 0 1px #06080e80,0 .45rem 1.2rem #0000002e;pointer-events:none}.canvas-resize-handle,.canvas-rotate-handle{position:absolute;z-index:7;display:block;width:.62rem;height:.62rem;border:1.25px solid rgba(7,9,16,.92);border-radius:999px;background:#f8fafff5;box-shadow:0 0 0 1px #ffffff29,0 .2rem .55rem #00000047}.canvas-resize-nw,.canvas-resize-se{cursor:nwse-resize}.canvas-resize-ne,.canvas-resize-sw{cursor:nesw-resize}.canvas-resize-n,.canvas-resize-s{cursor:ns-resize}.canvas-resize-e,.canvas-resize-w{cursor:ew-resize}.canvas-resize-nw{top:-.31rem;left:-.31rem}.canvas-resize-n{top:-.31rem;left:calc(50% - .31rem)}.canvas-resize-ne{top:-.31rem;right:-.31rem}.canvas-resize-e{top:calc(50% - .31rem);right:-.31rem}.canvas-resize-se{right:-.31rem;bottom:-.31rem}.canvas-resize-s{bottom:-.31rem;left:calc(50% - .31rem)}.canvas-resize-sw{bottom:-.31rem;left:-.31rem}.canvas-resize-w{top:calc(50% - .31rem);left:-.31rem}.canvas-rotate-handle{bottom:-2.08rem;left:calc(50% - .42rem);width:.84rem;height:.84rem;border-color:#ffd660f2;background:radial-gradient(circle at 50% 50%,rgba(255,214,96,.96) 0 22%,transparent 24%),#0d0f16f5;cursor:grab}.canvas-rotate-handle:before{position:absolute;bottom:.78rem;left:calc(50% - 1px);width:1.5px;height:1.22rem;background:#ffffffb8;content:"";pointer-events:none}.canvas-rotate-handle:after{position:absolute;inset:.18rem;border:1.35px solid rgba(255,214,96,.95);border-left-color:transparent;border-radius:999px;content:"";pointer-events:none;transform:rotate(-36deg)}body.is-canvas-layer-moving,body.is-canvas-layer-scaling,body.is-canvas-layer-rotating{-webkit-user-select:none;user-select:none}body.is-canvas-layer-moving{cursor:grabbing}body.is-canvas-layer-scaling{cursor:nwse-resize}body.is-canvas-layer-rotating{cursor:grabbing}.preview-blocked{max-width:34rem;border:1px solid rgba(255,92,124,.34);border-radius:1rem;padding:1rem;color:#ffd7e6;background:#49172c40;line-height:1.45}.timeline-panel{position:relative;display:grid;grid-column:3;grid-row:2;min-height:0;grid-template-rows:2.44rem minmax(0,1fr);border-top:1px solid var(--line);background:#111116}.editor-workspace[data-layout-mode=sideTimeline]{grid-template-columns:4.95rem 23rem clamp(23.5rem,28vw,36rem) minmax(24rem,1fr);grid-template-rows:minmax(0,1fr)}.editor-workspace[data-layout-mode=sideTimeline] .insert-rail,.editor-workspace[data-layout-mode=sideTimeline] .properties-inspector{grid-row:1}.editor-workspace[data-layout-mode=sideTimeline] .stage-workbench{grid-column:3;grid-row:1}.editor-workspace[data-layout-mode=sideTimeline] .preview-stage{align-items:center;justify-items:start;padding:1rem 1.25rem .45rem 1.5rem}.editor-workspace[data-layout-mode=sideTimeline] .preview-surface-frame[data-orientation=portrait]{block-size:min(calc(100vh - 7.5rem),56rem);max-block-size:calc(100vh - 6.75rem)}.editor-workspace[data-layout-mode=sideTimeline] .stage-timebar{justify-items:center;min-height:2.6rem;padding:0 1.25rem .78rem 1.5rem}.editor-workspace[data-layout-mode=sideTimeline] .timeline-panel{grid-column:4;grid-row:1;border-top:0;border-left:1px solid var(--line)}.editor-workspace[data-layout-mode=sideTimeline] .transport-bar{min-height:3.45rem;flex-wrap:nowrap;align-content:center;gap:.5rem;padding:0 .75rem}.editor-workspace[data-layout-mode=sideTimeline] .play-button{width:1.78rem;min-width:1.78rem;height:1.78rem;min-height:1.78rem}.editor-workspace[data-layout-mode=sideTimeline] .time-readout{font-size:.76rem}.editor-workspace[data-layout-mode=sideTimeline] .timeline-source{flex:1 1 auto;min-width:0;margin-left:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.editor-workspace[data-layout-mode=sideTimeline] .timeline-actions{flex:0 0 auto}.transport-bar{min-width:0;display:grid;grid-template-columns:minmax(14rem,1fr) auto minmax(16rem,1fr);align-items:center;gap:.62rem;border-bottom:1px solid var(--line);padding:0 .72rem}.timeline-toolbar-left,.timeline-toolbar-right{display:flex;min-width:0;align-items:center}.timeline-toolbar-left{justify-content:flex-start;gap:.42rem}.timeline-toolbar-right{justify-content:flex-end;gap:.5rem}.lucide-icon{display:block;width:.9rem;height:.9rem}.timeline-icon-button{display:grid;flex:0 0 auto;width:1.78rem;min-width:1.78rem;height:1.78rem;min-height:1.78rem;place-items:center;border:1px solid var(--line);border-radius:.5rem;padding:0;background:#ffffff0b;color:#cbd3e5;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.timeline-icon-button[data-timeline-action]{background:#ffffff05;color:#cbd3e552;opacity:.38;cursor:default}.timeline-icon-button[data-timeline-action].is-ready{background:#ffffff0b;color:#cbd3e5;opacity:1;cursor:pointer}.timeline-icon-button:hover{border-color:#75def85c;background:#75def81c;color:#effcff;transform:translateY(-1px)}.timeline-icon-button:disabled:hover{border-color:var(--line);background:#ffffff05;color:#cbd3e552;transform:none}.timeline-icon-button.danger:hover{border-color:#ff5c7c61;background:#ff5c7c1f;color:#ffd7e0}.timeline-icon-button .lucide-icon{width:.82rem;height:.82rem}.timeline-toolbar-divider{flex:0 0 auto;width:1px;height:1.12rem;margin:0 .02rem;background:var(--line-strong)}.timeline-edit-tools{display:flex;flex:0 0 auto;align-items:center;gap:.28rem}.play-button{border-color:#75def866;background:#75def821;color:#effcff}.time-readout{display:inline-flex;min-height:1.62rem;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.075);border-radius:999px;padding:0 .58rem;background:#ffffff09;color:#cdd5e5;font-size:.73rem;font-variant-numeric:tabular-nums}.timeline-source{min-width:0;overflow:hidden;color:#b2b8ccbd;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.timeline-actions{display:flex;flex:0 0 auto;gap:.45rem}.timeline-shell{position:relative;min-height:0;overflow:auto;padding:.08rem .72rem 1.42rem}.timeline-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:.84rem}.timeline-content{--track-label-width: 10.8rem;--timeline-time-width: 40rem;--timeline-content-width: calc(var(--track-label-width) + var(--timeline-time-width));position:relative;display:grid;width:var(--timeline-content-width);min-width:var(--timeline-content-width);grid-template-columns:var(--track-label-width) var(--timeline-time-width);grid-template-rows:1.02rem;grid-auto-rows:2.48rem;row-gap:.24rem}.timeline-scroll-overlay{position:absolute;z-index:30;right:.72rem;bottom:.26rem;left:.72rem;display:grid;min-width:0;grid-template-columns:auto minmax(7rem,1fr) auto;align-items:center;gap:.28rem;border:1px solid rgba(255,255,255,.058);border-radius:.48rem;padding:.12rem .18rem;background:#0e0e13b8;box-shadow:0 .45rem 1.2rem #0000002e;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.timeline-scroll-overlay[data-overflow=false] .timeline-scroll-track{opacity:.46}.timeline-scroll-tools{display:flex;align-items:center;gap:.22rem}.timeline-mini-button{display:grid;width:1.36rem;height:1.36rem;place-items:center;border:1px solid var(--line);border-radius:.42rem;padding:0;background:#ffffff0b;color:#c9d2e4;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.timeline-mini-button:hover{border-color:#75def857;background:#75def81c;color:#effcff;transform:translateY(-1px)}.timeline-mini-button .lucide-icon{width:.72rem;height:.72rem}.timeline-scroll-track{position:relative;height:.28rem;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:linear-gradient(90deg,#75def814,#a46aff14),#ffffff09;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.timeline-scroll-thumb{position:absolute;top:.045rem;bottom:.045rem;left:0;min-width:1.7rem;border:0;border-radius:999px;padding:0;background:linear-gradient(90deg,#75def8e0,#148effc7);box-shadow:0 0 0 1px #ffffff29,0 .12rem .48rem #148eff33;cursor:grab;touch-action:none}.timeline-scroll-thumb:active,body.is-timeline-scroll-dragging .timeline-scroll-thumb{cursor:grabbing}body.is-timeline-scroll-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.timeline-ruler-label{grid-column:1;grid-row:1}.time-ruler{position:relative;grid-column:2;grid-row:1;min-width:0;width:var(--timeline-time-width);height:1.02rem;border-bottom:0;--ruler-label-height: .8rem;--ruler-separator-size: .22rem}.time-tick{position:absolute;transform:translate(-50%)}.time-tick.second-label{top:0;width:0;height:0;background:transparent}.time-tick.second-separator{top:calc((var(--ruler-label-height) - var(--ruler-separator-size)) / 2);width:var(--ruler-separator-size);height:var(--ruler-separator-size);border-radius:999px;background:#9aa4bcd1}.time-tick.frame{top:.68rem;width:1px;height:.32rem;border-radius:0;background:#ffffff18}.time-tick.frame.second{top:.56rem;width:1px;height:.48rem;border-radius:999px;background:#abb5cf3d}.time-tick.frame.major:not(.second){height:.52rem;background:#ffffff2e}.time-tick span{position:absolute;top:-1.08rem;left:50%;color:var(--muted-2);font-size:.63rem;white-space:nowrap;transform:translate(-50%)}.time-tick.second-label span{top:0;line-height:var(--ruler-label-height)}.timeline-track{display:contents}.track-label{--track-accent: #8f98ad;grid-column:1;display:grid;min-width:0;grid-template-columns:1.46rem minmax(0,1fr) auto;align-items:center;column-gap:.38rem;align-self:center;padding-right:.58rem;color:#a7afc2;font-size:.74rem}.track-label[data-track-clip-id]:not([data-track-clip-id=""]){cursor:pointer}[data-layer-reorder-handle]{cursor:grab;touch-action:none}body.is-layer-stack-dragging,body.is-layer-stack-dragging [data-layer-reorder-handle]{cursor:grabbing;-webkit-user-select:none;user-select:none}.track-label.is-stack-drag-source{opacity:.72}.track-label.is-stack-drag-source .track-kind-icon,.track-label.is-stack-drag-source .track-kind-name{transform:translateY(-1px)}.timeline-track.is-selected .track-kind-icon{border-color:color-mix(in srgb,var(--track-accent) 62%,rgba(255,255,255,.18))}.timeline-track.is-selected .track-kind-name{color:color-mix(in srgb,var(--track-accent) 48%,#ffffff)}.track-label[data-layer-type=video],.track-label[data-layer-type=image]{--track-accent: var(--media-a)}.track-label[data-layer-type=text]{--track-accent: var(--text-a)}.track-label[data-layer-type=shape]{--track-accent: var(--shape-a)}.track-label[data-layer-type=background]{--track-accent: var(--background-a)}.track-label[data-layer-type=audio]{--track-accent: var(--audio-a)}.track-kind-icon{grid-column:1;display:grid;width:1.46rem;height:1.46rem;place-items:center;border:1px solid rgba(255,255,255,.085);border-radius:.48rem;background:#151821;color:var(--track-accent)}.track-kind-icon .lucide-icon{width:.9rem;height:.9rem;stroke-width:2.25}.track-kind-name{grid-column:2;min-width:0;overflow:hidden;color:color-mix(in srgb,var(--track-accent) 72%,#d9dfed);font-weight:820;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.track-label[data-layer-type=text] .track-kind-name{color:#e9edf6}.track-controls{grid-column:3;display:inline-flex;min-width:2.44rem;align-items:center;justify-content:flex-start;gap:.2rem;justify-self:end}.track-controls.is-compact{min-width:1.1rem}.track-control-button{display:grid;width:1.1rem;height:1.1rem;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:.36rem;padding:0;background:#ffffff08;color:#aeb7ca;cursor:pointer}.track-control-button:hover{border-color:color-mix(in srgb,var(--track-accent) 58%,rgba(255,255,255,.16));color:color-mix(in srgb,var(--track-accent) 82%,white)}.track-control-button.is-off{border-color:#ffffff0d;color:#5d6474}.track-control-button .lucide-icon{width:.66rem;height:.66rem;stroke-width:2.25}.track-lane{position:relative;grid-column:2;align-self:center;min-width:0;width:var(--timeline-time-width);height:1.98rem;border-radius:.5rem;background:#121620}.timeline-track.is-layer-hidden .track-lane{opacity:.46}.timeline-track.is-layer-muted .track-lane{box-shadow:inset 0 0 0 1px #f4b94233}.timeline-clip{position:absolute;top:.14rem;bottom:.14rem;display:flex;align-items:center;min-width:.32rem;overflow:hidden;border:2px solid transparent;border-radius:.42rem;padding:0 .62rem;color:#ffffffeb;font-size:.72rem;font-weight:720;line-height:1.08;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.timeline-clip.is-selected{border-color:#fffffff5;box-shadow:none;outline:0}.timeline-clip.is-editing,body.is-clip-moving{cursor:grabbing}body.is-clip-moving,body.is-clip-trimming{-webkit-user-select:none;user-select:none}body.is-clip-trimming{cursor:ew-resize}.timeline-clip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.clip-trim-handle{position:absolute;z-index:2;top:0;bottom:0;width:.52rem;cursor:ew-resize;touch-action:none}.clip-trim-handle:after{content:"";position:absolute;top:22%;bottom:22%;width:2px;border-radius:2px;background:#ffffffeb;opacity:0;transition:opacity 90ms ease}.clip-trim-handle-start{left:0}.clip-trim-handle-start:after{left:2px}.clip-trim-handle-end{right:0}.clip-trim-handle-end:after{right:2px}.timeline-clip:hover .clip-trim-handle:after,.timeline-clip.is-selected .clip-trim-handle:after,.timeline-clip.is-editing .clip-trim-handle:after{opacity:.72}.clip-video,.clip-image{background:var(--media-a);color:#ffe1e3}.clip-shape{background:var(--shape-a);color:#12314f}.clip-text{background:var(--text-a);color:#343842}.clip-audio{background:var(--audio-a);color:#10331f}.clip-background{background:var(--background-a);color:#d7d9e0}.clip-unknown{background:#4b5563}.playhead{position:absolute;top:0;bottom:0;left:0;z-index:5;width:2px;background:var(--yellow);box-shadow:0 0 .9rem #ffd760bf;pointer-events:auto}.timeline-time-viewport{position:absolute;z-index:4;top:0;bottom:0;left:var(--track-label-width);width:var(--timeline-time-width);pointer-events:none}.timeline-snap-guide{position:absolute;z-index:4;top:.86rem;bottom:.1rem;width:1px;transform:translate(-50%);border-radius:999px;background:#dee7ff6b;box-shadow:0 0 0 1px #60a5fa1a,0 0 .75rem #94a3b833;pointer-events:none}.timeline-snap-guide[hidden]{display:none}.layer-stack-drop-guide{position:absolute;z-index:18;right:.32rem;left:.32rem;height:2px;transform:translateY(-50%);border-radius:999px;background:#f4f6fbe6;box-shadow:0 0 0 1px #ffffff24,0 0 1rem #75def847;pointer-events:none}.layer-stack-drop-guide[hidden]{display:none}.playhead-handle{position:absolute;top:-.78rem;bottom:0;left:50%;width:1.7rem;border:0;padding:0;background:transparent;cursor:ew-resize;pointer-events:auto;transform:translate(-50%)}.playhead-handle:after{content:"";position:absolute;top:.08rem;left:50%;width:.72rem;height:.72rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:var(--yellow);box-shadow:0 0 #ffd76000,0 0 .7rem #ffd76052;transform:translate(-50%);transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.playhead-handle:hover:after,.playhead-handle:focus-visible:after,body.is-live-scrubbing .playhead-handle:after{border-color:#ffffffb3;box-shadow:0 0 0 .22rem #ffd76029,0 0 1rem #ffd76075;transform:translate(-50%) scale(1.08)}.playhead-handle:focus-visible{outline:none}.playhead:before{content:"";position:absolute;top:-.4rem;left:50%;width:.56rem;height:.56rem;border-radius:999px;background:var(--yellow);transform:translate(-50%)}@keyframes assetImportSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}