:root{--breakpoint-xs: 375px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--breakpoint-3xl: 1920px;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem;--space-3xl: 2rem;--space-4xl: 2.5rem;--space-5xl: 3rem;--space-6xl: 4rem;--font-size-xs: .625rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.875rem;--font-size-5xl: 2.25rem;--mobile-font-size-xs: .625rem;--mobile-font-size-sm: .75rem;--mobile-font-size-base: .875rem;--mobile-font-size-lg: 1rem;--mobile-font-size-xl: 1.125rem;--mobile-font-size-2xl: 1.25rem;--mobile-font-size-3xl: 1.5rem;--mobile-font-size-4xl: 1.875rem;--mobile-font-size-5xl: 2.25rem;--mobile-space-xs: .25rem;--mobile-space-sm: .5rem;--mobile-space-md: .75rem;--mobile-space-lg: 1rem;--mobile-space-xl: 1.25rem;--mobile-space-2xl: 1.5rem;--mobile-space-3xl: 2rem;--mobile-space-4xl: 2.5rem;--mobile-space-5xl: 3rem;--mobile-space-6xl: 4rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--container-padding: 1rem;--container-max-width: 1400px;--panel-min-width: 280px;--panel-max-width: 400px;--panel-collapsed-width: 56px;--panel-slim-width: 224px;--studio-header-height: 48px;--studio-toolbar-height: 40px;--studio-timeline-height: 200px;--studio-viewer-min-height: 300px;--mobile-container-padding: .75rem;--mobile-container-max-width: 100%;--mobile-panel-min-width: 100%;--mobile-panel-max-width: 100%;--mobile-panel-collapsed-width: 0px;--mobile-panel-slim-width: 100%;--mobile-studio-header-height: 56px;--mobile-studio-toolbar-height: 48px;--mobile-studio-timeline-height: 150px;--mobile-studio-viewer-min-height: 200px;--mobile-hit-target-min: 44px;--mobile-button-height: 48px;--mobile-input-height: 48px;--mobile-icon-size: 24px;--mobile-icon-padding: 12px;--button-height-sm: 28px;--button-height-md: 32px;--button-height-lg: 40px;--button-height-xl: 48px;--input-height-sm: 28px;--input-height-md: 32px;--input-height-lg: 40px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--responsive-padding-xs: var(--space-sm);--responsive-padding-sm: var(--space-md);--responsive-padding-md: var(--space-lg);--responsive-padding-lg: var(--space-xl);--responsive-padding-xl: var(--space-2xl);--responsive-text-xs: var(--font-size-xs);--responsive-text-sm: var(--font-size-sm);--responsive-text-base: var(--font-size-base);--responsive-text-lg: var(--font-size-lg);--responsive-text-xl: var(--font-size-xl);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .75s;--ease-linear: linear;--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);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--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);--studio-bg-primary: #0A0E1A;--studio-bg-secondary: #0D1117;--studio-bg-tertiary: #161B22;--studio-bg-elevated: #21262D;--studio-border-primary: rgba(255, 255, 255, .1);--studio-border-secondary: rgba(255, 255, 255, .05);--studio-border-focus: #3B82F6;--studio-text-primary: #F0F6FC;--studio-text-secondary: #8B949E;--studio-text-tertiary: #6E7681;--studio-text-disabled: #484F58;--studio-accent-primary: #3B82F6;--studio-accent-secondary: #1D4ED8;--studio-accent-tertiary: #1E40AF;--responsive-grid-cols-1: 1;--responsive-grid-cols-2: 2;--responsive-grid-cols-3: 3;--responsive-grid-cols-4: 4;--responsive-grid-cols-6: 6;--responsive-grid-cols-12: 12;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}@custom-media --xs (min-width: 375px);@custom-media --sm (min-width: 640px);@custom-media --md (min-width: 768px);@custom-media --lg (min-width: 1024px);@custom-media --xl (min-width: 1280px);@custom-media --2xl (min-width: 1536px);@custom-media --3xl (min-width: 1920px);.responsive-container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.responsive-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(var(--responsive-grid-cols-1),1fr)}@media(--sm){.responsive-grid{grid-template-columns:repeat(var(--responsive-grid-cols-2),1fr)}}@media(--md){.responsive-grid{grid-template-columns:repeat(var(--responsive-grid-cols-3),1fr)}}@media(--lg){.responsive-grid{grid-template-columns:repeat(var(--responsive-grid-cols-4),1fr)}}@media(--xl){.responsive-grid{grid-template-columns:repeat(var(--responsive-grid-cols-6),1fr)}}.studio-responsive-padding{padding:var(--responsive-padding-xs)}@media(--sm){.studio-responsive-padding{padding:var(--responsive-padding-sm)}}@media(--md){.studio-responsive-padding{padding:var(--responsive-padding-md)}}@media(--lg){.studio-responsive-padding{padding:var(--responsive-padding-lg)}}@media(--xl){.studio-responsive-padding{padding:var(--responsive-padding-xl)}}.studio-responsive-text{font-size:var(--responsive-text-sm);line-height:var(--line-height-normal)}@media(--sm){.studio-responsive-text{font-size:var(--responsive-text-base)}}@media(--md){.studio-responsive-text{font-size:var(--responsive-text-lg)}}@media(--lg){.studio-responsive-text{font-size:var(--responsive-text-xl)}}.studio-panel-responsive{min-width:var(--panel-min-width);max-width:var(--panel-max-width);width:var(--panel-min-width)}@media(max-width:1024px){.studio-panel-responsive{width:var(--panel-slim-width);min-width:var(--panel-slim-width)}}@media(max-width:768px){.studio-panel-responsive{width:var(--panel-collapsed-width);min-width:var(--panel-collapsed-width)}}.studio-layout-responsive{display:grid;grid-template-areas:"header header header" "sidebar main aside" "footer footer footer";grid-template-columns:auto 1fr auto;grid-template-rows:var(--studio-header-height) 1fr auto;min-height:100vh}@media(max-width:1024px){.studio-layout-responsive{grid-template-areas:"header header" "main aside" "footer footer";grid-template-columns:1fr auto}}@media(max-width:768px){.studio-layout-responsive{grid-template-areas:"header" "main" "footer";grid-template-columns:1fr}}.studio-timeline-responsive{height:var(--studio-timeline-height);min-height:150px}@media(max-width:1024px){.studio-timeline-responsive{height:180px;min-height:120px}}@media(max-width:768px){.studio-timeline-responsive{height:150px;min-height:100px}}.studio-viewer-responsive{min-height:var(--studio-viewer-min-height)}@media(max-width:1024px){.studio-viewer-responsive{min-height:250px}}@media(max-width:768px){.studio-viewer-responsive{min-height:200px}}.studio-button-responsive{height:var(--button-height-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}@media(max-width:768px){.studio-button-responsive{height:var(--button-height-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}}@media(min-width:1024px){.studio-button-responsive{height:var(--button-height-lg);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base)}}.studio-input-responsive{height:var(--input-height-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}@media(max-width:768px){.studio-input-responsive{height:var(--input-height-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}}@media(min-width:1024px){.studio-input-responsive{height:var(--input-height-lg);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base)}}.studio-focus-responsive{outline:none;box-shadow:0 0 0 2px var(--studio-border-focus)}@media(prefers-reduced-motion:reduce){.studio-focus-responsive{transition:none}}.studio-animate-responsive{transition:all var(--duration-normal) var(--ease-out)}@media(prefers-reduced-motion:reduce){.studio-animate-responsive{transition:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.studio-contrast-high{--studio-border-primary: rgba(255, 255, 255, .3);--studio-text-secondary: #B0B7C0}}@media print{.studio-print-hidden{display:none!important}.studio-print-visible{display:block!important}}@media(max-width:768px){.mobile-text-xs{font-size:var(--mobile-font-size-xs)}.mobile-text-sm{font-size:var(--mobile-font-size-sm)}.mobile-text-base{font-size:var(--mobile-font-size-base)}.mobile-text-lg{font-size:var(--mobile-font-size-lg)}.mobile-text-xl{font-size:var(--mobile-font-size-xl)}.mobile-text-2xl{font-size:var(--mobile-font-size-2xl)}.mobile-text-3xl{font-size:var(--mobile-font-size-3xl)}.mobile-text-4xl{font-size:var(--mobile-font-size-4xl)}.mobile-text-5xl{font-size:var(--mobile-font-size-5xl)}.mobile-space-xs{padding:var(--mobile-space-xs)}.mobile-space-sm{padding:var(--mobile-space-sm)}.mobile-space-md{padding:var(--mobile-space-md)}.mobile-space-lg{padding:var(--mobile-space-lg)}.mobile-space-xl{padding:var(--mobile-space-xl)}.mobile-space-2xl{padding:var(--mobile-space-2xl)}.mobile-space-3xl{padding:var(--mobile-space-3xl)}.mobile-space-4xl{padding:var(--mobile-space-4xl)}.mobile-space-5xl{padding:var(--mobile-space-5xl)}.mobile-space-6xl{padding:var(--mobile-space-6xl)}.mobile-container{padding:var(--mobile-container-padding);max-width:var(--mobile-container-max-width)}.mobile-studio-layout{display:flex;flex-direction:column;min-height:100vh}.mobile-studio-header{height:var(--mobile-studio-header-height);min-height:var(--mobile-studio-header-height)}.mobile-studio-toolbar{height:var(--mobile-studio-toolbar-height);min-height:var(--mobile-studio-toolbar-height)}.mobile-studio-timeline{height:var(--mobile-studio-timeline-height);min-height:var(--mobile-studio-timeline-height)}.mobile-studio-viewer{min-height:var(--mobile-studio-viewer-min-height)}.mobile-panel{width:var(--mobile-panel-min-width);min-width:var(--mobile-panel-min-width);max-width:var(--mobile-panel-max-width)}.mobile-panel-collapsed{width:var(--mobile-panel-collapsed-width);min-width:var(--mobile-panel-collapsed-width)}.mobile-hit-target{min-height:var(--mobile-hit-target-min);min-width:var(--mobile-hit-target-min)}.mobile-button{height:var(--mobile-button-height);min-height:var(--mobile-button-height)}.mobile-input{height:var(--mobile-input-height);min-height:var(--mobile-input-height)}.mobile-icon{width:var(--mobile-icon-size);height:var(--mobile-icon-size);padding:var(--mobile-icon-padding)}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--studio-bg-primary);border-top:1px solid var(--studio-border-primary)}.mobile-timeline-container{height:var(--mobile-studio-timeline-height);overflow-x:auto;overflow-y:hidden}.mobile-viewer-container{min-height:var(--mobile-studio-viewer-min-height);aspect-ratio:16/9;background:#000}.mobile-panel-toggle{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:1001;width:32px;height:64px;background:var(--studio-bg-elevated);border:1px solid var(--studio-border-primary);border-right:none;border-radius:8px 0 0 8px}}/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-tracking:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-duration:initial;--tw-ease:initial}}}.studio-text-xs{font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:calc(var(--spacing,.25rem)*3);line-height:calc(var(--spacing,.25rem)*3);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.studio-text-sm{font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.studio-text-base{font-size:var(--font-size-base);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.studio-text-lg{font-size:var(--font-size-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.studio-text-xl,.studio-text-h4{font-size:var(--font-size-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));--tw-leading:calc(var(--spacing,.25rem)*7);line-height:calc(var(--spacing,.25rem)*7);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.studio-text-h5{font-size:var(--font-size-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.studio-text-h6{font-size:var(--font-size-base);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.studio-caption{font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:calc(var(--spacing,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4);color:var(--color-zinc-400,oklch(70.5% .015 286.067))}.studio-text-small{font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.studio-panel-header{height:calc(var(--spacing,.25rem)*10);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--studio-border-primary);background-color:var(--studio-bg-secondary);padding-inline:calc(var(--spacing,.25rem)*4);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);justify-content:space-between;align-items:center;display:flex}.studio-panel-content{min-width:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*4);flex:1;overflow:auto}.studio-btn{height:calc(var(--spacing,.25rem)*8);border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*3);font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-width:1px}.studio-btn:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-indigo-500,oklch(58.5% .233 277.117));--tw-outline-style:none;outline-style:none}.studio-btn-primary{height:calc(var(--spacing,.25rem)*8);border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-indigo-600,oklch(51.1% .262 276.966));background-color:var(--color-indigo-600,oklch(51.1% .262 276.966));padding-inline:calc(var(--spacing,.25rem)*3);font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-white,#fff);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){.studio-btn-primary:hover{border-color:var(--color-indigo-700,oklch(45.7% .24 277.023));background-color:var(--color-indigo-700,oklch(45.7% .24 277.023))}}.studio-btn-primary:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-indigo-500,oklch(58.5% .233 277.117));--tw-outline-style:none;outline-style:none}.studio-btn-secondary{height:calc(var(--spacing,.25rem)*8);border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-700,oklch(37% .013 285.805));background-color:var(--color-zinc-800,oklch(27.4% .006 286.033));padding-inline:calc(var(--spacing,.25rem)*3);font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-zinc-200,oklch(92% .004 286.32));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){.studio-btn-secondary:hover{border-color:var(--color-zinc-600,oklch(44.2% .017 285.786));background-color:var(--color-zinc-700,oklch(37% .013 285.805))}}.studio-btn-secondary:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-indigo-500,oklch(58.5% .233 277.117));--tw-outline-style:none;outline-style:none}.studio-btn-ghost{height:calc(var(--spacing,.25rem)*8);border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*3);font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-zinc-400,oklch(70.5% .015 286.067));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background-color:#0000;border-width:1px;border-color:#0000}@media(hover:hover){.studio-btn-ghost:hover{background-color:var(--color-zinc-800,oklch(27.4% .006 286.033));color:var(--color-zinc-200,oklch(92% .004 286.32))}}.studio-btn-ghost:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-indigo-500,oklch(58.5% .233 277.117));--tw-outline-style:none;outline-style:none}.studio-input{border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-700,oklch(37% .013 285.805));background-color:var(--color-zinc-800,oklch(27.4% .006 286.033));width:100%;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-zinc-200,oklch(92% .004 286.32))}.studio-input::placeholder{color:var(--color-zinc-400,oklch(70.5% .015 286.067))}.studio-input:focus{border-color:var(--color-indigo-500,oklch(58.5% .233 277.117));--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-indigo-500,oklch(58.5% .233 277.117));--tw-outline-style:none;outline-style:none}.studio-label{margin-bottom:calc(var(--spacing,.25rem)*1);font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-zinc-300,oklch(87.1% .006 286.286));display:block}.studio-slider{width:100%}.studio-track-gutter{width:calc(var(--spacing,.25rem)*36);border-top-left-radius:var(--radius);border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--studio-border-secondary);background-color:var(--studio-bg-primary);flex-shrink:0;min-width:144px;overflow:hidden}@media(min-width:1280px){.studio-track-gutter{width:calc(var(--spacing,.25rem)*40)}}.studio-track-header{height:100%;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);flex-direction:column;justify-content:center;display:flex}.studio-track-name{--tw-font-weight:var(--font-weight-medium,500);font-size:10px;font-weight:var(--font-weight-medium,500);--tw-tracking:.02em;letter-spacing:.02em;color:var(--color-white,#fff)}.studio-track-type{margin-bottom:calc(var(--spacing,.25rem)*2);color:#ffffff8c;font-size:9px}@supports (color:color-mix(in lab,red,red)){.studio-track-type{color:color-mix(in oklab,var(--color-white,#fff)55%,transparent)}}.studio-track-controls{gap:calc(var(--spacing,.25rem)*1);display:flex}.studio-track-btn{border-radius:calc(var(--radius) - 2px);padding:calc(var(--spacing,.25rem)*1);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){.studio-track-btn:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.studio-track-btn:hover{background-color:color-mix(in oklab,var(--color-white,#fff)10%,transparent)}}}.studio-track-btn:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-indigo-500,oklch(58.5% .233 277.117));--tw-outline-style:none;outline-style:none}.studio-timeline{background-color:var(--studio-bg-secondary);flex-direction:column;height:100%;display:flex}.studio-timeline-tracks{min-height:calc(var(--spacing,.25rem)*0);flex-direction:column;flex:1;display:flex;overflow:hidden}.studio-timeline-canvas{min-height:calc(var(--spacing,.25rem)*0);min-width:calc(var(--spacing,.25rem)*0);flex-direction:column;flex:1;display:flex;position:relative}.studio-timeline-lane-divider{pointer-events:none;right:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:color-mix(in oklab,var(--color-white,#fff)0%,transparent);--tw-gradient-via:color-mix(in oklab,var(--color-white,#fff)10%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:color-mix(in oklab,var(--color-white,#fff)0%,transparent);height:1px;position:absolute}.studio-timeline-lane-divider-top{pointer-events:none;top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:color-mix(in oklab,var(--color-white,#fff)0%,transparent);--tw-gradient-via:color-mix(in oklab,var(--color-white,#fff)10%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:color-mix(in oklab,var(--color-white,#fff)0%,transparent);height:1px;position:absolute}.studio-timeline-lane-divider-bottom{pointer-events:none;right:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:color-mix(in oklab,var(--color-white,#fff)0%,transparent);--tw-gradient-via:color-mix(in oklab,var(--color-white,#fff)10%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:color-mix(in oklab,var(--color-white,#fff)0%,transparent);height:1px;position:absolute}[data-timeline-scroll]{z-index:1;position:relative}.studio-timeline-ruler{z-index:2;position:sticky;top:0}.z-modal{z-index:60}.z-playhead{z-index:50}.z-semantic{z-index:40}.z-dev{z-index:30}.z-snap{z-index:20}.z-interactive{z-index:10}.z-base{z-index:0}.interactionOverlay{pointer-events:none}.clip,.trimHandle{pointer-events:auto}.playhead{opacity:.9;z-index:3;pointer-events:none;background-color:#0ff;width:2px;position:absolute;top:0;bottom:0}.studio-viewer{min-height:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*4);padding-top:calc(var(--spacing,.25rem)*3);background-color:#0a0e1a;flex:1}.studio-viewer-content{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a;height:100%;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.studio-viewer-content{border-color:color-mix(in oklab,var(--color-white,#fff)10%,transparent)}}.studio-viewer-content{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.studio-viewer-content{background-color:color-mix(in oklab,var(--color-black,#000)50%,transparent)}}.studio-viewer-content{--tw-backdrop-blur:blur(var(--blur-sm,8px));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);box-shadow:0 (2,6,23,.55),inset_0_1px_0_rgba(255,255,255,.04)}@media(max-width:1200px){.studio-panel-content{padding:calc(var(--spacing,.25rem)*3)}.studio-track-gutter{width:calc(var(--spacing,.25rem)*32)}}@media(max-width:768px){.studio-panel-content{padding:calc(var(--spacing,.25rem)*2)}.studio-track-gutter{width:calc(var(--spacing,.25rem)*28)}.studio-text-h4{font-size:var(--font-size-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)))}.studio-text-h5{font-size:var(--font-size-base);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}}.studio-slide-in{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.3s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.studio-fade-in{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.2s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.studio-focus:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-indigo-500,oklch(58.5% .233 277.117));--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:var(--color-zinc-900,oklch(21% .006 285.885));--tw-outline-style:none;outline-style:none}.sr-only{border-style:var(--tw-border-style);width:1px;height:1px;padding:calc(var(--spacing,.25rem)*0);white-space:nowrap;border-width:0;margin:-1px;position:absolute;overflow:hidden}@media(prefers-contrast:high){.studio-text-xs,.studio-text-sm,.studio-text-base{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.studio-btn{border-style:var(--tw-border-style);border-width:2px}}@media(prefers-reduced-motion:reduce){.studio-slide-in,.studio-fade-in{transition-property:none}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.studio-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.timeline-container{min-height:200px;height:200px;overflow:hidden}.preview-player{aspect-ratio:16/9;min-height:300px;background:#000}.left-rail{width:280px;min-width:280px;flex-shrink:0}.toolbar{height:60px;min-height:60px;flex-shrink:0}.panel-content{min-height:400px;overflow-y:auto}.asset-thumbnail{width:120px;height:68px;object-fit:cover;background:#1a1a1a}.skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.text-content{contain:layout style}video{width:100%;height:100%;object-fit:contain;background:#000}.timeline-clip{min-width:1px;width:max(1px,var(--clip-width, 1px))}.asset-loading{min-height:68px;background:#1a1a1a;display:flex;align-items:center;justify-content:center}.studio-shell-loading{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.timeline-loading{min-height:200px;height:200px;background:#0d1117}:root{--viewer-ratio: .58}.mobile-studio-viewer{height:calc(var(--viewer-ratio) * 100%)}.mobile-studio-timeline{height:calc((1 - var(--viewer-ratio)) * 100%)}