@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Geist:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@media source(none){@layer theme,base,components,utilities;}@media source(none){@layer theme{@theme default{ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme( --font-sans--font-feature-settings, initial ); --default-font-variation-settings: --theme( --font-sans--font-variation-settings, initial ); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme( --font-mono--font-feature-settings, initial ); --default-mono-font-variation-settings: --theme( --font-mono--font-variation-settings, initial ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:--theme(--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:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-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}:-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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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: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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}}@source ".";@theme{ --color-glass-white: oklch(.185 .015 285 / .72); --color-glass-border: oklch(.25 .018 285 / .68); --color-glass-highlight: oklch(.97 .01 95 / .12); --color-vibe-primary: oklch(.97 .01 95); --color-vibe-secondary: oklch(.75 .015 285); --color-vibe-accent: oklch(.9 .22 128); --blur-glass: 18px; --radius-panel: 14px; }:root{--mocut-bg: oklch(.145 .012 285);--mocut-bg-1: oklch(.185 .015 285);--mocut-bg-2: oklch(.22 .018 285);--mocut-ink: oklch(.97 .01 95);--mocut-ink-dim: oklch(.75 .015 285);--mocut-ink-mute: oklch(.55 .02 285);--mocut-line: oklch(.3 .02 285);--mocut-line-soft: oklch(.25 .018 285 / .6);--mocut-lime: oklch(.9 .22 128);--mocut-violet: oklch(.68 .22 310);--mocut-coral: oklch(.74 .21 25);--mocut-amber: oklch(.83 .15 78);--mocut-ice: oklch(.85 .13 220);--mocut-sans: "Geist", ui-sans-serif, system-ui, sans-serif;--mocut-serif: "Instrument Serif", ui-serif, Georgia, serif;--mocut-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--mocut-panel-radius: 12px;--mocut-panel-surface: linear-gradient(180deg, color-mix(in oklab, var(--mocut-bg-2) 74%, transparent), color-mix(in oklab, var(--mocut-bg-1) 68%, transparent));--mocut-panel-edge: linear-gradient(135deg, color-mix(in oklab, var(--mocut-lime) 7%, var(--mocut-line-soft)) 0%, color-mix(in oklab, var(--mocut-line-soft) 88%, var(--mocut-bg-1)) 34%, color-mix(in oklab, var(--mocut-violet) 6%, var(--mocut-line-soft)) 100%);--mocut-panel-topline: linear-gradient(90deg, transparent, color-mix(in oklab, var(--mocut-lime) 18%, transparent), color-mix(in oklab, var(--mocut-lime) 7%, transparent), transparent);--mocut-panel-shadow: 0 24px 58px rgba(0, 0, 0, .34), 0 3px 9px rgba(0, 0, 0, .24), inset 0 1px 0 color-mix(in oklab, var(--mocut-ink) 5%, transparent);font-family:var(--mocut-sans);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--mocut-ink);background-color:var(--mocut-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;overflow:hidden;background:radial-gradient(ellipse at 50% -18%,color-mix(in oklab,var(--mocut-lime) 10%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in oklab,var(--mocut-bg-1) 44%,var(--mocut-bg)),var(--mocut-bg));letter-spacing:0}body:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(color-mix(in oklab,var(--mocut-line-soft) 52%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--mocut-line-soft) 52%,transparent) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 72%);mask-image:radial-gradient(ellipse at center,black 0%,transparent 72%);opacity:.24;pointer-events:none}#root{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden}.glass{background:var(--color-glass-white);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:1px solid var(--color-glass-border);box-shadow:0 4px 24px #0003}.glass-dark{background:#0000004d;backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border:1px solid var(--color-glass-border)}.glass-border-b{border-bottom:1px solid var(--color-glass-border)}.glass-border-t{border-top:1px solid var(--color-glass-border)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:4px;transition:background .2s ease}*:hover::-webkit-scrollbar-thumb{background:var(--color-glass-border)}::-webkit-scrollbar-thumb:hover{background:#fff3}.demo-scene{position:absolute;inset:0;display:block;width:100%;height:100%}.demo-scene-flares{mix-blend-mode:screen}.demo-slate-text text{font-family:var(--mono)}.demo-slate-brand{fill:#dfff38;font-size:22px;font-weight:600}.demo-slate-dim{fill:#8d8a99;font-size:17px}.demo-slate-label{fill:#8d8a99;font-size:15px}.demo-slate-value{fill:#f4f1ea;font-size:30px;font-weight:500}.demo-slate-small{fill:#f4f1ea;font-size:16px}@property --frame-x{syntax: "<percentage>"; inherits: true; initial-value: 0%;}.demo{--demo-ease: cubic-bezier(.22, 1, .36, 1);--demo-ease-io: cubic-bezier(.65, 0, .35, 1);position:relative;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,1fr);grid-template-areas:"bar bar" "monitor chat" "timeline timeline";gap:10px;padding:10px;border:1px solid var(--line-soft);border-radius:26px;background:linear-gradient(180deg,color-mix(in oklab,var(--bg-1) 94%,black),color-mix(in oklab,var(--bg) 96%,black));box-shadow:inset 0 1px color-mix(in oklab,var(--ink) 9%,transparent),0 70px 140px -50px #000000bf,0 0 0 1px #00000073;text-align:left}.demo-bar{grid-area:bar;display:flex;align-items:center;gap:16px;min-height:36px;padding:0 4px 0 8px}.demo-bar-project{display:flex;align-items:center;gap:9px;min-width:0;color:var(--ink);font-family:var(--mono);font-size:12px}.demo-bar-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px color-mix(in oklab,var(--lime) 22%,transparent)}.demo-bar-dim{color:var(--ink-mute);white-space:nowrap}.demo-bar-edits{display:flex;gap:4px;margin-left:auto}.demo-bar-pip{width:18px;height:4px;border-radius:4px;background:var(--line);transition:background .4s ease}.demo-bar-pip.is-on{background:var(--lime)}.demo-bar-pip.is-pending{background:color-mix(in oklab,var(--lime) 45%,var(--line));animation:demo-breathe .9s ease-in-out infinite}.demo-export{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:6px 12px;border:1px solid transparent;border-radius:999px;background:var(--lime);color:#0d0f12;font-size:12px;font-weight:600;line-height:1;box-shadow:0 8px 20px color-mix(in oklab,var(--lime) 18%,transparent);transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s ease,box-shadow .2s ease,opacity .2s ease}.demo-export svg{width:14px;height:14px}.demo-export:hover:not(:disabled){background:color-mix(in oklab,var(--lime) 90%,white);transform:translateY(-1px) scale(1.04)}.demo-export:active:not(:disabled){transform:scale(.96)}.demo-export:disabled{cursor:default}.demo-export:disabled:not(.is-exporting){box-shadow:none;opacity:.5}.demo-export.is-exporting{min-width:66px;font-variant-numeric:tabular-nums}.demo-export-spinner{width:12px;height:12px;border:2px solid color-mix(in oklab,#0d0f12 28%,transparent);border-top-color:#0d0f12;border-radius:50%;animation:demo-spin 1s linear infinite}.demo-monitor{grid-area:monitor;position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:16px;background:repeating-linear-gradient(135deg,rgb(255 255 255 / .028) 0 9px,transparent 9px 18px),#07060a;container-type:inline-size;isolation:isolate}.demo-frame{--frame-x: 0%;position:absolute;inset:0;overflow:hidden;clip-path:inset(0 var(--frame-x) round 10px);transition:--frame-x .95s var(--demo-ease-io)}.demo-monitor[data-vertical=true] .demo-frame{--frame-x: 34.18%}.demo-frame .demo-scene{filter:saturate(.74) contrast(.88) brightness(1.05);transition:filter 1.2s var(--demo-ease-io)}.demo-monitor[data-graded=true] .demo-scene{filter:saturate(1.16) contrast(1.1) brightness(.97)}.demo-log-look,.demo-grade,.demo-vignette,.demo-grain{position:absolute;inset:0;pointer-events:none;transition:opacity 1.2s var(--demo-ease-io)}.demo-log-look{background:#9692a21c}.demo-grade{opacity:0;background:linear-gradient(180deg,#083a5c6b,#ff963c33 64%,#ff6e2857);mix-blend-mode:soft-light}.demo-vignette{opacity:.3;background:radial-gradient(ellipse at 50% 46%,transparent 50%,rgb(0 0 0 / .55))}.demo-grain{inset:-64px;opacity:.07;background-image:var(--grain);background-size:128px 128px;mix-blend-mode:overlay;animation:demo-grain .5s steps(3) infinite}.demo-monitor[data-graded=true] .demo-log-look{opacity:0}.demo-monitor[data-graded=true] .demo-grade,.demo-monitor[data-graded=true] .demo-vignette{opacity:1}.demo-monitor[data-graded=true] .demo-grain{opacity:.2}@keyframes demo-grain{0%{transform:translate(0)}33%{transform:translate(-22px,14px)}66%{transform:translate(18px,-26px)}to{transform:translate(-8px,30px)}}.demo-caption{position:absolute;right:var(--frame-x);bottom:9%;left:var(--frame-x);display:flex;flex-wrap:wrap;justify-content:center;gap:0 .3em;padding-inline:5%;color:#fff;font-family:var(--sans);font-size:4.3cqw;font-weight:700;line-height:1.02;text-align:center;text-shadow:0 2px 0 rgb(0 0 0 / .4),0 0 26px rgb(0 0 0 / .5);text-transform:uppercase;pointer-events:none}.demo-monitor[data-vertical=true] .demo-caption{bottom:24%;font-size:3.2cqw}.demo-caption span{transition:color .12s ease}.demo-caption span.is-said{color:var(--lime)}.demo-caption.is-live{animation:demo-caption-in .26s var(--demo-ease) both}@keyframes demo-caption-in{0%{clip-path:inset(0 0 100% 0);transform:translateY(22%) scale(.94)}to{clip-path:inset(0 0 -20% 0);transform:none}}.demo-generating{position:absolute;inset:0;display:grid;place-content:center;gap:6px;visibility:hidden;background:var(--grain),#0c0b11;background-size:96px 96px,auto;color:var(--ink-dim);font-family:var(--mono);font-size:11px;text-align:center;text-transform:uppercase;animation:demo-static .3s steps(2) infinite}.demo-generating b{color:var(--lime);font-family:var(--serif);font-size:11cqw;font-weight:400;line-height:1}.demo-monitor[data-generating=true] .demo-generating{visibility:visible}@keyframes demo-static{to{background-position:37px 53px,0 0}}.demo-guides{position:absolute;inset:0 34.18%;z-index:2;border:1.5px dashed var(--lime);border-radius:10px;box-shadow:0 0 0 100vmax #04040880;animation:demo-guides-in .55s var(--demo-ease) both}.demo-guides span{position:absolute;top:10px;left:50%;padding:3px 7px;border-radius:999px;background:var(--lime);color:#0d0f12;font-family:var(--mono);font-size:10px;white-space:nowrap;transform:translate(-50%)}@keyframes demo-guides-in{0%{clip-path:inset(50% 0 50% 0)}to{clip-path:inset(-100vmax)}}.demo-sweep{position:absolute;top:0;bottom:0;left:0;z-index:2;width:2px;background:var(--lime);box-shadow:0 0 18px 3px color-mix(in oklab,var(--lime) 55%,transparent);pointer-events:none;animation:demo-sweep 1.15s var(--demo-ease-io) forwards}@keyframes demo-sweep{0%{opacity:1;transform:translate(0)}88%{opacity:1}to{opacity:0;transform:translate(calc(100cqw - 2px))}}.demo-hud{position:absolute;right:12px;left:12px;z-index:3;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.demo-hud-top{top:12px}.demo-hud-bottom{bottom:12px;justify-content:flex-start;gap:8px}.demo-hud-chip,.demo-timecode{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid rgb(255 255 255 / .12);border-radius:999px;background:#08080c8f;color:#fff;font-family:var(--mono);font-size:10.5px;font-weight:500;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-hud-live{width:7px;height:7px;border-radius:50%;background:var(--coral);animation:demo-blink 1.4s ease-in-out infinite}.demo-timecode{font-variant-numeric:tabular-nums}.demo-timecode-total{color:#ffffff80}.demo-play{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgb(255 255 255 / .14);border-radius:50%;background:#08080c8f;color:#fff;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s ease,transform .2s ease}.demo-play:hover{background:#08080ccc;transform:scale(1.06)}.demo-play svg{width:12px;height:12px}.demo-render{position:absolute;bottom:54px;left:50%;z-index:4;display:flex;align-items:center;gap:12px;max-width:calc(100% - 24px);padding:10px 14px;border:1px solid rgb(255 255 255 / .14);border-radius:14px;background:#0c0c10d6;color:#fff;font-family:var(--mono);font-size:11.5px;white-space:nowrap;transform:translate(-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:demo-rise .4s var(--demo-ease) both}.demo-render-bar{width:120px;height:4px;overflow:hidden;border-radius:4px;background:#ffffff24}.demo-render-bar span{display:block;height:100%;border-radius:inherit;background:var(--lime)}.demo-render-pct{min-width:3ch;color:var(--lime);font-variant-numeric:tabular-nums}.demo-render-check{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--lime);color:#0d0f12}.demo-render-check svg{width:12px;height:12px}.demo-render-label{overflow:hidden;text-overflow:ellipsis}.demo-render-link{color:var(--lime);text-decoration:underline;text-underline-offset:3px}@keyframes demo-rise{0%{clip-path:inset(100% 0 0 0 round 14px);transform:translate(-50%,14px)}to{clip-path:inset(0 round 14px);transform:translate(-50%)}}.demo-chat{grid-area:chat;position:relative;min-height:0}.demo-chat-inner{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line-soft);border-radius:16px;background:color-mix(in oklab,var(--bg) 82%,black);transition:border-color .3s ease,box-shadow .3s ease}.demo[data-busy=true] .demo-chat-inner{border-color:color-mix(in oklab,var(--lime) 28%,var(--line-soft));box-shadow:0 0 0 3px color-mix(in oklab,var(--lime) 6%,transparent)}.demo-chat-head{display:flex;align-items:center;gap:10px;padding:11px 11px 10px 13px;border-bottom:1px solid var(--line-soft)}.demo-avatar{flex-shrink:0;box-sizing:border-box;width:28px;height:28px;padding:4px;border-radius:8px;background:var(--bg);object-fit:contain}.demo-chat-who{display:flex;flex-direction:column;gap:1px;min-width:0}.demo-chat-who strong{color:var(--ink);font-size:13px;font-weight:600}.demo-chat-who span{overflow:hidden;color:var(--ink-mute);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.demo-reset{display:grid;flex-shrink:0;place-items:center;width:30px;height:30px;margin-left:auto;padding:0;border:1px solid var(--line-soft);border-radius:50%;background:transparent;color:var(--ink-dim);transition:color .2s ease,border-color .2s ease,transform .4s var(--demo-ease)}.demo-reset:hover{border-color:var(--ink-mute);color:var(--ink);transform:rotate(-200deg)}.demo-reset svg{width:14px;height:14px}.demo-log{display:flex;flex:1;flex-direction:column;gap:9px;min-height:0;padding:13px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--line) transparent;scrollbar-width:thin}.demo-msg{max-width:92%;padding:9px 12px;border-radius:14px;font-size:13px;line-height:1.45;animation:demo-msg-in .34s var(--demo-ease) both}.demo-msg p{margin:0}.demo-msg-user{align-self:flex-end;border-bottom-right-radius:4px;background:var(--ink);color:#121118}.demo-msg-agent{align-self:flex-start;border:1px solid var(--line-soft);border-bottom-left-radius:4px;background:color-mix(in oklab,var(--bg-2) 72%,transparent);color:var(--ink)}@keyframes demo-msg-in{0%{clip-path:inset(0 0 100% 0 round 14px);transform:translateY(10px)}to{clip-path:inset(0 round 0);transform:none}}.demo-tools{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.demo-tools:last-child{margin-bottom:0}.demo-tool{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 6px;border:1px solid var(--line);border-radius:999px;background:#00000047;color:var(--ink-dim);font-family:var(--mono);font-size:10.5px;animation:demo-msg-in .3s var(--demo-ease) both}.demo-tool svg{width:12px;height:12px;color:var(--lime)}.demo-tool b{color:var(--lime);font-weight:500;font-variant-numeric:tabular-nums}.demo-tool.is-done{border-color:color-mix(in oklab,var(--lime) 32%,var(--line));color:var(--ink)}.demo-spin{width:10px;height:10px;border:1.5px solid color-mix(in oklab,var(--lime) 28%,transparent);border-top-color:var(--lime);border-radius:50%;animation:demo-spin .7s linear infinite}@keyframes demo-spin{to{transform:rotate(360deg)}}.demo-typing{display:inline-flex;gap:4px;padding:4px 0}.demo-typing i{width:6px;height:6px;border-radius:50%;background:var(--ink-dim);animation:demo-bounce 1s ease-in-out infinite}.demo-typing i:nth-child(2){animation-delay:.15s}.demo-typing i:nth-child(3){animation-delay:.3s}@keyframes demo-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.demo-msg-cta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--lime);font-size:13px;font-weight:600}.demo-msg-cta:after{content:"→";transition:transform .2s ease}.demo-msg-cta:hover:after{transform:translate(3px)}.demo-suggest{padding:10px 12px 2px;border-top:1px solid var(--line-soft)}.demo-suggest-label{display:block;margin-bottom:8px;color:var(--ink-mute);font-family:var(--mono);font-size:10.5px;text-transform:uppercase}.demo-suggest-label.is-hint{color:var(--lime);animation:demo-msg-in .4s var(--demo-ease) both}.demo-chips{display:flex;flex-wrap:wrap;gap:6px}.demo-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:color-mix(in oklab,var(--bg-2) 55%,transparent);color:var(--ink-dim);font-size:13px;line-height:1.2;text-align:left;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease,opacity .2s ease}.demo-chip:hover:not(:disabled){border-color:var(--ink-mute);background:var(--bg-2);color:var(--ink);transform:translateY(-1px)}.demo-chip.is-suggested{border-color:color-mix(in oklab,var(--lime) 55%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--lime) 10%,transparent);color:var(--ink)}.demo-chip.is-suggested:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);animation:demo-breathe 1.6s ease-in-out infinite}.demo-chip:disabled{cursor:default;opacity:.45}.demo-finale{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:4px;color:var(--ink-dim);font-size:13px}.demo-finale button{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;font-size:12.5px}.demo-finale button:first-of-type{border-color:transparent;background:var(--lime);color:#0d0f12;font-weight:600}.demo-compose{display:flex;align-items:center;gap:8px;margin:10px 12px 12px;padding:5px 5px 5px 13px;border:1px solid var(--line);border-radius:14px;background:#00000042;transition:border-color .2s ease,box-shadow .2s ease}.demo-compose:focus-within{border-color:color-mix(in oklab,var(--lime) 60%,var(--line));box-shadow:0 0 0 3px color-mix(in oklab,var(--lime) 10%,transparent)}.demo-compose input{flex:1;min-width:0;height:32px;padding:0;border:0;outline:none;background:transparent;color:var(--ink);font-family:var(--sans);font-size:13.5px}.demo-compose input:focus-visible{outline:none}.demo-compose input::placeholder{color:var(--ink-mute)}.demo-compose button{display:grid;flex-shrink:0;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:10px;background:var(--lime);color:#0d0f12;transition:background .2s ease,color .2s ease,transform .2s ease}.demo-compose button:hover:not(:disabled){transform:translateY(-1px)}.demo-compose button:disabled{cursor:default;background:var(--bg-2);color:var(--ink-mute)}.demo-compose button svg{width:15px;height:15px}.dt{--dt-row: 36px;--dt-ruler: 28px;--dt-divider: color-mix(in oklab, var(--line-soft) 34%, transparent);grid-area:timeline;overflow:hidden;border:1px solid var(--line-soft);border-radius:16px;background:radial-gradient(680px 220px at 28% 0%,color-mix(in oklab,var(--lime) 4%,transparent),transparent 66%),linear-gradient(180deg,color-mix(in oklab,var(--bg-1) 52%,var(--bg)),color-mix(in oklab,var(--bg) 82%,black));-webkit-user-select:none;user-select:none}.dt-body{display:grid;grid-template-columns:132px minmax(0,1fr)}.dt-labels{display:flex;flex-direction:column;border-right:1px solid var(--line-soft);background:color-mix(in oklab,var(--bg-1) 38%,transparent)}.dt-label{display:flex;flex-shrink:0;align-items:center;gap:7px;height:var(--dt-row);padding:0 9px 0 12px;overflow:hidden;border-bottom:1px solid var(--dt-divider);color:var(--ink-dim);font-size:11px;transition:height .55s var(--demo-ease),opacity .4s ease,border-color .4s ease}.dt-label-name{flex:1;min-width:0;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.dt-label svg{flex-shrink:0;width:12px;height:12px;color:#fff9;opacity:.55}.dt-label svg:last-child{color:#ffffff4d}.dt-label-ruler{height:var(--dt-ruler);padding:0;border-bottom-color:var(--line-soft);background:color-mix(in oklab,var(--bg-2) 22%,transparent)}.dt-lanes{position:relative;display:flex;flex-direction:column;outline:none;cursor:col-resize;touch-action:pan-y;container-type:inline-size}.dt-lanes:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--lime) 55%,transparent)}.dt-ruler{position:relative;flex-shrink:0;height:var(--dt-ruler);border-bottom:1px solid var(--line-soft);background-color:color-mix(in oklab,var(--bg-1) 58%,transparent);background-image:repeating-linear-gradient(90deg,color-mix(in oklab,var(--ink) 20%,transparent) 0 1px,transparent 1px calc(100% / 27));background-position:bottom left;background-repeat:no-repeat;background-size:100% 6px;box-shadow:inset 0 1px color-mix(in oklab,var(--ink) 3.5%,transparent)}.dt-ruler span{position:absolute;top:0;bottom:0;padding:5px 0 0 5px;color:color-mix(in oklab,var(--ink) 58%,transparent);font-size:10.5px;font-variant-numeric:tabular-nums;line-height:1}.dt-ruler span:before{content:"";position:absolute;top:14px;bottom:0;left:0;width:1px;background:color-mix(in oklab,var(--ink) 36%,transparent)}.dt-track{position:relative;flex-shrink:0;height:var(--dt-row);overflow:hidden;border-bottom:1px solid var(--dt-divider);background:color-mix(in oklab,var(--bg-1) 16%,transparent);transition:height .55s var(--demo-ease),opacity .4s ease,border-color .4s ease}.dt-track:last-of-type{border-bottom-color:transparent}.dt-track[data-open=false],.dt-label[data-open=false]{height:0;border-bottom-color:transparent;opacity:0}.dt-clip{position:absolute;top:2px;bottom:2px;display:flex;flex-direction:column;overflow:hidden;border:1px solid transparent;border-radius:5px;color:#ffffffe6;font-size:10px;font-weight:500;line-height:1;box-shadow:inset 0 1px #ffffff21,0 5px 12px #0000003d;transition:left .75s var(--demo-ease-io),width .75s var(--demo-ease-io),opacity .5s ease,border-color .3s ease}.dt-clip--video{border-color:#3b82f666;background:linear-gradient(135deg,#3b82f699,#2563eb80)}.dt-clip--audio{border-color:#f59e0b66;background:linear-gradient(135deg,#f59e0b99,#d9770680)}.dt-clip--composition{border-color:#7c3aed66;background:linear-gradient(135deg,#7c3aed99,#6366f180)}.dt-track[data-open] .dt-clip{animation:dt-drop .5s var(--demo-ease) both}.dt-clip-header{position:relative;z-index:2;display:flex;flex:0 0 auto;align-items:center;gap:5px;height:13px;padding:0 7px;border-bottom:1px solid rgb(0 0 0 / .22);background:#0000002e}.dt-clip--composition .dt-clip-header{padding:0 4px;border-bottom:0;background:transparent}.dt-clip-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / .55)}.dt-clip-badge{flex-shrink:0;padding:1px 4px;border-radius:3px;background:var(--lime);color:#0d0f12;font-size:8.5px;font-weight:700}.dt-clip-body{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.dt-clip--video .dt-clip-body{background-repeat:repeat-x;background-size:30px 100%}.dt-shot-wide .dt-clip-body{background-image:linear-gradient(90deg,rgb(0 0 0 / .45) 1px,transparent 1px),radial-gradient(circle at 68% 42%,#fff1cf 0 2px,transparent 3px),linear-gradient(180deg,#6f3a5d,#e2945c 52%,#6a3c5a 53%,#1c1120)}.dt-shot-sun .dt-clip-body{background-image:linear-gradient(90deg,rgb(0 0 0 / .45) 1px,transparent 1px),radial-gradient(circle at 55% 60%,#fff4d6 0 12%,#f5b068 30%,#b75b61 62%,#40244a)}.dt-shot-walker .dt-clip-body{background-image:linear-gradient(90deg,rgb(0 0 0 / .45) 1px,transparent 1px),radial-gradient(circle at 50% 62%,#fff0cc 0 24%,transparent 26%),linear-gradient(180deg,#e8914f,#f4b060 58%,#150c19 59%)}.dt-shot-ridge .dt-clip-body{background-image:linear-gradient(90deg,rgb(0 0 0 / .45) 1px,transparent 1px),linear-gradient(180deg,#e39a6a 0 26%,#a5616c 26% 46%,#71405d 46% 64%,#3f2544 64% 82%,#1d1122 82%)}.dt-shot-drone .dt-clip-body{background-image:linear-gradient(90deg,rgb(0 0 0 / .45) 1px,transparent 1px),linear-gradient(180deg,#ffd9a0,#f1ac78 40%,#fff0da 50%,#93606f 66%,#2b1a33)}.dt-slate .dt-clip-body{background:repeating-linear-gradient(-45deg,rgb(255 255 255 / .12) 0 5px,transparent 5px 10px)}.dt-slate[data-marked=true]{border-color:var(--coral);animation:dt-mark .55s ease-in-out infinite alternate}.dt-slate[data-marked=true] .dt-clip-body{background:repeating-linear-gradient(-45deg,color-mix(in oklab,var(--coral) 45%,transparent) 0 5px,transparent 5px 10px)}.dt-slate[data-gone=true]{border-width:0;opacity:0}@keyframes dt-mark{to{box-shadow:0 0 0 1px var(--coral),0 0 14px color-mix(in oklab,var(--coral) 45%,transparent)}}.dt-handle{position:absolute;top:50%;z-index:3;width:2px;height:14px;border-radius:1px;background:#ffffff4d;transform:translateY(-50%)}.dt-handle-left{left:2px}.dt-handle-right{right:2px}.dt-wave{position:absolute;inset:2px 0;width:100%;height:calc(100% - 4px)}.dt-wave path{stroke:#ffedd5d9;stroke-width:.5}.dt-duck{position:absolute;inset:1px 0;z-index:1;width:100%;height:calc(100% - 2px);animation:dt-wipe .9s var(--demo-ease) both}.dt-duck polyline{fill:none;stroke:#fff;stroke-linejoin:round;stroke-width:1.3;opacity:.9}.dt-clip[data-ducked=false] .dt-duck polyline{opacity:.35}@keyframes dt-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.dt-clip:after{content:"";position:absolute;inset:0;z-index:4;background:linear-gradient(100deg,transparent 20%,rgb(255 255 255 / .28) 50%,transparent 80%);opacity:0;transform:translate(-100%);pointer-events:none}.dt[data-pending=grade] .dt-clip--video:after,.dt[data-pending=vertical] .dt-clip--video:after,.dt-clip.is-pending:after{opacity:1;animation:dt-shimmer 1.1s ease-in-out infinite}@keyframes dt-shimmer{to{transform:translate(100%)}}.dt-clip.is-generated{animation:dt-develop .7s var(--demo-ease) both}.dt-clip.is-pending{border-color:#ffffff7a;animation:dt-drop .55s var(--demo-ease) both}.dt-clip.is-pending:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:repeating-linear-gradient(120deg,#ffffff2e 0 10px,#ffffff0a 10px 20px);background-size:23px 100%;animation:dt-stripes 1.2s linear infinite;pointer-events:none}.dt-clip.is-pending .dt-clip-body{background-image:none}.dt-clip.is-pending .dt-wave,.dt-clip--composition.is-pending .dt-clip-name{visibility:hidden}@keyframes dt-stripes{to{background-position:23px 0}}.dt-clip-progress{position:absolute;right:5px;bottom:4px;left:5px;z-index:2;height:3px;overflow:hidden;border-radius:999px;background:#00000042;box-shadow:inset 0 0 0 1px #ffffff14}.dt-clip-progress>span{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,#ffffffc7,#fffffff5);transition:width .24s ease}@keyframes dt-develop{0%{filter:brightness(2.2) saturate(0)}to{filter:none}}@keyframes dt-drop{0%{clip-path:inset(0 100% 0 0 round 5px);transform:translateY(-35%)}to{clip-path:inset(0 0 0 0 round 5px);transform:none}}.dt-render{position:absolute;top:var(--dt-ruler);bottom:0;left:0;z-index:4;border-right:1px solid var(--lime);background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--lime) 16%,transparent));pointer-events:none}.dt-playhead{position:absolute;top:0;bottom:0;left:0;z-index:5;width:0;pointer-events:none;transform:translate(calc(var(--ph, 0) * 100cqw))}.dt-playhead:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:#fffc}.dt-playhead:after{content:"";position:absolute;top:-1px;left:-7px;width:15px;height:13px;background:#fff;clip-path:polygon(0 0,100% 0,50% 65%)}@keyframes demo-breathe{0%,to{opacity:1}50%{opacity:.45}}@keyframes demo-blink{50%{opacity:.25}}@media(max-width:980px){.demo{grid-template-columns:minmax(0,1fr);grid-template-areas:"bar" "monitor" "chat" "timeline"}.demo-chat-inner{position:static}.demo-log{min-height:150px;max-height:220px}}@media(max-width:560px){.demo{gap:8px;padding:8px;border-radius:20px}.demo-bar-edits{display:none}.demo-export{margin-left:auto}.demo-hud-top .demo-hud-chip:last-child{display:none}.demo-caption{font-size:5.4cqw}.demo-chips{flex-wrap:nowrap;margin-inline:-12px;padding:0 12px 4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.demo-chips::-webkit-scrollbar{display:none}.demo-chip{flex-shrink:0;white-space:nowrap}.demo-compose input{font-size:16px}.demo-monitor[data-vertical=true] .demo-caption{font-size:4cqw}.demo-render{bottom:48px;gap:8px;padding:8px 10px;font-size:10.5px}.demo-render-bar{width:70px}.dt{--dt-row: 30px;border-radius:12px}.dt-body{grid-template-columns:62px minmax(0,1fr)}.dt-label{padding:0 6px 0 8px;font-size:10px}.dt-label svg{display:none}.dt-clip{font-size:8.5px}.dt-clip-header{height:11px;padding:0 4px}.dt-clip-badge{font-size:7.5px}.dt-ruler span{padding-left:3px;font-size:9px}}.landing-features{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.feat{position:relative;display:flex;flex-direction:column;gap:20px;min-width:0;padding:22px;overflow:hidden;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg-1)}.feat-span-7{grid-column:span 7}.feat-span-5{grid-column:span 5}.feat-span-4{grid-column:span 4}.feat-copy h3{margin:0 0 8px;color:var(--ink);font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.02}.feat-copy h3 em{color:var(--lime);font-style:italic}.feat-copy p{max-width:52ch;margin:0;color:var(--ink-dim);font-size:15px;line-height:1.5}.fb-seg{display:inline-flex;flex-wrap:wrap;align-self:flex-start;gap:3px;padding:3px;border:1px solid var(--line-soft);border-radius:999px;background:var(--bg)}.fb-seg button{padding:6px 12px;border:0;border-radius:999px;background:transparent;color:var(--ink-dim);font-size:12.5px;transition:background .2s ease,color .2s ease}.fb-seg button:hover{color:var(--ink)}.fb-seg button.is-on{background:var(--ink);color:#121118}.fb-compare{position:relative;margin-top:auto;aspect-ratio:16 / 9;overflow:hidden;border-radius:14px;outline:none;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}.fb-compare:focus-visible{box-shadow:0 0 0 2px var(--lime)}.fb-compare-layer{position:absolute;inset:0}.fb-raw .demo-scene{filter:saturate(.74) contrast(.88) brightness(1.05)}.fb-log{position:absolute;inset:0;background:#9692a21c}.fb-graded{clip-path:inset(0 0 0 calc(var(--split) * 100%))}.fb-graded .demo-scene{filter:saturate(1.16) contrast(1.1) brightness(.97)}.fb-warm,.fb-vignette{position:absolute;inset:0}.fb-warm{background:linear-gradient(180deg,#083a5c6b,#ff963c33 64%,#ff6e2857);mix-blend-mode:soft-light}.fb-vignette{background:radial-gradient(ellipse at 50% 46%,transparent 50%,rgb(0 0 0 / .55))}.fb-compare-label{position:absolute;top:12px;padding:4px 9px;border:1px solid rgb(255 255 255 / .12);border-radius:999px;background:#08080c8c;color:#fff;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.fb-compare-left{left:12px}.fb-compare-right{right:12px;font-family:var(--sans);font-size:12px;text-transform:none}.fb-handle{position:absolute;top:0;bottom:0;left:calc(var(--split) * 100%);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 14px #00000073;pointer-events:none}.fb-handle i{position:absolute;top:50%;left:50%;width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 8px 22px #00000059;transform:translate(-50%,-50%)}.fb-handle i:before,.fb-handle i:after{content:"";position:absolute;top:50%;border:5px solid transparent;transform:translateY(-50%)}.fb-handle i:before{left:7px;border-right-color:#121118}.fb-handle i:after{right:7px;border-left-color:#121118}.fb-captions{display:flex;flex-direction:column;gap:12px;margin-top:auto}.fb-frame{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:14px;container-type:inline-size}.fb-frame .demo-scene{filter:saturate(1.1) contrast(1.05)}.fb-caption{position:absolute;right:6%;bottom:10%;left:6%;display:flex;flex-wrap:wrap;justify-content:center;gap:.2em .28em;text-align:center}.fb-caption span{transition:color .15s ease,background .15s ease,transform .2s var(--ease-out)}.fb-frame[data-style=bold] .fb-caption{color:#fff;font-family:var(--sans);font-size:6.4cqw;font-weight:700;line-height:1.04;text-shadow:0 2px 0 rgb(0 0 0 / .4),0 0 24px rgb(0 0 0 / .5);text-transform:uppercase}.fb-frame[data-style=bold] .is-said{color:var(--lime)}.fb-frame[data-style=bold] .is-now{transform:scale(1.14)}.fb-frame[data-style=karaoke] .fb-caption{gap:.2em .1em;color:#fff;font-family:var(--sans);font-size:5.4cqw;font-weight:600;line-height:1.25;text-shadow:0 1px 12px rgb(0 0 0 / .5)}.fb-frame[data-style=karaoke] .fb-caption span{padding:0 .18em;border-radius:.22em}.fb-frame[data-style=karaoke] .is-said{background:var(--lime);color:#0d0f12;text-shadow:none}.fb-frame[data-style=minimal] .fb-caption{color:#ffffff52;font-family:var(--serif);font-size:6cqw;font-style:italic;line-height:1.1;text-transform:lowercase}.fb-frame[data-style=minimal] .is-said{color:#fff}.fb-frame[data-style=boxed] .fb-caption{gap:.25em;font-family:var(--mono);font-size:4.6cqw;font-weight:500;line-height:1}.fb-frame[data-style=boxed] .fb-caption span{padding:.3em .42em;background:#0a0a0ed1;color:#fff}.fb-frame[data-style=boxed] .is-said{background:#fff;color:#0d0f12}.fb-mix{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:14px;border:1px solid var(--line-soft);border-radius:14px;background:var(--bg)}.fb-lane{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px}.fb-lane-label{color:var(--ink-mute);font-family:var(--mono);font-size:10px;text-transform:uppercase}.fb-lane-body{position:relative;height:46px;border-radius:8px;background:var(--bg-1)}.fb-vo{position:absolute;top:4px;bottom:4px;display:flex;align-items:center;gap:2px;padding:0 6px;overflow:hidden;border:1px solid color-mix(in oklab,var(--coral) 55%,transparent);border-radius:6px;background:color-mix(in oklab,var(--coral) 24%,var(--bg-1))}.fb-vo i{flex:1;min-width:1px;border-radius:2px;background:color-mix(in oklab,var(--coral) 85%,white)}.fb-music{overflow:hidden;border:1px solid color-mix(in oklab,var(--ice) 40%,transparent);background:color-mix(in oklab,var(--ice) 13%,var(--bg-1))}.fb-music-bars{position:absolute;inset:6px;display:flex;align-items:center;gap:2px}.fb-music-bars i{flex:1;border-radius:2px;background:color-mix(in oklab,var(--ice) 68%,transparent)}.fb-music-bars i.is-under{transform:scaleY(calc(1 - var(--depth)))}.fb-music svg{position:absolute;inset:4px 0;width:100%;height:calc(100% - 8px)}.fb-music path{fill:none;stroke:#fff;stroke-linejoin:round;stroke-width:1.5}.fb-mix-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.fb-switch{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:var(--ink);font-size:13px}.fb-switch i{position:relative;flex-shrink:0;width:36px;height:20px;border-radius:999px;background:var(--line);transition:background .25s ease}.fb-switch i:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .25s var(--ease-out),background .25s ease}.fb-switch[aria-checked=true] i{background:var(--lime)}.fb-switch[aria-checked=true] i:after{background:#0d0f12;transform:translate(16px)}.fb-readout{color:var(--ink-mute);font-family:var(--mono);font-size:10.5px}.fb-generate{display:flex;flex-direction:column;gap:10px;margin-top:auto}.fb-prompt{display:flex;align-items:center;gap:8px;padding:5px 5px 5px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.fb-prompt-text{flex:1;min-width:0;overflow:hidden;color:var(--ink);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.fb-prompt button{flex-shrink:0;padding:6px 10px;border:0;border-radius:8px;background:var(--lime);color:#0d0f12;font-size:12px;font-weight:600}.fb-prompt button:disabled{cursor:default;background:var(--bg-2);color:var(--ink-mute)}.fb-develop{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:14px;background:#1a1822}.fb-develop .demo-scene{filter:blur(calc((1 - var(--p)) * 12px)) saturate(calc(.35 + var(--p) * .8));transform:scale(calc(1.1 - var(--p) * .1))}.fb-noise{position:absolute;inset:0;background-color:#1a1822;background-image:var(--grain);background-size:80px 80px;-webkit-mask-image:radial-gradient(circle at 50% 55%,transparent calc(var(--p) * 130% - 14%),black calc(var(--p) * 130% + 4%));mask-image:radial-gradient(circle at 50% 55%,transparent calc(var(--p) * 130% - 14%),black calc(var(--p) * 130% + 4%));animation:fb-noise .35s steps(2) infinite}@keyframes fb-noise{to{background-position:41px 23px}}.fb-develop-tag{position:absolute;bottom:10px;left:10px;padding:4px 9px;border:1px solid rgb(255 255 255 / .12);border-radius:999px;background:#08080c99;color:#fff;font-family:var(--mono);font-size:10.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fb-export{display:flex;flex-direction:column;gap:12px;margin-top:auto}.fb-canvas{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--line-soft);border-radius:14px;background:repeating-linear-gradient(135deg,rgb(255 255 255 / .03) 0 8px,transparent 8px 16px),var(--bg)}.fb-canvas-image{position:absolute;bottom:0;left:0;width:calc(var(--scale) * 100%);aspect-ratio:16 / 9;overflow:hidden;transition:width .6s var(--ease-io)}.fb-outline{position:absolute;bottom:0;left:0;z-index:2;width:calc(var(--s) * 100%);aspect-ratio:16 / 9;border:1px dashed color-mix(in oklab,var(--ink) 30%,transparent);pointer-events:none;transition:border-color .3s ease}.fb-outline b{position:absolute;top:6px;right:8px;color:#ffffffb3;font-family:var(--mono);font-size:10px;font-weight:500;text-shadow:0 1px 6px rgb(0 0 0 / .6)}.fb-outline.is-on{border:1.5px solid var(--lime)}.fb-outline.is-on b{color:var(--lime)}.fb-export-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.fb-export-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.fb-export-meta b{color:var(--ink);font-family:var(--mono);font-size:12.5px;font-weight:500}.fb-export-meta span{color:var(--ink-mute);font-size:12px}@media(max-width:1100px){.feat-span-7,.feat-span-5{grid-column:span 12}.feat-span-4{grid-column:span 6}.feat-span-4:last-child{grid-column:span 12}}@media(max-width:760px){.landing-features{grid-template-columns:minmax(0,1fr)}.feat-span-7,.feat-span-5,.feat-span-4,.feat-span-4:last-child{grid-column:auto}.feat{padding:18px}.feat-copy h3{font-size:26px}.fb-seg{border-radius:14px}.fb-seg button{padding:6px 9px;font-size:12px}}.steps{position:relative;height:290vh}.steps.is-static{height:auto;padding-block:var(--pad-y)}.steps-sticky{position:sticky;top:var(--nav-h);display:flex;align-items:center;height:calc(100vh - var(--nav-h));overflow:hidden}.steps.is-static .steps-sticky{position:static;height:auto;overflow:visible}.steps-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(36px,5vw,88px);width:100%}.steps.is-static .steps-grid{grid-template-columns:minmax(0,1fr)}.steps-title{max-width:12ch;margin-bottom:clamp(26px,4vh,40px);font-size:clamp(44px,4.6vw,70px)}.steps-list{position:relative;display:grid;gap:clamp(16px,2.6vh,26px);margin:0;padding:0 0 0 26px;list-style:none}.steps-list:before,.steps-list:after{content:"";position:absolute;top:6px;left:0;width:2px;border-radius:2px}.steps-list:before{bottom:6px;background:var(--line)}.steps-list:after{height:calc((100% - 12px) * var(--steps-fill, 0));background:var(--lime);box-shadow:0 0 12px color-mix(in oklab,var(--lime) 55%,transparent)}.steps-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;opacity:.36;transition:opacity .5s var(--ease-out)}.steps-item.is-past{opacity:.62}.steps-item.is-active{opacity:1}.steps-num{color:var(--ink-mute);font-family:var(--serif);font-size:44px;line-height:.9;transition:color .4s ease}.steps-item.is-active .steps-num{color:var(--lime)}.steps-text h3{margin:2px 0 8px;color:var(--ink);font-family:var(--serif);font-size:clamp(26px,2.3vw,34px);font-weight:400;line-height:1.05}.steps-text h3 em{color:var(--ink-dim);font-style:italic;transition:color .4s ease}.steps-item.is-active h3 em{color:var(--lime)}.steps-text p{max-width:46ch;margin:0;color:var(--ink-dim);font-size:15.5px;line-height:1.55}.steps-inline-visual{margin-top:18px;padding:18px;border:1px solid var(--line-soft);border-radius:18px;background:var(--bg-1)}.steps-stage{position:relative}.steps-monitor{position:relative;aspect-ratio:16 / 11;max-height:calc(100vh - var(--nav-h) - 150px);margin-inline:auto;overflow:hidden;border:1px solid var(--line-soft);border-radius:22px;background:radial-gradient(120% 90% at 0% 0%,color-mix(in oklab,var(--violet) 14%,transparent),transparent 60%),radial-gradient(90% 80% at 100% 100%,color-mix(in oklab,var(--lime) 7%,transparent),transparent 60%),var(--bg-1);box-shadow:0 50px 100px -40px #0009}.steps-scene{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(18px,3vw,40px);transition:clip-path .75s var(--ease-io)}.steps-scene[data-dir=now]{clip-path:inset(0 0 0 0)}.steps-scene[data-dir=past]{clip-path:inset(0 100% 0 0)}.steps-scene[data-dir=future]{clip-path:inset(0 0 0 100%)}.steps-track{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;height:30px;margin-top:16px}.steps-track span{display:flex;align-items:center;padding-left:10px;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg-1);color:var(--ink-mute);font-family:var(--mono);font-size:11px;text-transform:uppercase;transition:color .3s ease,background .3s ease,border-color .3s ease}.steps-track span.is-reached{border-color:color-mix(in oklab,var(--lime) 30%,var(--line-soft));background:color-mix(in oklab,var(--lime) 9%,var(--bg-1));color:var(--ink)}.steps-head{position:absolute;top:-6px;bottom:-6px;width:2px;margin-left:-1px;background:var(--lime);box-shadow:0 0 10px color-mix(in oklab,var(--lime) 70%,transparent)}.steps-head:before{content:"";position:absolute;top:-2px;left:-5px;width:12px;height:10px;background:var(--lime);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}.steps-tc{display:flex;justify-content:space-between;margin-top:12px;color:var(--ink-mute);font-family:var(--mono);font-size:11px;text-transform:uppercase}.steps-tc span:first-child{color:var(--ink);font-variant-numeric:tabular-nums}.sv{width:100%;max-width:560px}.sv-bar,.sv-export-head{display:flex;justify-content:space-between;margin-bottom:12px;color:var(--ink-dim);font-family:var(--mono);font-size:11px;text-transform:uppercase}.sv-dim{color:var(--ink-mute)}.sv-bin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sv-media{overflow:hidden;border:1px solid var(--line-soft);border-radius:12px;background:var(--bg-2);clip-path:inset(calc((1 - var(--c)) * 100%) 0 0 0 round 12px);transform:translateY(calc((1 - var(--c)) * 28px)) rotate(calc((1 - var(--c)) * -3deg))}.sv-thumb{position:relative;display:grid;place-items:center;aspect-ratio:16 / 10;overflow:hidden}.sv-media-video .sv-thumb{background:linear-gradient(180deg,#f5b27c,#e38468 48%,#3c7291 49%,#1d3c56)}.sv-media-image .sv-thumb{background:#efece4}.sv-logo{width:34%;aspect-ratio:1;background:url(/mocut-logo.png) center / contain no-repeat}.sv-media-audio .sv-thumb{background:color-mix(in oklab,var(--coral) 16%,var(--bg-1));color:var(--coral)}.sv-media-clip .sv-thumb{background:radial-gradient(circle at 50% 38%,#c9a58f 0 11%,transparent 11.5%),radial-gradient(ellipse 34% 30% at 50% 100%,#7d5f55 0 98%,transparent 100%),linear-gradient(180deg,#2d2b38,#1a1921)}.sv-media-ai .sv-thumb{background:linear-gradient(180deg,#ffd9a0,#f09c5c 44%,#b8606a 58%,#3d2440)}.sv-media-ai .sv-thumb:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,var(--bg-2) 0 6px,color-mix(in oklab,var(--bg-2) 70%,white) 6px 12px);clip-path:inset(0 0 0 calc(var(--c) * 100%))}.sv-media-music .sv-thumb{background:color-mix(in oklab,var(--ice) 14%,var(--bg-1));color:var(--ice)}.sv-wave{display:flex;align-items:center;gap:2px;height:52%}.sv-wave i{width:3px;height:calc(18% + var(--h) * 82%);border-radius:2px;background:currentColor}.sv-ai-badge{position:absolute;top:6px;left:6px;z-index:1;padding:1px 6px;border-radius:4px;background:var(--lime);color:#0d0f12;font-family:var(--mono);font-size:10px;font-weight:600}.sv-media-meta{display:flex;justify-content:space-between;gap:6px;padding:7px 9px;color:var(--ink-dim);font-family:var(--mono);font-size:10px}.sv-media-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-media-meta b{flex-shrink:0;color:var(--ink-mute);font-weight:500}.sv-drop{max-height:calc(var(--c) * 60px);margin-top:calc(var(--c) * 12px);padding:calc(var(--c) * 12px) 12px;overflow:hidden;border:1.5px dashed var(--line);border-radius:12px;color:var(--ink-mute);font-family:var(--mono);font-size:11px;text-align:center;clip-path:inset(0 0 calc((1 - var(--c)) * 100%) 0 round 12px)}.sv-describe{display:flex;flex-direction:column;gap:12px}.sv-bubble{align-self:flex-end;max-width:88%;padding:10px 13px;border-radius:14px 14px 4px;background:var(--ink);color:#121118;font-size:13.5px;line-height:1.45;animation:sv-in .4s var(--ease-out) both}.sv-plan{padding:12px;border:1px solid var(--line-soft);border-radius:14px;background:var(--bg-2);clip-path:inset(0 0 calc((1 - var(--c)) * 100%) 0 round 14px)}.sv-plan-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--ink-mute);font-family:var(--mono);font-size:10.5px;text-transform:uppercase}.sv-pill{padding:3px 8px;border:1px solid var(--line);border-radius:999px;color:var(--ink-dim);text-transform:none}.sv-plan-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 2px;border-top:1px solid var(--line-soft);color:var(--ink-dim);font-size:13.5px;clip-path:inset(0 100% 0 0);transform:translate(-10px);transition:clip-path .45s var(--ease-out),transform .45s var(--ease-out),color .3s ease}.sv-plan-row.is-visible{clip-path:inset(0 0 0 0);transform:none}.sv-plan-row.is-done{color:var(--ink)}.sv-check{display:grid;place-items:center;width:18px;height:18px;border:1.5px solid var(--line);border-radius:50%;color:#0d0f12;transition:background .3s ease,border-color .3s ease}.sv-check svg{width:11px;height:11px}.sv-plan-row.is-done .sv-check{border-color:var(--lime);background:var(--lime)}.sv-plan-row code{color:var(--ink-mute);font-family:var(--mono);font-size:10px}.sv-compose{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 10px 10px 14px;border:1px solid var(--line);border-radius:14px;background:#00000040}.sv-compose-text{flex:1;color:var(--ink);font-size:13.5px;line-height:1.45}.sv-placeholder{color:var(--ink-mute)}.sv-caret{display:inline-block;width:2px;height:1.05em;margin-left:1px;vertical-align:text-bottom;background:var(--lime);animation:sv-caret 1s steps(1) infinite}.sv-send{flex-shrink:0;width:28px;height:28px;border-radius:9px;background:var(--bg-2);transition:background .25s ease}.sv-send.is-ready{background:var(--lime)}.sv-export{padding:16px;border:1px solid var(--line-soft);border-radius:16px;background:var(--bg-2)}.sv-field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line-soft);color:var(--ink-mute);font-size:13px}.sv-field b{color:var(--ink);font-weight:500}.sv-seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:#00000040}.sv-seg i{padding:3px 9px;border-radius:999px;color:var(--ink-mute);font-family:var(--mono);font-size:11px;font-style:normal}.sv-seg i.is-on{background:var(--ink);color:#121118}.sv-progress{height:6px;margin-top:14px;overflow:hidden;border-radius:6px;background:#00000059}.sv-progress span{display:block;height:100%;border-radius:inherit;background:var(--lime)}.sv-status{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--ink-dim);font-family:var(--mono);font-size:11.5px}.sv-status.is-done{color:var(--lime)}.sv-status svg{width:14px;height:14px}.sv-strip{position:relative;display:grid;grid-template-columns:1.2fr .8fr 1.4fr .6fr;gap:3px;height:26px;margin-top:14px}.sv-strip i{border-radius:5px}.sv-strip-a{background:linear-gradient(180deg,#ffd9a0,#93606f)}.sv-strip-b{background:linear-gradient(180deg,#e2945c,#1c1120)}.sv-strip-c{background:linear-gradient(180deg,#c9655d,#150c19)}.sv-strip-d{background:#0d0f12 url(/mocut-logo.png) center / 20px no-repeat}.sv-strip:after{content:"";position:absolute;top:-5px;bottom:-5px;left:calc(var(--c) * 100%);width:2px;background:var(--lime);box-shadow:0 0 10px color-mix(in oklab,var(--lime) 60%,transparent)}.sv-note{margin:12px 0 0;color:var(--ink-mute);font-size:13px}@keyframes sv-in{0%{clip-path:inset(0 0 100% 0 round 14px);transform:translateY(10px)}to{clip-path:inset(0 round 14px 14px 4px 14px);transform:none}}@keyframes sv-caret{50%{opacity:0}}@media(max-width:980px){.steps-list{gap:44px}.steps-item{grid-template-columns:42px minmax(0,1fr)}.steps-num{font-size:34px}}@media(max-width:560px){.sv-bin{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-inline-visual{padding:12px}.sv-plan-row code{display:none}}@property --t{syntax: "<number>"; inherits: true; initial-value: .35;}@property --n{syntax: "<integer>"; inherits: true; initial-value: 0;}.tpl-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.tpl-filter{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-dim);font-size:13.5px;transition:color .2s ease,background .2s ease,border-color .2s ease}.tpl-filter:hover{border-color:var(--ink-mute);color:var(--ink)}.tpl-filter.is-active{border-color:var(--ink);background:var(--ink);color:#121118}.tpl-filter-count{color:var(--ink-mute);font-family:var(--mono);font-size:11px}.tpl-filter.is-active .tpl-filter-count{color:#57536a}.tpl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tpl{--t: .35;position:relative;aspect-ratio:9 / 14;overflow:hidden;border:1px solid var(--line-soft);border-radius:18px;background:var(--bg-1);cursor:ew-resize;isolation:isolate;touch-action:pan-y;transition:--t .9s var(--ease-io),transform .35s var(--ease-out),border-color .3s ease,box-shadow .35s ease}.tpl.is-skimming{transition:--t .08s linear,transform .35s var(--ease-out),border-color .3s ease,box-shadow .35s ease}.tpl:hover{border-color:var(--line);box-shadow:0 30px 60px -30px #000000b3;transform:translateY(-4px) rotate(-.4deg)}.tpl-cover{position:absolute;inset:0;overflow:hidden}.tpl-cover>*{position:absolute}.tpl-skim{position:absolute;top:0;bottom:0;left:calc(var(--t) * 100%);z-index:2;width:2px;margin-left:-1px;background:var(--lime);box-shadow:0 0 12px color-mix(in oklab,var(--lime) 70%,transparent);opacity:0;transition:opacity .2s ease;pointer-events:none}.tpl.is-skimming .tpl-skim{opacity:1}.tpl-badge,.tpl-format{position:absolute;top:12px;z-index:3;padding:4px 9px;border:1px solid rgb(255 255 255 / .14);border-radius:999px;background:#08080c8c;color:#fff;font-family:var(--mono);font-size:10px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tpl-badge{left:12px}.tpl-format{right:12px}.tpl-meta{position:absolute;right:10px;bottom:10px;left:10px;z-index:3;padding:12px 12px 12px 14px;border:1px solid rgb(255 255 255 / .1);border-radius:13px;background:#0a0a0ea8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tpl-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.tpl-name{margin:0;color:#fff;font-family:var(--serif);font-size:26px;font-weight:400;line-height:1}.tpl-clock{flex-shrink:0;padding:3px 8px;border-radius:999px;background:var(--lime);color:#0d0f12;font-family:var(--mono);font-size:10.5px;font-variant-numeric:tabular-nums}.tpl-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease-out)}.tpl-more-inner{display:flex;flex-direction:column;align-items:flex-start;min-height:0;overflow:hidden}.tpl:hover .tpl-more,.tpl:focus-within .tpl-more{grid-template-rows:1fr}.tpl-prompt{margin:8px 0 0;color:#ffffffc7;font-size:12.5px;line-height:1.45}.tpl-copy{margin-top:10px;padding:6px 11px;border:1px solid rgb(255 255 255 / .2);border-radius:999px;background:transparent;color:#fff;font-size:12px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.tpl-copy:hover{border-color:var(--lime);background:color-mix(in oklab,var(--lime) 14%,transparent)}@media(hover:none){.tpl-more{grid-template-rows:1fr}}.cv-golden{background:linear-gradient(180deg,#2b1f45,#7a3b62 30%,#e0775f 54%,#ffc983 70%,#ffe2a8 78%)}.cv-golden .cv-sun{top:calc(26% + var(--t) * 40%);left:60%;width:30%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff8e4 0 34%,#ffd08a 54%,transparent 70%);box-shadow:0 0 80px 40px #ffc4786b;transform:translate(-50%,-50%)}.cv-golden .cv-far{right:-12%;bottom:24%;left:-12%;height:24%;background:#a55b67;clip-path:polygon(0 62%,12% 30%,22% 52%,35% 16%,48% 48%,60% 24%,74% 50%,86% 20%,100% 44%,100% 100%,0 100%);transform:translate(calc(var(--t) * -7%))}.cv-golden .cv-near{right:-14%;bottom:0;left:-14%;height:30%;background:#1c1020;clip-path:polygon(0 40%,18% 22%,38% 36%,58% 12%,78% 30%,100% 18%,100% 100%,0 100%);transform:translate(calc(var(--t) * -16%))}.cv-golden .cv-walker{bottom:25%;left:calc(34% + var(--t) * 12%);width:3.2%;height:7%;border-radius:45% 45% 12% 12%;background:#1c1020}.cv-golden .cv-dusk{inset:0;background:linear-gradient(180deg,#0f0b22 10%,transparent 64%);opacity:calc(var(--t) * .85)}.cv-beat{background:radial-gradient(circle at 50% 30%,#1d2213,#0b0c0f 70%)}.cv-beat .cv-flash{inset:0;background:var(--lime);opacity:calc(clamp(0,(var(--t) - .5) * 999,1)*clamp(0,(.56 - var(--t)) * 999,1))}.cv-beat .cv-word{top:34%;left:50%;color:var(--lime);font-family:var(--sans);font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1;text-transform:uppercase;transform:translate(-50%,-50%) scale(calc(.72 + clamp(0,(var(--t) - .5) * 6,1)/2))}.cv-beat .cv-bars{right:9%;bottom:26%;left:9%;display:flex;align-items:flex-end;gap:4%;height:26%}.cv-beat .cv-bars i{flex:1;height:calc((10% + 88%*sin(var(--t) * 23 + var(--i) * .9)*sin(var(--t) * 23 + var(--i) * .9))*(.35 + .65*clamp(0,(var(--t) - .5) * 999,1)));border-radius:3px;background:var(--lime)}.cv-orbit{background:radial-gradient(circle at 50% 40%,#1c2d4d,#090d1b 72%)}.cv-orbit .cv-ring{top:40%;left:50%;aspect-ratio:1;border:1px solid rgb(160 200 255 / .26);border-radius:50%;transform:translate(-50%,-50%) rotate(calc(var(--t) * var(--speed) * 1turn))}.cv-orbit .cv-ring-1{--speed: 2.2;width:34%}.cv-orbit .cv-ring-2{--speed: -1.3;width:60%}.cv-orbit .cv-ring-3{--speed: .7;width:88%}.cv-orbit .cv-ring b{position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--ice);box-shadow:0 0 14px var(--ice)}.cv-orbit .cv-ring-2 b{background:var(--coral);box-shadow:0 0 14px var(--coral)}.cv-orbit .cv-ring-3 b{background:var(--lime);box-shadow:0 0 14px var(--lime)}.cv-orbit .cv-core{top:40%;left:50%;width:15%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#8fd0ff 40%,#2f6fb8);box-shadow:0 0 40px #78beff80;transform:translate(-50%,-50%) scale(calc(.9 + var(--t) * .25))}.cv-orbit .cv-label{top:58px;left:14px;color:#a9c9ff;font-family:var(--mono);font-size:10.5px;text-transform:uppercase}.cv-ridge{background:linear-gradient(180deg,#8ec3e6,#d9ecf2 52%,#f5eddc)}.cv-ridge .cv-l1,.cv-ridge .cv-l2,.cv-ridge .cv-l3,.cv-ridge .cv-l4{right:-24%;bottom:0;left:-24%;transform:translate(calc(var(--t) * var(--px)))}.cv-ridge .cv-l1{--px: -5%;height:60%;background:#b8cad7;clip-path:polygon(0 40%,8% 22%,16% 34%,26% 8%,36% 30%,46% 16%,58% 36%,68% 4%,80% 30%,90% 18%,100% 32%,100% 100%,0 100%)}.cv-ridge .cv-l2{--px: -10%;height:47%;background:#7e9aaf;clip-path:polygon(0 34%,12% 18%,22% 40%,34% 12%,46% 38%,56% 20%,70% 44%,82% 14%,92% 32%,100% 24%,100% 100%,0 100%)}.cv-ridge .cv-l3{--px: -17%;height:34%;background:#496276;clip-path:polygon(0 30%,14% 46%,28% 16%,40% 40%,54% 22%,66% 50%,80% 24%,100% 42%,100% 100%,0 100%)}.cv-ridge .cv-l4{--px: -28%;height:21%;background:#22303c;clip-path:polygon(0 42%,20% 24%,38% 46%,56% 20%,74% 44%,100% 26%,100% 100%,0 100%)}.cv-ridge .cv-title{top:58px;left:16px;color:#10202e;font-family:var(--serif);font-size:clamp(30px,3vw,40px);line-height:.95;clip-path:inset(0 calc(max(0,1 - var(--t) / .3)*100%) 0 0)}.cv-ridge .cv-title em{display:block;margin-top:6px;color:#35546b;font-family:var(--mono);font-size:10px;font-style:normal;text-transform:uppercase}.cv-hardcut{background:#f4f1ea}.cv-hardcut .cv-cut{inset:0;display:grid;place-items:center;padding:0 10%;color:#0d0f12;font-family:var(--sans);font-size:clamp(26px,2.8vw,36px);font-weight:700;line-height:1;text-align:center;text-transform:uppercase;opacity:calc(clamp(0,(var(--t) - var(--a)) * 999,1)*clamp(0,(var(--b) - var(--t)) * 999,1))}.cv-hardcut .cv-cut:nth-child(1){background:#f4f1ea}.cv-hardcut .cv-cut:nth-child(2){background:#0d0f12;color:var(--lime);font-size:clamp(22px,2.3vw,30px)}.cv-hardcut .cv-cut:nth-child(3){background:var(--coral)}.cv-hardcut .cv-cut:nth-child(4){background:var(--lime);font-size:clamp(48px,5vw,68px)}.cv-twoup{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;background:#121017}.cv-twoup .cv-panel{position:relative;overflow:hidden;border-radius:14px;transition:box-shadow .15s linear}.cv-twoup .cv-panel-a{background:linear-gradient(180deg,#3b2d54,#1b1626);box-shadow:inset 0 0 0 calc(clamp(0,(.5 - var(--t)) * 999,1)*2px) var(--lime)}.cv-twoup .cv-panel-b{background:linear-gradient(180deg,#2c4a53,#16222a);box-shadow:inset 0 0 0 calc(clamp(0,(var(--t) - .5) * 999,1)*2px) var(--lime)}.cv-twoup .cv-panel b{position:absolute;bottom:0;left:50%;width:78%;height:50%;background:radial-gradient(circle at 50% 24%,#d8b9a2 0 17%,transparent 17.5%),radial-gradient(ellipse 50% 44% at 50% 100%,#6c5a7a 0 98%,transparent 100%);transform:translate(-50%)}.cv-twoup .cv-panel-b b{background:radial-gradient(circle at 50% 24%,#b58f7a 0 17%,transparent 17.5%),radial-gradient(ellipse 50% 44% at 50% 100%,#3f6470 0 98%,transparent 100%)}.cv-twoup .cv-live{top:58px;left:14px;padding:3px 8px;border-radius:999px;background:var(--coral);color:#1a0d0b;font-family:var(--mono);font-size:10px;text-transform:uppercase}.cv-twoup .cv-eq{top:44%;left:50%;display:flex;align-items:center;gap:3px;height:12%;padding:0 8px;border-radius:999px;background:#08080c99;transform:translate(-50%,-50%)}.cv-twoup .cv-eq i{width:3px;height:calc(15% + 80%*sin(var(--t) * 31 + var(--i) * 1.3)*sin(var(--t) * 31 + var(--i) * 1.3));border-radius:2px;background:var(--lime)}.cv-violet{background:linear-gradient(180deg,#170f2e,#3b1b55 48%,#0b0a17)}.cv-violet .cv-rain{inset:-30%;background-image:radial-gradient(1px 10px at 50% 50%,rgb(225 205 255 / .55),transparent),radial-gradient(1px 7px at 50% 50%,rgb(225 205 255 / .35),transparent);background-position:0 calc(var(--t) * 520px),11px calc(var(--t) * 380px);background-size:23px 47px,17px 31px;transform:skew(-12deg)}.cv-violet .cv-neon{top:36%;left:50%;color:#ffd6f6;font-family:var(--serif);font-size:clamp(38px,4vw,54px);font-style:italic;line-height:1;white-space:nowrap;text-shadow:0 0 8px #ff5fd2,0 0 22px #ff2fbf,0 0 46px #b000ff;opacity:calc(.2 + .8*clamp(0,sin(var(--t) * 47 + 3.97) * 999,1));transform:translate(-50%,-50%) rotate(-4deg)}.cv-violet .cv-puddle{right:0;bottom:0;left:0;height:34%;background:radial-gradient(ellipse 50% 30% at 50% 30%,rgb(255 90 215 / calc(.1 + .25*clamp(0,sin(var(--t) * 47 + 3.97) * 999,1))),transparent),linear-gradient(180deg,transparent,rgb(8 6 16 / .8))}.cv-blueprint{background:#102f6a}.cv-blueprint .cv-grid{inset:0;background-image:linear-gradient(rgb(255 255 255 / .08) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .08) 1px,transparent 1px);background-position:calc(var(--t) * -36px) 0;background-size:18px 18px}.cv-blueprint .cv-stat{--n: calc(var(--t) * 312);top:58px;left:16px;color:#fff;font-family:var(--serif);font-size:clamp(40px,4vw,54px);line-height:1;counter-reset:stat var(--n)}.cv-blueprint .cv-stat:after{content:"+" counter(stat) "%"}.cv-blueprint .cv-stat-label{top:calc(58px + clamp(44px,4.4vw,60px));left:18px;color:#9fbfff;font-family:var(--mono);font-size:10px;text-transform:uppercase}.cv-blueprint .cv-chart{right:8%;bottom:30%;left:8%;width:84%;height:34%;overflow:visible}.cv-blueprint .cv-chart path{fill:none;stroke:var(--lime);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--t));stroke-linecap:round;stroke-width:1.6}@media(max-width:1100px){.tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.tpl-filters{flex-wrap:nowrap;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);overflow-x:auto;scrollbar-width:none}.tpl-filter{flex-shrink:0}.tpl-grid{display:flex;gap:12px;margin-inline:calc(var(--gutter) * -1);padding:4px var(--gutter) 8px;overflow-x:auto;scroll-padding-inline:var(--gutter);scroll-snap-type:x mandatory;scrollbar-width:none}.tpl-filters::-webkit-scrollbar,.tpl-grid::-webkit-scrollbar{display:none}.tpl{flex:0 0 80%;aspect-ratio:9 / 13;scroll-snap-align:start;touch-action:auto}.tpl:hover{transform:none}}body.mocut-surface-landing:before{display:none}.landing-page{--bg: oklch(.145 .012 285);--bg-1: oklch(.185 .015 285);--bg-2: oklch(.22 .018 285);--ink: oklch(.97 .01 95);--ink-dim: oklch(.75 .015 285);--ink-mute: oklch(.55 .02 285);--line: oklch(.3 .02 285);--line-soft: oklch(.25 .018 285 / .6);--lime: oklch(.9 .22 128);--violet: oklch(.68 .22 310);--coral: oklch(.74 .21 25);--ice: oklch(.85 .13 220);--sans: "Geist", ui-sans-serif, system-ui, sans-serif;--serif: "Instrument Serif", ui-serif, Georgia, serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--pad-y: 128px;--gutter: clamp(24px, 4vw, 64px);--radius: 18px;--nav-h: 68px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);height:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;background:var(--bg);color:var(--ink);font-family:var(--sans);font-feature-settings:"ss01","ss02","cv11";-webkit-font-smoothing:antialiased;letter-spacing:0;scroll-behavior:smooth;scroll-padding-top:var(--nav-h);overflow-anchor:none}.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box;letter-spacing:0}:where(.landing-page) a{color:inherit;text-decoration:none}:where(.landing-page) svg{display:block;max-width:100%}:where(.landing-page) button{color:inherit;font:inherit;cursor:pointer}.landing-page :focus-visible{outline:2px solid color-mix(in oklab,var(--lime) 80%,transparent);outline-offset:2px}.landing-wrap{position:relative;z-index:2;width:min(1440px,100%);margin:0 auto;padding-inline:var(--gutter)}.landing-nav{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line-soft);background:color-mix(in oklab,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);transition:background .35s ease,border-color .35s ease}.landing-page:not(.legal-page) .landing-nav:not(.is-scrolled){border-bottom-color:transparent;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.landing-nav-inner{display:flex;align-items:center;gap:40px;min-height:var(--nav-h)}.landing-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:100px}.landing-lockup{display:flex;align-items:center;gap:10px}.landing-logo-mark{display:block;width:auto;height:30px}.landing-logo-wordmark{display:block;width:104px;aspect-ratio:1729 / 447;background:var(--ink);mask:url(/mocut-wordmark.svg) center / contain no-repeat;-webkit-mask:url(/mocut-wordmark.svg) center / contain no-repeat}.landing-nav ul{display:flex;gap:28px;margin:0;padding:0;color:var(--ink-dim);font-size:14px;list-style:none}.landing-nav ul a{transition:color .2s ease}.landing-nav ul a:hover{color:var(--ink)}.landing-nav-right{display:flex;align-items:center;gap:10px;margin-left:auto}.nav-tc{display:inline-flex;align-items:center;gap:8px;margin-right:6px;padding:6px 11px 6px 10px;border:1px solid var(--line-soft);border-radius:999px;color:var(--ink-dim);font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums}.nav-tc i{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--lime)}.nav-progress{position:absolute;right:0;bottom:-1px;left:0;height:2px;pointer-events:none}.nav-progress span{display:block;width:100%;height:100%;background:var(--lime);box-shadow:0 0 10px color-mix(in oklab,var(--lime) 60%,transparent);transform:scaleX(var(--scroll, 0));transform-origin:left}.landing-btn,.landing-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:11px 18px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font-size:14px;font-weight:500;line-height:1;white-space:nowrap;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease,box-shadow .25s ease}.landing-btn:hover,.landing-cta-btn:hover{border-color:var(--ink-dim);transform:translateY(-1px)}.landing-page .landing-btn-primary,.landing-page .landing-cta-btn{border-color:transparent;background:var(--lime);color:#0d0f12;font-weight:600}.landing-page .landing-btn-primary:hover,.landing-page .landing-cta-btn:hover{background:color-mix(in oklab,var(--lime) 90%,white);box-shadow:0 10px 30px -10px color-mix(in oklab,var(--lime) 70%,transparent)}.landing-btn-ghost{padding-inline:10px;border-color:transparent;color:var(--ink-dim)}.landing-btn-ghost:hover{background:var(--bg-1);color:var(--ink)}.landing-btn-lg{min-height:48px;padding:13px 22px;font-size:15px}.landing-btn-xl{min-height:56px;padding:16px 28px;font-size:16px}.landing-btn-arrow{width:14px;height:14px;transition:transform .2s ease}.landing-btn:hover .landing-btn-arrow{transform:translate(2px)}.landing-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px color-mix(in oklab,var(--lime) 25%,transparent);animation:landing-breathe 2.4s ease-in-out infinite}@keyframes landing-breathe{0%,to{opacity:1}50%{opacity:.55}}@keyframes landing-blink{50%{opacity:.3}}.hero{position:relative;padding-top:clamp(36px,7vh,88px)}.hero:before{content:"";position:absolute;top:-30%;left:50%;z-index:0;width:90%;height:70%;background:radial-gradient(ellipse,color-mix(in oklab,var(--lime) 9%,transparent),transparent 65%);filter:blur(60px);transform:translate(-50%);pointer-events:none}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:clamp(18px,3vh,30px);padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:color-mix(in oklab,var(--bg-1) 70%,transparent);color:var(--ink-dim);font-family:var(--mono);font-size:12px;text-transform:uppercase;animation:hero-rise .8s var(--ease-out) both}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:end;gap:clamp(28px,4vw,64px)}.hero-headline{position:relative;margin:0;color:var(--ink);font-family:var(--serif);font-size:clamp(64px,10.2vw,156px);font-weight:400;line-height:.9}.hero-filters{position:absolute;width:0;height:0;overflow:hidden}.hero-line{display:block;margin-bottom:-.1em;padding-bottom:.1em;clip-path:inset(-40% -12% 0 -6%)}.hero-headline.is-in .hero-line{clip-path:none}.hero-line+.hero-line{margin-top:.05em}.hero-line>span{display:inline-block}.hero-cut{position:relative;display:inline-block;padding-right:.06em;color:var(--lime);font-style:italic;cursor:default}.hero-cut-a{display:block;clip-path:polygon(-10% -10%,60% -10%,42% 110%,-10% 110%)}.hero-cut-b{position:absolute;inset:0;padding-right:.06em;clip-path:polygon(60% -10%,110% -10%,110% 110%,42% 110%);transform:translate(var(--cut-x, 0em),var(--cut-y, 0em));transition:transform .7s var(--ease-out)}.hero-headline.is-in .hero-cut-b{--cut-x: -.014em;--cut-y: .05em}.hero-headline.is-in .hero-cut:hover .hero-cut-b{--cut-x: -.03em;--cut-y: .12em}.hero-cut:after{content:"";position:absolute;top:-8%;bottom:-12%;left:51%;width:3px;margin-left:-1.5px;border-radius:3px;background:linear-gradient(180deg,transparent,#ffffff 18%,#ffffff 82%,transparent);box-shadow:0 0 18px 2px color-mix(in oklab,var(--lime) 75%,transparent);opacity:0;transform:rotate(17deg) scaleY(0);pointer-events:none}.hero-headline.is-in .hero-cut:after{animation:hero-blade .8s var(--ease-io) forwards}@keyframes hero-blade{0%{opacity:1;transform:rotate(17deg) scaleY(0)}55%{opacity:1;transform:rotate(17deg) scaleY(1)}to{opacity:0;transform:rotate(17deg) scaleY(1.08)}}.hero-side{padding-bottom:.6vw;animation:hero-rise .9s var(--ease-out) .55s both}.hero-sub{max-width:40ch;margin:0 0 22px;color:var(--ink-dim);font-size:clamp(16px,1.25vw,19px);line-height:1.55}.hero-cta{display:flex;flex-wrap:wrap;gap:10px}.hero-hint{margin:14px 0 0;color:var(--ink-mute);font-family:var(--mono);font-size:12px}.hero-demo{margin-top:clamp(40px,6vh,72px);animation:hero-rise 1s var(--ease-out) .75s both}.hero-demo-glow{position:relative}.hero-demo-glow:before{content:"";position:absolute;inset:4% 6% 24%;background:radial-gradient(ellipse at 34% 42%,rgb(255 160 90 / .28),transparent 64%),radial-gradient(ellipse at 82% 58%,color-mix(in oklab,var(--violet) 24%,transparent),transparent 60%);filter:blur(70px);pointer-events:none}@keyframes hero-rise{0%{clip-path:inset(0 0 100% 0);transform:translateY(28px)}to{clip-path:inset(-20% -20% -40% -20%);transform:none}}.ticker{position:relative;margin-top:clamp(72px,11vh,128px);padding-block:26px;overflow:hidden;border-block:1px solid var(--line-soft);-webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}.ticker-track{display:flex;width:max-content;animation:ticker 52s linear infinite}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-set{display:flex;flex-shrink:0;align-items:center}.ticker-item{display:inline-flex;align-items:center;gap:34px;padding-right:34px;color:var(--ink-dim);font-family:var(--serif);font-size:clamp(28px,3vw,42px);line-height:1;white-space:nowrap}.ticker-item em{font-style:italic}.ticker-cut{width:22px;height:26px;background:linear-gradient(to top right,transparent calc(50% - 1px),var(--lime) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px))}@keyframes ticker{to{transform:translate(-50%)}}.landing-section{position:relative;padding-block:var(--pad-y)}.landing-sec-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);align-items:end;gap:48px;margin-bottom:48px}.landing-sec-kicker{margin-bottom:14px;color:var(--lime);font-family:var(--mono);font-size:12px;font-weight:500;text-transform:uppercase}.landing-sec-title{max-width:18ch;margin:0;color:var(--ink);font-family:var(--serif);font-size:clamp(44px,5.4vw,76px);font-weight:400;line-height:.96}.landing-sec-title em{color:var(--ink-dim);font-style:italic}.landing-sec-lede{max-width:46ch;margin:0;color:var(--ink-dim);font-size:17px;line-height:1.55}[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .9s var(--ease-out)}[data-reveal].is-in{opacity:1;transform:none}[data-reveal] .landing-sec-title,[data-reveal].cta-box h2{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s var(--ease-out) .08s}[data-reveal].is-in .landing-sec-title,[data-reveal].is-in.cta-box h2{clip-path:inset(-10% -10% -30% -10%)}.landing-sec-head [data-reveal]:nth-child(2),.landing-features [data-reveal]:nth-child(2),.price-grid [data-reveal]:nth-child(2){transition-delay:.08s}.landing-features [data-reveal]:nth-child(3),.price-grid [data-reveal]:nth-child(3){transition-delay:.16s}.landing-features [data-reveal]:nth-child(4){transition-delay:.08s}.landing-features [data-reveal]:nth-child(5){transition-delay:.16s}[data-spotlight]{isolation:isolate}[data-spotlight]:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%),color-mix(in oklab,var(--ink) 7%,transparent),transparent 62%);opacity:0;transition:opacity .3s ease;pointer-events:none}[data-spotlight]:hover:before{opacity:1}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-card{position:relative;display:flex;flex-direction:column;gap:18px;min-height:500px;padding:28px;overflow:hidden;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg-1)}.price-card.is-featured{border-color:color-mix(in oklab,var(--lime) 45%,var(--line));background:radial-gradient(120% 80% at 50% 0%,color-mix(in oklab,var(--lime) 12%,transparent),transparent 60%),var(--bg-1)}.price-name{color:var(--ink-dim);font-family:var(--mono);font-size:12px;font-weight:500;text-transform:uppercase}.price-card.is-featured .price-name{color:var(--lime)}.price-row{display:flex;align-items:baseline;gap:8px}.price{font-family:var(--serif);font-size:72px;line-height:.9}.price-cadence{color:var(--ink-mute);font-size:14px}.price-note{margin:0;color:var(--ink-dim);font-size:15px;line-height:1.5}.price-credits{display:grid;gap:8px}.price-credits-bar{height:6px;overflow:hidden;border-radius:6px;background:var(--bg-2)}.price-credits-bar span{display:block;height:100%;border-radius:inherit;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform 1.3s var(--ease-out) .35s}.price-card.is-in .price-credits-bar span{transform:none}.price-credits-label{color:var(--ink-mute);font-family:var(--mono);font-size:11px}.price-card ul{display:grid;gap:11px;margin:0;padding:0;color:var(--ink);font-size:14.5px;list-style:none}.price-card li{display:flex;align-items:center;gap:10px}.price-card li:before{content:"";flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px color-mix(in oklab,var(--lime) 60%,transparent)}.price-card .landing-btn{margin-top:auto}.change-list{border-top:1px solid var(--line-soft)}.change-row{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1.25fr);align-items:baseline;gap:24px;padding:26px 0;border-bottom:1px solid var(--line-soft)}.change-date{color:var(--lime);font-family:var(--mono);font-size:12px;text-transform:uppercase}.change-row h3{margin:0;color:var(--ink);font-family:var(--serif);font-size:34px;font-weight:400;line-height:1}.change-row p{max-width:58ch;margin:0;color:var(--ink-dim);font-size:15.5px;line-height:1.55}.cta-section{padding-block:var(--pad-y) calc(var(--pad-y) * .8)}.cta-box{position:relative;overflow:hidden;padding:clamp(64px,10vw,128px) clamp(24px,6vw,96px);border:1px solid var(--line-soft);border-radius:28px;background:radial-gradient(80% 70% at 50% 0%,color-mix(in oklab,var(--lime) 11%,transparent),transparent 70%),var(--bg-1);text-align:center}.cta-box:before{background:radial-gradient(520px circle at var(--mx, 50%) var(--my, 0%),color-mix(in oklab,var(--lime) 13%,transparent),transparent 62%)}.cta-box h2{max-width:12ch;margin:0 auto 22px;font-family:var(--serif);font-size:clamp(56px,8.4vw,124px);font-weight:400;line-height:.92}.cta-box h2 em{color:var(--lime);font-style:italic}.cta-box p{max-width:50ch;margin:0 auto 32px;color:var(--ink-dim);font-size:18px;line-height:1.55}.cta-prompts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:36px}.cta-prompts span{padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink-mute);font-size:13px}.landing-footer{padding-top:56px;overflow:hidden;border-top:1px solid var(--line-soft)}.landing-foot{display:flex;justify-content:space-between;gap:48px;padding-bottom:56px}.landing-logo--footer{flex-direction:column;align-items:flex-start;gap:10px}.landing-logo-year{color:var(--ink-mute);font-family:var(--mono);font-size:12px}.landing-foot-cols{display:flex;gap:56px}.foot-col{display:flex;flex-direction:column;gap:10px;font-size:14px}.foot-col h5{margin:0 0 4px;color:var(--ink-mute);font-family:var(--mono);font-size:11px;font-weight:500;text-transform:uppercase}.foot-col a{color:var(--ink-dim);transition:color .2s ease}.foot-col a:hover{color:var(--ink)}.foot-mark span{display:block;width:100%;aspect-ratio:1729 / 447;margin-bottom:-7%;background:linear-gradient(180deg,color-mix(in oklab,var(--ink) 10%,transparent),transparent 80%);mask:url(/mocut-wordmark.svg) center / contain no-repeat;-webkit-mask:url(/mocut-wordmark.svg) center / contain no-repeat}@media(max-width:1100px){.hero-grid,.landing-sec-head{grid-template-columns:minmax(0,1fr)}.hero-grid{gap:28px}.landing-sec-head{gap:20px}.nav-tc{display:none}}@media(max-width:980px){.price-grid{grid-template-columns:minmax(0,1fr)}.price-card{min-height:0}.change-row{grid-template-columns:minmax(0,1fr);gap:10px}}@media(max-width:860px){.landing-nav ul{display:none}}@media(max-width:760px){.landing-page{--pad-y: 76px;--gutter: 20px;--nav-h: 60px}.landing-btn-ghost{display:none}.landing-nav-right .landing-btn-primary{min-height:38px;padding:9px 14px}.hero-headline{font-size:clamp(54px,15.5vw,96px)}.hero-cta .landing-btn{flex:1 1 auto}.landing-sec-title{font-size:44px}.landing-sec-lede{font-size:16px}.change-row h3{font-size:28px}.cta-box h2{font-size:58px}.landing-foot,.landing-foot-cols{flex-direction:column}.landing-foot-cols{gap:28px}}@media(max-width:460px){.landing-logo{min-width:88px}.landing-logo-mark{height:26px}.landing-logo-wordmark{width:88px}.hero-eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){.landing-page{scroll-behavior:auto}.landing-page *,.landing-page *:before,.landing-page *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}[data-reveal],[data-reveal] .landing-sec-title,[data-reveal].cta-box h2{clip-path:none;opacity:1;transform:none}}.legal-page{height:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;background:radial-gradient(ellipse at 84% 4%,color-mix(in oklab,var(--violet) 14%,transparent),transparent 34%),radial-gradient(ellipse at 12% 0%,color-mix(in oklab,var(--lime) 10%,transparent),transparent 36%),var(--bg)}.legal-page .landing-nav a[aria-current=page]{color:var(--ink)}.legal-main{position:relative}.legal-hero{position:relative;padding-block:92px 64px;border-bottom:1px solid var(--line-soft)}.legal-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:clamp(32px,6vw,96px);align-items:end}.legal-kicker,.legal-summary span,.legal-toc p,.legal-switch p{margin:0;color:var(--lime);font-family:var(--mono);font-size:12px;font-weight:500;text-transform:uppercase}.legal-hero h1{max-width:10ch;margin:14px 0 0;font-family:var(--serif);font-size:clamp(72px,11vw,150px);font-weight:400;line-height:.88}.legal-summary{display:grid;gap:22px;max-width:56ch}.legal-summary p{margin:0;color:var(--ink-dim);font-size:clamp(18px,2vw,23px);line-height:1.45}.legal-summary span{color:var(--ink-mute)}.legal-layout{display:grid;grid-template-columns:260px minmax(0,820px);gap:clamp(40px,7vw,116px);align-items:start;padding-block:72px 104px}.legal-toc{min-width:0}.legal-toc-sticky{position:sticky;top:96px;display:grid;gap:10px;padding:22px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.legal-toc p{margin-bottom:8px;color:var(--ink-mute)}.legal-toc a{color:var(--ink-dim);font-size:13px;line-height:1.35}.legal-toc a:hover{color:var(--ink)}.legal-article{display:grid;gap:42px}.legal-section{scroll-margin-top:110px;padding:0 0 42px;border-bottom:1px solid var(--line-soft)}.legal-section:last-child{border-bottom:0}.legal-section h2{margin:0 0 18px;color:var(--ink);font-family:var(--serif);font-size:clamp(34px,4vw,52px);font-weight:400;line-height:1}.legal-section p,.legal-section li{color:var(--ink-dim);font-size:16px;line-height:1.72}.legal-section p{margin:0 0 16px}.legal-section p:last-child{margin-bottom:0}.legal-section ul{display:grid;gap:12px;margin:18px 0 0;padding-left:20px}.legal-section li::marker{color:var(--lime)}.legal-switch{padding-block:0 96px!important}.legal-switch-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:38px;border-top:1px solid var(--line-soft)}.legal-switch h2{margin:8px 0 0;font-family:var(--serif);font-size:clamp(42px,7vw,86px);font-weight:400;line-height:.95}@media(max-width:980px){.legal-hero-inner,.legal-layout{grid-template-columns:1fr}.legal-layout{padding-block:48px 76px}.legal-toc-sticky{position:static;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 0}.legal-toc p{grid-column:1 / -1}}@media(max-width:760px){.legal-hero{padding-block:58px 42px}.legal-hero h1{font-size:clamp(58px,18vw,86px)}.legal-summary p{font-size:17px}.legal-toc-sticky{grid-template-columns:1fr}.legal-section{padding-bottom:34px}.legal-section p,.legal-section li{font-size:15px}.legal-switch-inner{align-items:flex-start;flex-direction:column}}.app-loading-screen,.app-loading-screen *{box-sizing:border-box}.app-loading-screen{position:relative;isolation:isolate;flex:1;display:grid;place-items:center;min-height:100dvh;width:100%;overflow:hidden;padding:32px;color:var(--mocut-ink);font-family:var(--mocut-sans);background:radial-gradient(ellipse at 50% -18%,color-mix(in oklab,var(--mocut-lime) 12%,transparent),transparent 48%),radial-gradient(ellipse at 100% 24%,color-mix(in oklab,var(--mocut-ice) 8%,transparent),transparent 54%),linear-gradient(180deg,color-mix(in oklab,var(--mocut-bg-1) 42%,var(--mocut-bg)),var(--mocut-bg))}.app-loading-screen:before{content:"";position:absolute;inset:-96px;z-index:-2;background-image:linear-gradient(color-mix(in oklab,var(--mocut-line-soft) 58%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--mocut-line-soft) 58%,transparent) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 74%);mask-image:radial-gradient(ellipse at center,black 0%,transparent 74%);opacity:.34;animation:app-loading-grid-drift 9s linear infinite;pointer-events:none}.app-loading-screen:after{content:"";position:absolute;top:-18%;bottom:-18%;left:-30%;z-index:-1;width:32%;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--mocut-lime) 8%,transparent),color-mix(in oklab,var(--mocut-ice) 6%,transparent),transparent);filter:blur(18px);opacity:.75;transform:rotate(10deg);animation:app-loading-light-sweep 5.6s ease-in-out infinite;pointer-events:none}.app-loading-shell{position:relative;display:flex;flex-direction:column;gap:22px;width:min(424px,100%);padding:28px;overflow:hidden;border:1px solid var(--mocut-line-soft);border-radius:8px;background:linear-gradient(180deg,color-mix(in oklab,var(--mocut-ink) 5%,transparent),transparent 42%),color-mix(in oklab,var(--mocut-bg-1) 84%,transparent);box-shadow:0 28px 90px #00000070,inset 0 1px color-mix(in oklab,var(--mocut-ink) 8%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.app-loading-shell:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,color-mix(in oklab,var(--mocut-lime) 9%,transparent),transparent 34%),linear-gradient(300deg,color-mix(in oklab,var(--mocut-coral) 7%,transparent),transparent 38%);opacity:.55;pointer-events:none}.app-loading-shell>*{position:relative;z-index:1}.app-loading-brand{display:flex;align-items:center;justify-content:space-between;gap:16px}.app-loading-lockup{display:flex;align-items:center;gap:10px}.app-loading-mark{display:block;width:auto;height:30px}.app-loading-wordmark{display:block;width:104px;height:28px;background:var(--mocut-ink);mask:url(/mocut-wordmark.svg) left center / contain no-repeat;-webkit-mask:url(/mocut-wordmark.svg) left center / contain no-repeat}.app-loading-status-dot{width:9px;height:9px;flex:0 0 auto;border-radius:999px;background:var(--mocut-lime);box-shadow:0 0 0 6px color-mix(in oklab,var(--mocut-lime) 12%,transparent),0 0 22px color-mix(in oklab,var(--mocut-lime) 54%,transparent);animation:app-loading-dot 1.6s ease-in-out infinite}.app-loading-copy{display:grid;gap:4px}.app-loading-copy h1{margin:0;color:var(--mocut-ink);font-size:24px;font-weight:600;line-height:1.08;letter-spacing:0}.app-loading-copy p{margin:0;color:var(--mocut-ink-dim);font-size:13px;line-height:1.5;letter-spacing:0}.app-loading-preview{position:relative;height:220px;overflow:hidden;border:1px solid color-mix(in oklab,var(--mocut-line) 78%,transparent);border-radius:8px;background:radial-gradient(ellipse at 50% 0%,color-mix(in oklab,var(--mocut-lime) 5%,transparent),transparent 62%),linear-gradient(color-mix(in oklab,var(--mocut-line-soft) 18%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--mocut-line-soft) 18%,transparent) 1px,transparent 1px),color-mix(in oklab,var(--mocut-bg) 82%,black);background-size:auto,32px 32px,32px 32px,auto;box-shadow:inset 0 1px color-mix(in oklab,var(--mocut-ink) 5%,transparent)}.app-loading-stage{position:absolute;inset:14px 14px 82px;overflow:hidden;border:1px solid color-mix(in oklab,var(--mocut-line-soft) 82%,transparent);border-radius:6px;background:linear-gradient(135deg,color-mix(in oklab,var(--mocut-bg-2) 64%,black),color-mix(in oklab,var(--mocut-bg) 88%,black)),color-mix(in oklab,var(--mocut-bg) 90%,black)}.app-loading-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 48%,color-mix(in oklab,var(--mocut-ink) 5%,transparent) 48% 49%,transparent 49%),linear-gradient(0deg,transparent 0 54%,color-mix(in oklab,var(--mocut-ink) 4%,transparent) 54% 55%,transparent 55%);opacity:.72}.app-loading-frame{position:absolute;border-radius:6px;border:1px solid color-mix(in oklab,var(--mocut-ink) 12%,transparent);box-shadow:0 14px 28px #0000003d;animation:app-loading-frame-float 3.8s ease-in-out infinite}.app-loading-frame--one{left:20px;top:16px;width:43%;height:62%;background:linear-gradient(135deg,color-mix(in oklab,var(--mocut-coral) 44%,transparent),transparent 54%),linear-gradient(145deg,color-mix(in oklab,var(--mocut-ice) 28%,var(--mocut-bg-2)),color-mix(in oklab,var(--mocut-bg) 88%,black))}.app-loading-frame--two{right:22px;top:18px;width:30%;height:34%;background:linear-gradient(135deg,color-mix(in oklab,var(--mocut-lime) 42%,transparent),transparent 58%),color-mix(in oklab,var(--mocut-bg-2) 82%,black);animation-delay:-1.2s}.app-loading-frame--three{right:38px;bottom:16px;width:36%;height:34%;background:linear-gradient(135deg,color-mix(in oklab,var(--mocut-violet) 34%,transparent),transparent 56%),color-mix(in oklab,var(--mocut-bg-2) 76%,black);animation-delay:-2.1s}.app-loading-scanline{position:absolute;top:0;bottom:0;width:68px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--mocut-ink) 11%,transparent),transparent);transform:translate(-90px);animation:app-loading-scanline 2.8s ease-in-out infinite}.app-loading-timeline{position:absolute;left:14px;right:14px;bottom:14px;height:54px;display:grid;gap:6px}.app-loading-ruler{display:block;height:8px;border-bottom:1px solid color-mix(in oklab,var(--mocut-line-soft) 82%,transparent);background-image:repeating-linear-gradient(90deg,color-mix(in oklab,var(--mocut-ink-mute) 58%,transparent) 0 1px,transparent 1px 24px);opacity:.78}.app-loading-track{position:relative;overflow:hidden;height:13px;border-radius:4px;background:color-mix(in oklab,var(--mocut-bg-2) 72%,black);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--mocut-line-soft) 64%,transparent)}.app-loading-clip{position:absolute;top:2px;bottom:2px;border-radius:3px;background:linear-gradient(90deg,color-mix(in oklab,var(--mocut-lime) 70%,var(--mocut-ice)),color-mix(in oklab,var(--mocut-ice) 72%,transparent));box-shadow:0 0 18px color-mix(in oklab,var(--mocut-lime) 20%,transparent)}.app-loading-clip--wide{left:8%;width:48%}.app-loading-clip--short{left:62%;width:24%;background:linear-gradient(90deg,color-mix(in oklab,var(--mocut-coral) 64%,var(--mocut-ink)),color-mix(in oklab,var(--mocut-violet) 48%,transparent))}.app-loading-track--audio{display:flex;align-items:center;gap:6px;padding:0 8px}.app-loading-wave{display:block;height:3px;border-radius:999px;background:repeating-linear-gradient(90deg,color-mix(in oklab,var(--mocut-ice) 68%,transparent) 0 4px,transparent 4px 9px);opacity:.82;animation:app-loading-wave 1.8s ease-in-out infinite}.app-loading-wave--one{width:38%}.app-loading-wave--two{width:26%;animation-delay:-.6s}.app-loading-wave--three{width:18%;animation-delay:-1.1s}.app-loading-playhead{position:absolute;top:4px;bottom:0;left:8%;width:2px;border-radius:999px;background:color-mix(in oklab,var(--mocut-lime) 90%,white);box-shadow:0 0 0 1px color-mix(in oklab,var(--mocut-bg) 70%,transparent),0 0 18px color-mix(in oklab,var(--mocut-lime) 62%,transparent);animation:app-loading-playhead 2.4s cubic-bezier(.65,0,.35,1) infinite}.app-loading-progress{position:relative;height:3px;overflow:hidden;border-radius:999px;background:color-mix(in oklab,var(--mocut-line-soft) 72%,transparent)}.app-loading-progress span{position:absolute;inset:0 auto 0 0;width:48%;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--mocut-lime),var(--mocut-ice));transform:translate(-100%);animation:app-loading-progress 1.9s ease-in-out infinite}@keyframes app-loading-grid-drift{0%{transform:translateZ(0)}to{transform:translate3d(46px,46px,0)}}@keyframes app-loading-light-sweep{0%,18%{transform:translate(0) rotate(10deg);opacity:0}44%{opacity:.75}82%,to{transform:translate(460%) rotate(10deg);opacity:0}}@keyframes app-loading-dot{0%,to{transform:scale(.82);opacity:.72}50%{transform:scale(1);opacity:1}}@keyframes app-loading-frame-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-4px,0)}}@keyframes app-loading-scanline{0%{transform:translate(-90px);opacity:0}24%,64%{opacity:1}to{transform:translate(360px);opacity:0}}@keyframes app-loading-wave{0%,to{opacity:.48;transform:scaleX(.82)}50%{opacity:.95;transform:scaleX(1)}}@keyframes app-loading-playhead{0%{left:8%}to{left:88%}}@keyframes app-loading-progress{0%{transform:translate(-105%)}to{transform:translate(225%)}}@media(max-width:640px){.app-loading-screen{padding:20px}.app-loading-shell{gap:20px;padding:22px}.app-loading-copy h1{font-size:22px}.app-loading-preview{height:194px}}@media(max-width:380px){.app-loading-shell{padding:18px}.app-loading-preview{height:174px}}@media(prefers-reduced-motion:reduce){.app-loading-screen:before,.app-loading-screen:after,.app-loading-status-dot,.app-loading-frame,.app-loading-scanline,.app-loading-wave,.app-loading-playhead,.app-loading-progress span{animation:none}.app-loading-playhead{left:62%}.app-loading-progress span{transform:translate(82%)}}.demo-switcher{display:flex;gap:4px;padding:4px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08);overflow-x:auto;align-items:center;max-width:100%}.demo-switcher::-webkit-scrollbar{height:4px}.demo-tab{padding:6px 14px;background:transparent;border:none;color:#a1a1aa;cursor:pointer;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1);letter-spacing:-.01em}.demo-tab:hover{color:#ededed;background:#ffffff0d}.demo-tab.active{background:#fff;color:#000;box-shadow:0 1px 3px #0003;font-weight:600}