:root{color:#f9f8ff;background:#09080d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;color-scheme:dark;--ink: #f9f8ff;--muted: #a6a1b2;--panel: rgba(24, 21, 33, .88);--line: rgba(255, 255, 255, .1);--violet: #ac7cff;--acid: #ccff42;--hot: #ff4fd8;--danger: #ff7891}*{box-sizing:border-box}[hidden]{display:none!important}html{min-width:320px;min-height:100%;background:#09080d}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden}button{font:inherit}button,[role=slider]{-webkit-tap-highlight-color:transparent}button:focus-visible,[role=slider]:focus-visible{outline:3px solid var(--acid);outline-offset:3px}button:disabled{cursor:wait;opacity:.6}h1,h2,p{margin:0}h1{font-size:clamp(2.1rem,9vw,4.5rem);line-height:.93;letter-spacing:-.055em}h2{font-size:1.1rem;letter-spacing:-.02em}#app{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 8% 0%,rgba(172,124,255,.19),transparent 34rem),linear-gradient(145deg,#0d0a13,#09080d 48%,#100b13)}.centered-view{width:min(100%,38rem);min-height:100vh;min-height:100dvh;display:grid;align-content:center;gap:1.15rem;margin:0 auto;padding:max(2rem,env(safe-area-inset-top)) max(1.35rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1.35rem,env(safe-area-inset-left))}.centered-view:before{content:"";position:fixed;inset:auto -10vw 9vh;height:1px;transform:rotate(-8deg);background:linear-gradient(90deg,transparent,var(--hot),transparent);box-shadow:0 0 28px 3px #ff4fd840;pointer-events:none}.eyebrow,.section-label{color:var(--violet);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.lede{max-width:31rem;color:#d5d1df;font-size:1.02rem;line-height:1.6}.muted,.privacy-note{color:var(--muted);font-size:.86rem;line-height:1.5}.form-error{min-height:1.5em;color:var(--danger);font-size:.9rem;font-weight:700}.brand-mark{width:3.4rem;height:2rem;display:flex;align-items:end;gap:.3rem}.brand-mark span{width:.55rem;background:var(--acid);box-shadow:0 0 18px #ccff4266}.brand-mark span:nth-child(1){height:45%}.brand-mark span:nth-child(2){height:100%;background:var(--hot)}.brand-mark span:nth-child(3){height:70%;background:var(--violet)}.primary-action,.secondary-action,.quiet-action,.icon-action,.nudge-action,.boundary-card{min-height:44px;border:1px solid transparent;border-radius:.75rem;color:var(--ink);cursor:pointer;font-weight:800}.primary-action{width:100%;min-height:3.6rem;border-color:#ccff4280;color:#121506;background:var(--acid);box-shadow:0 .9rem 2.5rem #ccff421f}.quiet-action{padding:.65rem .85rem;border-color:var(--line);background:#ffffff0a}.secondary-action{padding:.7rem;border-color:#ac7cff59;background:#ac7cff1f}.icon-action,.nudge-action{padding:.65rem .8rem;border-color:var(--line);background:#292333}.editor-shell{width:min(100%,76rem);min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.35rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.app-header{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.35rem}.app-header h1{margin-top:.3rem;font-size:clamp(2rem,8vw,3.8rem)}.editor-grid{display:grid;gap:1.2rem}.preview-column,.control-column{min-width:0}.source-heading,.panel-heading,.framing-panel{display:flex;justify-content:space-between;align-items:center;gap:1rem}.source-heading{width:min(100%,25rem);margin:0 auto .8rem}.source-heading h2,.panel-heading h2,.framing-panel h2{margin-top:.2rem}.live-pill{padding:.35rem .5rem;border:1px solid rgba(204,255,66,.45);border-radius:999px;color:var(--acid);font-size:.65rem;font-weight:900;letter-spacing:.1em}.phone-stage{display:grid;place-items:center}.preview-frame{position:relative;width:min(68vw,18rem);aspect-ratio:9 / 16;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:1.1rem;background:#030303;box-shadow:0 1.5rem 5rem #0000008f,0 0 0 .35rem #ac7cff0f;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.preview-frame.is-dragging{cursor:grabbing}.preview-media{position:absolute;max-width:none;object-fit:fill;pointer-events:none}.frame-guides{position:absolute;inset:0;pointer-events:none}.frame-guides:before,.frame-guides:after,.frame-guides span{content:"";position:absolute;background:#fff3}.frame-guides:before,.frame-guides:after{top:0;bottom:0;width:1px}.frame-guides:before{left:33.333%}.frame-guides:after{right:33.333%}.frame-guides span{left:0;right:0;height:1px}.frame-guides span:first-child{top:33.333%}.frame-guides span:last-child{bottom:33.333%}.drag-hint{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);padding:.35rem .5rem;border-radius:.3rem;color:#fff;background:#0000009e;font-size:.58rem;font-weight:900;letter-spacing:.13em;white-space:nowrap;pointer-events:none}.crop-readout{margin-top:.8rem;color:var(--muted);font-size:.75rem;text-align:center}.control-column{display:grid;align-content:start;gap:.9rem}.panel{border:1px solid var(--line);border-radius:1rem;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.transport{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.55rem;padding:.65rem}.time-display{display:grid;justify-items:end}.time-display span,.duration-badge span{color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}.time-display strong,.duration-badge strong{font-variant-numeric:tabular-nums}.trim-panel{padding:1rem}.duration-badge{display:grid;justify-items:end}.boundary-grid,.set-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.boundary-grid{margin-top:.9rem}.boundary-card{display:grid;gap:.25rem;justify-items:start;padding:.8rem;border-color:var(--line);background:#ffffff09}.boundary-card span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.boundary-card strong{font-size:1.18rem;font-variant-numeric:tabular-nums}.boundary-card.is-active{border-color:var(--acid);box-shadow:inset 0 -3px 0 var(--acid)}.set-grid{margin-top:.65rem}.nudge-grid{display:grid;grid-template-columns:minmax(4.5rem,auto) 1fr minmax(4.5rem,auto);align-items:center;gap:.5rem;margin-top:.65rem}.nudge-grid span{color:var(--muted);font-size:.72rem;text-align:center}.framing-panel{padding:.85rem 1rem}.extension-slot{min-width:0}.extension-slot:empty{display:none}.editor-status{min-height:1.4em;color:var(--danger);font-size:.82rem;line-height:1.4}.timeline-panel,.effect-panel,.render-panel{padding:1rem}.timeline-time{color:var(--acid);font-size:.85rem;font-variant-numeric:tabular-nums}.timeline-scroll{margin-top:.85rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:rgba(172,124,255,.5) transparent}.timeline-stage{position:relative;min-width:34rem;height:5.8rem}.thumbnail-strip{position:absolute;inset:0 0 1.35rem;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(4.25rem,1fr);overflow:hidden;border:1px solid var(--line);border-radius:.65rem .65rem .2rem .2rem;background:linear-gradient(90deg,#ac7cff1f,#ff4fd814),#131019}.thumbnail-strip img{width:100%;height:100%;min-width:0;object-fit:cover;opacity:.72}.time-ruler{position:absolute;inset:auto 0 0;height:1.55rem;border-top:1px solid rgba(204,255,66,.4);cursor:crosshair;touch-action:none}.time-ruler:before,.time-ruler:after,.ruler-tick{position:absolute;top:0;width:1px;height:.48rem;background:#ffffff8c;content:""}.time-ruler:before{left:0}.time-ruler:after{right:0}.ruler-tick.tick-quarter{left:25%}.ruler-tick.tick-half{left:50%}.ruler-tick.tick-three-quarter{left:75%}.timeline-playhead{position:absolute;top:-4.45rem;bottom:0;width:2px;transform:translate(-1px);background:var(--acid);box-shadow:0 0 .65rem #ccff42b3;pointer-events:none}.timeline-playhead:after{position:absolute;top:-.1rem;left:50%;width:.72rem;height:.72rem;border-radius:50%;transform:translate(-50%,-50%);background:var(--acid);content:""}.timeline-edges{display:flex;justify-content:space-between;margin-top:.2rem;color:var(--muted);font-size:.68rem;font-variant-numeric:tabular-nums}.timeline-note{min-height:1.25em;margin-top:.5rem;color:var(--muted);font-size:.74rem}.effect-panel .panel-heading{align-items:end}.effect-track{position:relative;height:3.1rem;margin-top:.9rem;border:1px solid var(--line);border-radius:.65rem;background:#ffffff06}.effect-track:before{position:absolute;inset:50% 0 auto;height:1px;background:#ffffff14;content:""}.effect-block{position:absolute;top:.35rem;bottom:.35rem;display:block;border:1px solid rgba(255,79,216,.75);border-radius:.5rem;color:#160612;background:linear-gradient(90deg,var(--hot),var(--violet));box-shadow:0 0 1.2rem #ff4fd838}.effect-block span{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;padding-inline:.25rem;font-size:.58rem;font-weight:950;letter-spacing:.08em;text-align:center;white-space:nowrap;pointer-events:none}.effect-handle{position:absolute;top:50%;z-index:1;width:44px;height:44px;min-height:44px;padding:0;border:0;color:currentColor;background:transparent;cursor:ew-resize;touch-action:none}.effect-handle:after{display:block;width:3px;height:1.45rem;margin:auto;border-radius:999px;background:#0a050cbf;content:""}.effect-handle-left{left:0;transform:translate(-50%,-50%)}.effect-handle-right{right:0;transform:translate(50%,-50%)}.triple-preview{position:absolute;inset:0;z-index:1;background:#030303;pointer-events:none}.triple-band{position:relative;width:100%;height:33.333%;overflow:hidden;border-bottom:1px solid rgba(204,255,66,.25)}.triple-band:last-child{border-bottom:0}.triple-band-media{position:absolute;max-width:none;object-fit:fill}.frame-guides,.drag-hint{z-index:2}.render-panel progress{width:min(8rem,28vw);height:.55rem;accent-color:var(--acid)}.render-status{min-height:1.4em;margin-top:.8rem;color:var(--muted);font-size:.82rem;line-height:1.45}.render-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.8rem}.render-actions .primary-action{grid-column:1 / -1}.render-actions button:only-child{grid-column:1 / -1}@media(min-width:800px){.editor-shell{padding-top:max(1.5rem,env(safe-area-inset-top))}.editor-grid{grid-template-columns:minmax(22rem,.95fr) minmax(22rem,1.05fr);align-items:start;gap:clamp(1.5rem,5vw,4rem)}.preview-column{position:sticky;top:1.5rem}.preview-frame{width:min(38vw,21rem)}}@media(max-width:390px){.editor-shell{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.app-header .quiet-action{padding-inline:.65rem}.transport{grid-template-columns:1fr 1fr}.transport .time-display{grid-column:1 / -1;grid-template-columns:1fr auto;justify-items:initial}.timeline-stage{min-width:30rem}.render-actions{grid-template-columns:1fr}.render-actions .primary-action{grid-column:auto}}@media(prefers-reduced-motion:no-preference){button{transition:transform .12s ease,border-color .12s ease,background-color .12s ease}button:active{transform:translateY(1px) scale(.99)}.brand-mark span{animation:levels 1.8s ease-in-out infinite alternate;transform-origin:bottom}.brand-mark span:nth-child(2){animation-delay:-.7s}.brand-mark span:nth-child(3){animation-delay:-1.2s}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@keyframes levels{to{transform:scaleY(.45)}}