@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.text-clip{text-overflow:clip}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--background:#050610;--foreground:#f4f3ff;--studio-bg:#050610;--panel:#0d1020;--line:#8b99d229;--cyan:#59d5ff;--violet:#996cff;--magenta:#e85cff;--text:#f4f3ff;--muted:#8f96b4;--radius:.625rem}*{box-sizing:border-box}html,body{background:var(--studio-bg);min-height:100%;color:var(--text);margin:0}body{font-family:Arial,Helvetica,sans-serif;overflow:hidden}button{font:inherit}.studio-page{background:radial-gradient(circle at 48% -20%, #534cc733, transparent 35%), var(--studio-bg);min-height:100vh}.mobile-poster{display:none}.studio-shell{background:linear-gradient(160deg,#080a15,#04050c 72%);height:100vh;min-height:700px;position:relative;overflow:hidden}.studio-shell:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 25%,#2eb7ff12,#0000 24%),radial-gradient(circle at 88% 18%,#b34dff14,#0000 26%);position:absolute;inset:0}.studio-topbar{z-index:5;border-bottom:1px solid var(--line);background:#080a16f0;grid-template-columns:270px 1fr auto;align-items:center;height:64px;padding:0 15px;display:grid;position:relative;box-shadow:0 8px 30px #0000003d}.brand{align-items:center;gap:8px;display:flex}.brand-mark{letter-spacing:-.08em;background:linear-gradient(135deg, var(--cyan), var(--violet) 56%, var(--magenta));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;line-height:1}.brand-copy{flex-direction:column;line-height:1;display:flex}.brand-copy strong{letter-spacing:-.04em;font-size:19px;font-weight:500}.brand-copy small{color:var(--muted);letter-spacing:.22em;margin-top:4px;font-size:8px}.project-title{text-align:center;justify-self:center}.project-title button{color:var(--text);background:0 0;border:0;align-items:center;gap:6px;margin:3px auto 0;font-size:14px;font-weight:650;display:flex}.save-state{color:#747c9c;justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.top-actions{align-items:center;gap:6px;display:flex}.locked-control,.login-button{border:1px solid var(--line);color:#8d94b2;cursor:pointer;background:#111426;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 10px;transition:border-color .18s,color .18s,transform .18s;display:inline-flex}.locked-control:hover{color:#b7bed9;border-color:#747ca861;transform:translateY(-1px)}.export-button{border-color:#8f61ff52}.login-button{color:#f7f4ff;background:linear-gradient(135deg,#2784cfd1,#7a43d9d1);border-color:#5ad5ff8c;box-shadow:0 0 22px #59b2ff1f}.studio-workspace{grid-template-rows:minmax(360px,58%) 42%;grid-template-columns:76px 218px minmax(360px,1fr) 255px;height:calc(100vh - 64px);display:grid;position:relative}.tool-rail{border-right:1px solid var(--line);background:#080a16;grid-row:1/3;padding:12px 8px}.tool-rail .locked-control{background:0 0;border-color:#0000;flex-direction:column;gap:4px;width:60px;height:56px;margin-bottom:5px;font-size:10px}.tool-rail .locked-control.active{color:var(--cyan);box-shadow:inset 2px 0 var(--cyan);background:linear-gradient(135deg,#36a0ff1f,#8a4dff1a);border-color:#56cdff2e}.media-panel,.inspector{background:#0b0d1beb;min-width:0;overflow:hidden}.media-panel{border-right:1px solid var(--line);padding:16px 13px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.panel-heading h2{margin:2px 0 0;font-size:16px}.panel-heading .locked-control{min-height:30px;padding:0 8px}.eyebrow{color:var(--violet);letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:800}.search-box{border:1px solid var(--line);color:#69708e;background:#090b18;border-radius:7px;align-items:center;gap:7px;height:33px;padding:0 9px;font-size:11px;display:flex}.media-tabs{gap:5px;margin:12px 0;display:flex}.media-tabs button{color:#707793;background:0 0;border:0;padding:4px 7px;font-size:10px}.media-tabs button.selected{color:var(--cyan);border-bottom:1px solid var(--cyan)}.media-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.media-card{border:1px solid var(--line);text-align:left;color:#bbc1da;background:#0a0c19;border-radius:7px;min-width:0;padding:0;position:relative;overflow:hidden}.media-thumb{aspect-ratio:16/10;filter:saturate(.9)brightness(.72);background:url(/studio-mobile-poster.webp) 50%/280% no-repeat;display:block}.media-thumb-1{background-position:45% 52%}.media-thumb-2{background-position:76% 42%}.media-thumb-3{background-position:60% 68%}.media-thumb-4{background-position:83% 55%}.media-card small{text-overflow:ellipsis;white-space:nowrap;padding:5px 6px;font-size:9px;display:block;overflow:hidden}.media-type{width:19px;height:17px;color:var(--cyan);background:#050711cc;border-radius:4px;place-items:center;display:grid;position:absolute;top:5px;left:5px}.upload-drop{color:#59617e;border:1px dashed #7671bf4d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:74px;margin-top:10px;font-size:9px;display:flex}.upload-drop strong{color:#858ca9;font-size:10px}.preview-area{background:radial-gradient(circle at 50% 30%,#32366429,#0000 55%);flex-direction:column;min-width:0;padding:15px 22px 8px;display:flex}.preview-stage{flex:1;place-items:center;min-height:0;display:grid}.preview-image{aspect-ratio:16/9;background:url(/studio-mobile-poster.webp) 78% 46%/155% no-repeat;border:1px solid #756dcd52;border-radius:3px;width:min(100%,690px);position:relative;overflow:hidden;box-shadow:0 22px 60px #0000007a,0 0 45px #634cff1a}.preview-shade{background:linear-gradient(90deg,#050713d1,#0607122e 52%,#0607122e);position:absolute;inset:0}.preview-copy{text-shadow:0 3px 22px #05050c;flex-direction:column;display:flex;position:absolute;top:50%;left:8%;transform:translateY(-50%)}.preview-copy span{letter-spacing:-.06em;font-size:clamp(20px,2.6vw,39px);font-weight:750}.preview-copy strong{color:#0000;background:linear-gradient(90deg,#fff,#b9c6ff);-webkit-background-clip:text;background-clip:text;font-size:clamp(25px,3.4vw,52px);font-weight:300;line-height:.96}.preview-copy small{color:#afa8e7;letter-spacing:.22em;margin-top:12px;font-size:clamp(7px,.7vw,10px);font-weight:700}.preview-play{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#110f2ba6;border:1px solid #76dfffbf;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #6177ff5c}.transport{color:#737b9b;align-items:center;gap:6px;min-height:38px;font-size:10px;display:flex}.transport .locked-control{background:0 0;border:0;min-height:28px;padding:0 7px}.transport-spacer{flex:1}.timecode{font-variant-numeric:tabular-nums;margin-left:5px}.timecode b{color:#ced2e5;font-weight:550}.inspector{border-left:1px solid var(--line)}.inspector-title{border-bottom:1px solid var(--line);color:#cdd2e5;align-items:center;gap:8px;height:46px;padding:0 14px;font-size:12px;display:flex}.inspector-section{border-bottom:1px solid var(--line);padding:12px 13px}.section-heading{color:#bfc4d9;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.color-wheels{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px;display:grid}.color-wheels div{color:#777e9c;flex-direction:column;align-items:center;gap:5px;font-size:9px;display:flex}.color-wheel{background:linear-gradient(#0e1120, #0e1120) padding-box, conic-gradient(from 20deg, #ff5da8, var(--wheel), #49e5ff, #f6ed7d, #ff5da8) border-box;border:5px solid #0000;border-radius:50%;width:42px;height:42px;display:block}.slider-row{color:#7e85a2;grid-template-columns:62px 1fr 22px;align-items:center;gap:6px;margin:8px 0;font-size:9px;display:grid}.slider-row i{background:#252a40;border-radius:3px;height:3px;overflow:hidden}.slider-row i b{background:linear-gradient(90deg, var(--cyan), var(--violet));height:100%;display:block}.slider-row small{text-align:right;color:#9097b3}.filter-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.filter-grid button{color:#777e99;background:0 0;border:1px solid #0000;border-radius:6px;padding:3px;font-size:8px}.filter-grid button span{aspect-ratio:1.4;filter:saturate(.75)brightness(.64);background:url(/studio-mobile-poster.webp) 78% 48%/430% no-repeat;border-radius:4px;margin-bottom:3px;display:block}.filter-grid button:nth-child(2) span{filter:saturate(1.6)hue-rotate(15deg)}.filter-grid button:nth-child(3) span{filter:sepia(.65)}.filter-grid button:nth-child(4) span{filter:contrast(1.25)saturate(.7)}.filter-grid button:nth-child(5) span{filter:contrast(1.5)saturate(.5)}.filter-grid button:nth-child(6) span{filter:hue-rotate(280deg)saturate(1.5)}.filter-grid button.selected{color:var(--cyan);background:#46b1ff0f;border-color:#53cdff73}.effect-toggle{color:#8188a5;grid-template-columns:16px 1fr 24px;align-items:center;gap:4px;padding:6px 0;font-size:10px;display:grid}.effect-toggle i{background:#24283d;border-radius:10px;width:24px;height:13px}.effect-toggle i:after{content:"";background:#656c88;border-radius:50%;width:9px;height:9px;margin:2px;display:block}.effect-toggle i.on{background:#6b5af1b8}.effect-toggle i.on:after{background:#d7d5ff;margin-left:13px}.timeline{border-top:1px solid var(--line);background:#080a15;grid-column:2/5;min-width:0;box-shadow:0 -10px 30px #00000029}.timeline-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:5px;height:39px;padding:0 10px;display:flex}.timeline-toolbar .locked-control{background:0 0;border:0;min-height:27px;padding:0 7px}.timeline-time{color:#b8bdd4;font-variant-numeric:tabular-nums;margin-left:10px;font-size:10px}.zoom-line{background:#282c40;border-radius:3px;width:90px;height:3px;margin-left:auto}.zoom-line span{background:var(--violet);width:58%;height:100%;display:block}.timeline-body{grid-template-columns:72px 1fr;height:calc(100% - 39px);display:grid}.track-labels{border-right:1px solid var(--line);background:#0a0c18;padding-top:24px}.track-labels span{color:#69708d;border-bottom:1px solid #858fbc14;align-items:center;gap:7px;height:41px;padding:0 11px;font-size:9px;display:flex}.tracks{background:repeating-linear-gradient(90deg,#0000 0 calc(16.66% - 1px),#848ebd0f calc(16.66% - 1px) 16.66%);min-width:0;position:relative;overflow:hidden}.ruler{border-bottom:1px solid var(--line);color:#515872;justify-content:space-between;align-items:center;height:24px;padding:0 18px;font-size:8px;display:flex}.track{border-bottom:1px solid #858fbc14;height:41px;position:relative}.clip{background:url(/studio-mobile-poster.webp) 50%/260% no-repeat;border:1px solid #5db5ff73;border-radius:4px;position:absolute;inset-block:4px;overflow:hidden;box-shadow:inset 0 0 0 999px #15245047}.clip span{z-index:1;color:#d9e8ff;background:#050712b8;border-radius:3px;margin:5px;padding:2px 4px;font-size:8px;position:relative}.clip-one{background-position:73% 45%;width:28%;left:1%}.clip-two{background-position:82% 48%;width:36%;left:29.3%}.clip-three{background-position:91% 51%;width:27%;left:65.6%}.text-clip{color:#e9c8ff;background:#6f2da552;border:1px solid #c05cff85;border-radius:4px;width:36%;height:29px;padding:7px 9px;font-size:8px;position:absolute;top:6px;left:26%}.audio-clip,.voice-clip{border-radius:4px;align-items:center;height:29px;display:flex;position:absolute;top:5px;overflow:hidden}.audio-clip{color:#70e5d0;background:#1c7c6e38;border:1px solid #47dcbe61;width:84%;left:4%}.voice-clip{color:#a99bff;background:#49399c38;border:1px solid #8975ff61;width:54%;left:34%}.waveform{white-space:nowrap;letter-spacing:2px;opacity:.7;transform:scaleY(.7)}.playhead{background:#8de8ff;width:1px;position:absolute;top:0;bottom:0;left:42%;box-shadow:0 0 8px #54d9ffcc}.playhead span{background:#8de8ff;width:9px;height:9px;position:absolute;top:18px;left:-4px;transform:rotate(45deg)}.locked-status{z-index:10;color:#7d849f;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070912d1;border:1px solid #7b73c533;border-radius:20px;align-items:center;gap:7px;padding:6px 10px;font-size:9px;display:flex;position:fixed;bottom:12px;right:14px}.status-dot{background:var(--violet);width:6px;height:6px;box-shadow:0 0 9px var(--violet);border-radius:50%}@media (max-width:1120px){.studio-topbar{grid-template-columns:200px 1fr auto}.studio-workspace{grid-template-columns:68px 190px minmax(330px,1fr) 218px}.top-actions .locked-control span{display:none}.preview-area{padding-inline:12px}}@media (max-width:767px){body{overflow:auto}.studio-shell{display:none}.mobile-poster{background:radial-gradient(circle at 50% 22%,#6d4ce238,#0000 38%),#04050c;align-content:center;gap:22px;min-height:100svh;padding:22px 16px 32px;display:grid}.mobile-poster__frame{border:1px solid #758cff59;border-radius:12px;overflow:hidden;box-shadow:0 24px 70px #0000008a,0 0 35px #644dff1f}.mobile-poster img{width:100%;height:auto;display:block}.mobile-poster p{color:#b8bdd4;text-align:center;max-width:330px;margin:0 auto;font-size:16px;line-height:1.5}}