/*! tailwindcss v4.3.1 | 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--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:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.mx-1{margin-inline:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-40{height:calc(var(--spacing) * 40)}.min-h-0{min-height:0}.min-h-6{min-height:calc(var(--spacing) * 6)}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:hsl(var(--border))}.bg-border{background-color:hsl(var(--border))}.bg-muted{background-color:hsl(var(--muted))}.p-0{padding:0}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-12{padding-block:calc(var(--spacing) * 12)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-destructive{color:hsl(var(--destructive))}.text-foreground{color:hsl(var(--foreground))}.text-info{color:hsl(var(--info))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-teal{color:hsl(var(--teal))}.text-violet{color:hsl(var(--violet))}.text-warning{color:hsl(var(--warning))}.lowercase{text-transform:lowercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (width>=40rem){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--background:210 22% 97%;--foreground:210 24% 12%;--card:0 0% 100%;--card-foreground:210 24% 12%;--popover:0 0% 100%;--popover-foreground:210 24% 12%;--primary:153 63% 28%;--primary-foreground:0 0% 100%;--secondary:210 19% 92%;--secondary-foreground:210 24% 16%;--muted:210 18% 93%;--muted-foreground:211 12% 43%;--accent:155 32% 91%;--accent-foreground:154 62% 23%;--destructive:0 65% 44%;--destructive-foreground:0 0% 100%;--success:153 63% 28%;--success-foreground:0 0% 100%;--warning:38 80% 38%;--warning-foreground:0 0% 100%;--info:190 70% 32%;--info-foreground:0 0% 100%;--border:210 18% 85%;--input:210 18% 85%;--ring:153 63% 28%;--stage:216 33% 5%;--stage-foreground:156 33% 91%;--teal:180 63% 35%;--teal-foreground:0 0% 100%;--violet:260 62% 66%;--violet-foreground:260 50% 9%;--warm:30 72% 68%;--warm-foreground:30 50% 12%;--radius:.75rem;--shadow-sm:0 2px 5px hsl(var(--foreground) / .03);--shadow-md:0 6px 20px hsl(var(--foreground) / .07);--shadow-lg:0 20px 80px hsl(var(--foreground) / .15);--shadow-elegant:0 0 24px hsl(var(--primary) / .1);--transition-fast:.14s ease;--transition:.2s ease;--transition-smooth:.32s ease}.dark{--background:216 28% 6%;--foreground:180 10% 93%;--card:215 23% 9%;--card-foreground:180 10% 93%;--popover:215 22% 11%;--popover-foreground:180 10% 93%;--primary:153 85% 70%;--primary-foreground:158 55% 9%;--secondary:215 20% 14%;--secondary-foreground:210 15% 87%;--muted:216 19% 12%;--muted-foreground:214 12% 61%;--accent:157 25% 13%;--accent-foreground:153 85% 70%;--destructive:0 72% 66%;--destructive-foreground:0 40% 9%;--success:153 85% 70%;--success-foreground:158 55% 9%;--warning:39 83% 67%;--warning-foreground:38 45% 10%;--info:191 70% 68%;--info-foreground:192 50% 9%;--border:214 18% 17%;--input:214 18% 23%;--ring:153 85% 70%;--stage:216 33% 4%;--stage-foreground:156 33% 91%;--teal:178 65% 57%;--teal-foreground:178 50% 9%;--violet:260 62% 72%;--violet-foreground:260 50% 9%;--warm:30 72% 68%;--warm-foreground:30 50% 12%}*{box-sizing:border-box}body{background:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed}input,select,textarea{background:hsl(var(--background));width:100%;color:hsl(var(--foreground));border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 4px);min-height:36px;padding:9px 12px;font-size:13px}input[type=range]{accent-color:hsl(var(--primary));border:0;min-height:24px;padding:0}input[type=color]{cursor:pointer;height:36px;padding:4px}textarea{resize:vertical}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:var(--radius)}.btn{border-radius:calc(var(--radius) - 4px);white-space:nowrap;min-height:36px;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:var(--shadow-elegant)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-color:hsl(var(--border))}.btn-secondary:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn-ghost{color:hsl(var(--muted-foreground));background:0 0;padding:8px}.btn-ghost:hover{background:hsl(var(--secondary));color:hsl(var(--foreground))}.btn-destructive{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.btn-destructive:hover{box-shadow:var(--shadow-md)}.card{background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-sm)}.app-shell{min-height:100vh}.sidebar{border-right:1px solid hsl(var(--border));background:hsl(var(--card));z-index:30;flex-direction:column;width:224px;padding:32px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:hsl(var(--foreground));align-items:center;gap:9px;text-decoration:none;display:flex}.brand-symbol{color:hsl(var(--primary));width:35px;height:32px}.brand-name{letter-spacing:2px;font-size:23px;font-weight:800;line-height:1}.brand-sub{letter-spacing:2px;color:hsl(var(--muted-foreground));margin-top:7px;font-size:9px;font-weight:500;display:block}.sidebar-caption{letter-spacing:2px;color:hsl(var(--muted-foreground));margin:48px 16px 16px;font-size:10px}.nav-item{color:hsl(var(--muted-foreground));border-radius:calc(var(--radius) - 4px);transition:var(--transition-fast);border:1px solid #0000;align-items:center;gap:12px;margin-bottom:6px;padding:12px 16px;font-size:13px;text-decoration:none;display:flex}.nav-item:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.nav-item.active{background:hsl(var(--accent));color:hsl(var(--accent-foreground));border-color:hsl(var(--primary) / .13)}.nav-item.active:after{content:"";background:hsl(var(--primary));border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{margin-top:auto}.local-status{border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));align-items:center;gap:8px;margin:20px 12px 4px;padding-top:20px;font-size:11px;display:flex}.status-dot{background:hsl(var(--primary));width:6px;height:6px;box-shadow:0 0 10px hsl(var(--primary) / .2);border-radius:50%;display:inline-block}.topbar{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:16px;height:72px;margin-left:224px;padding:0 40px;display:flex}.topbar-title{color:hsl(var(--muted-foreground));align-items:center;gap:8px;font-size:12px;display:flex}.topbar-actions{align-items:center;gap:16px;display:flex}.topbar-badge{color:hsl(var(--muted-foreground));align-items:center;gap:7px;font-size:11px;display:flex}.main-content{max-width:1800px;margin-left:224px;padding:36px 40px 32px}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:hsl(var(--primary));margin-bottom:8px;font-size:10px;font-weight:600}.page-title{letter-spacing:-1px;font-size:30px;font-weight:600;line-height:1.25}.page-description{color:hsl(var(--muted-foreground));margin-top:8px;font-size:13px;line-height:1.6}.badge{text-transform:uppercase;letter-spacing:1px;border-radius:calc(var(--radius) - 6px);color:hsl(var(--primary));background:hsl(var(--primary) / .08);border:1px solid hsl(var(--primary) / .13);align-items:center;gap:6px;padding:4px 8px;font-size:10px;display:inline-flex}.muted-badge{color:hsl(var(--muted-foreground));background:hsl(var(--muted));border-color:hsl(var(--border))}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.scene-card{transition:box-shadow var(--transition), transform var(--transition);overflow:hidden}.scene-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.scene-card.is-active{border-color:hsl(var(--primary) / .5)}.scene-preview{aspect-ratio:16/9;background:hsl(var(--stage));position:relative;overflow:hidden}.scene-preview .canvas-view{width:100%;height:100%}.scene-preview-top{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:12px 12px auto}.scene-preview-top .btn{pointer-events:auto;background:hsl(var(--stage) / .55);color:hsl(var(--stage-foreground));border-radius:50%;min-height:28px;padding:6px}.scene-card-body{padding:18px 18px 12px}.scene-card-name{letter-spacing:-.2px;font-size:15px;font-weight:600}.scene-card-description{color:hsl(var(--muted-foreground));min-height:18px;margin-top:4px;font-size:12px;line-height:1.5}.scene-card-footer{border-top:1px solid hsl(var(--border));justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;display:flex}.scene-card-footer .btn-ghost{min-height:30px;padding:6px}.create-card{border:1px dashed hsl(var(--input));border-radius:var(--radius);min-height:275px;transition:var(--transition);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.create-card:hover{border-color:hsl(var(--primary));background:hsl(var(--accent) / .3)}.create-symbol{border-radius:var(--radius);background:hsl(var(--secondary));width:48px;height:48px;color:hsl(var(--primary));justify-content:center;align-items:center;display:flex}.scene-tools{justify-content:space-between;align-items:center;gap:16px;margin:28px 0 20px;display:flex}.filter-tabs{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 4px);gap:6px;padding:4px;display:flex}.filter-tabs .btn{min-height:30px;box-shadow:none;border:0;padding:6px 12px}.filter-tabs .selected{background:hsl(var(--secondary));color:hsl(var(--foreground))}.search-field{max-width:240px;position:relative}.search-field input{background:hsl(var(--card));padding-left:36px;font-size:12px}.search-field svg{color:hsl(var(--muted-foreground));position:absolute;top:11px;left:12px}.workspace-banner{background:linear-gradient(115deg, hsl(var(--accent)), hsl(var(--card)) 65%);border:1px solid hsl(var(--primary) / .17);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;display:flex}.workspace-kicker{color:hsl(var(--primary));letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;display:flex}.workspace-banner-title{margin-top:9px;font-size:18px;font-weight:500}.workspace-banner-copy{color:hsl(var(--muted-foreground));margin-top:6px;font-size:12px}.workspace-actions{align-items:center;gap:12px;display:flex}.workspace-mini{border-radius:calc(var(--radius) - 4px);background:hsl(var(--stage));border:1px solid hsl(var(--border));width:108px;height:60px;overflow:hidden}.section-label{letter-spacing:1px;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.section-label .count{color:hsl(var(--muted-foreground));font-size:11px;font-weight:400}.page-footer{color:hsl(var(--muted-foreground));justify-content:space-between;gap:12px;padding-top:32px;font-size:11px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:52px 20px;display:flex}.empty-icon{background:hsl(var(--muted));width:56px;height:56px;color:hsl(var(--muted-foreground));border-radius:50%;place-items:center;display:grid}.dialog-overlay{z-index:80;background:hsl(var(--stage) / .8);animation:appear var(--transition);position:fixed;inset:0}.dialog-content{z-index:81;background:hsl(var(--popover));color:hsl(var(--popover-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);width:calc(100% - 32px);max-width:480px;max-height:90dvh;box-shadow:var(--shadow-lg);animation:appear var(--transition);padding:28px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.dialog-wide{max-width:880px}.dialog-close{position:absolute;top:16px;right:16px}.field{flex-direction:column;gap:7px;min-width:0;margin-bottom:14px;display:flex}.field>span{color:hsl(var(--muted-foreground));font-size:11px;font-weight:500}.field-inline{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field-triple{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.toggle-row{justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.toggle{background:hsl(var(--input));width:34px;height:20px;transition:var(--transition);border:0;border-radius:999px;flex-shrink:0;padding:3px}.toggle span{background:hsl(var(--muted-foreground));width:14px;height:14px;transition:transform var(--transition);border-radius:50%;display:block}.toggle-on{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.toggle-on span{background:hsl(var(--primary-foreground));transform:translate(14px)}.toasts{z-index:100;flex-direction:column;gap:8px;max-width:430px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:hsl(var(--popover));color:hsl(var(--popover-foreground));border:1px solid hsl(var(--primary) / .4);border-radius:var(--radius);box-shadow:var(--shadow-md);align-items:center;gap:12px;padding:12px 16px;font-size:12px;display:flex}.toast>svg{color:hsl(var(--primary));flex-shrink:0}.toast-error{border-color:hsl(var(--destructive) / .4)}.toast-error>svg{color:hsl(var(--destructive))}.bottom-nav{display:none}.canvas-view{aspect-ratio:16/9;background:hsl(var(--stage));width:100%;display:block;position:relative;overflow:hidden}.canvas-view canvas{width:100%;height:100%;display:block}.playback-canvas{aspect-ratio:16/9;background:hsl(var(--stage));border-radius:var(--radius);width:100%;overflow:hidden}.playback-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:16px 0;display:flex}.runtime-controls{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.control-section{border-top:1px solid hsl(var(--border));margin-top:16px;padding-top:16px}.control-heading{letter-spacing:1.5px;color:hsl(var(--muted-foreground));text-transform:uppercase;margin-bottom:16px;font-size:10px;font-weight:600}.upload{border:1px dashed hsl(var(--input));border-radius:calc(var(--radius) - 4px);cursor:pointer;color:hsl(var(--muted-foreground));align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}.upload input{background:0 0;border:0;max-width:100%;padding:0;font-size:11px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.settings-card{padding:24px}.settings-card h2{align-items:center;gap:10px;margin-bottom:20px;font-size:16px;font-weight:600;display:flex}.settings-card h2 svg{color:hsl(var(--primary))}.notice{border:1px solid hsl(var(--border));background:hsl(var(--muted));border-radius:calc(var(--radius) - 4px);color:hsl(var(--muted-foreground));align-items:flex-start;gap:12px;padding:16px;font-size:12px;line-height:1.6;display:flex}.effect-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.effect-card{overflow:hidden}.effect-preview{aspect-ratio:16/10;background:hsl(var(--stage));position:relative}.effect-card-body{padding:16px}.effect-card-body h2{font-size:14px;font-weight:600}.effect-card-body p{color:hsl(var(--muted-foreground));min-height:36px;margin:6px 0 16px;font-size:12px;line-height:1.5}.effect-card-body .btn{width:100%}.rule-card{margin-bottom:16px;padding:20px}.rule-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.rule-flow{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;font-size:12px;display:flex}.rule-chip{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 4px);padding:8px 12px}.day-button{flex:1;min-height:32px;padding:6px 8px}.schedule-row{border-bottom:1px solid hsl(var(--border));grid-template-columns:100px 1fr 1fr 1fr auto;align-items:center;gap:16px;padding:20px;font-size:13px;display:grid}.schedule-row:last-child{border:0}.tab-section{margin-bottom:24px}.studio-shell{flex-direction:column;min-height:calc(100dvh - 72px);margin:-36px -40px -32px;display:flex}.studio-toolbar{border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));justify-content:space-between;align-items:center;gap:12px;height:64px;padding:12px 20px;display:flex}.studio-name{background:0 0;border:0;max-width:200px;padding:6px;font-weight:600}.studio-layout{flex:1;grid-template-columns:210px minmax(0,1fr) 270px;min-height:calc(100dvh - 176px);display:grid}.layers-panel{background:hsl(var(--card));border-right:1px solid hsl(var(--border));padding:16px 12px;overflow-y:auto}.inspector{background:hsl(var(--card));border-left:1px solid hsl(var(--border));max-height:calc(100dvh - 176px);padding:16px;overflow:auto}.inspector .field{margin-bottom:12px}.inspector .field>span{font-size:11px}.inspector input,.inspector select{padding:7px 8px;font-size:12px}.inspector .toggle-row{padding:7px 0}.inspector .toggle-row .text-sm{font-size:12px}.layer-item{border-radius:calc(var(--radius) - 4px);border:1px solid #0000;align-items:center;gap:6px;margin:4px 0;padding:7px 8px;display:flex}.layer-item.selected{background:hsl(var(--accent));border-color:hsl(var(--primary) / .2)}.layer-name{text-align:left;min-width:0;color:hsl(var(--foreground));text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;font-size:12px;overflow:hidden}.layer-item .btn{min-height:24px;padding:4px}.studio-workspace{background:hsl(var(--background));flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:36px 24px;display:flex;position:relative;overflow:auto}.canvas-frame{aspect-ratio:16/9;background:hsl(var(--stage));width:100%;box-shadow:var(--shadow-md);border:1px solid hsl(var(--border));transform-origin:50%;flex-shrink:0;position:relative}.canvas-frame.grid-on:after{content:"";pointer-events:none;background-image:linear-gradient(hsl(var(--stage-foreground) / .05) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--stage-foreground) / .05) 1px, transparent 1px);background-size:2.5% 4.444%;position:absolute;inset:0}.canvas-empty{color:hsl(var(--muted-foreground));pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.canvas-empty .empty-icon{background:hsl(var(--stage-foreground) / .04);color:hsl(var(--stage-foreground) / .3)}.canvas-empty strong{color:hsl(var(--stage-foreground) / .65);font-size:15px;font-weight:500}.canvas-empty span{font-size:12px}.element-overlay{touch-action:none;cursor:move;z-index:3;border:1px solid #0000;position:absolute}.element-overlay:hover{border-color:hsl(var(--primary) / .3)}.element-overlay.selected{border-color:hsl(var(--primary))}.resize-handle{background:hsl(var(--primary));border:1px solid hsl(var(--stage));cursor:nwse-resize;touch-action:none;width:9px;height:9px;position:absolute;bottom:-5px;right:-5px}.rotate-handle{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:1px solid hsl(var(--stage));cursor:grab;touch-action:none;border-radius:50%;width:13px;height:13px;position:absolute;top:-23px;left:calc(50% - 6px)}.studio-statusbar{border-top:1px solid hsl(var(--border));height:40px;color:hsl(var(--muted-foreground));background:hsl(var(--card));justify-content:space-between;align-items:center;gap:12px;padding:0 20px;font-size:10px;display:flex}.studio-controls{align-items:center;gap:4px;display:flex}.studio-controls .btn{min-height:30px;padding:6px}.canvas-hint{letter-spacing:1px;color:hsl(var(--muted-foreground));text-transform:uppercase;margin-top:24px;font-size:10px}.add-group-title{letter-spacing:2px;color:hsl(var(--muted-foreground));margin-top:24px;margin-bottom:12px;font-size:10px}.add-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.add-grid .btn{justify-content:flex-start;padding:12px;font-size:12px;font-weight:500}.swatches{gap:6px;margin-bottom:16px;display:flex}.swatch{border:2px solid hsl(var(--border));border-radius:50%;width:24px;height:24px;padding:0}.audio-meter{background:hsl(var(--input));border-radius:999px;height:5px;overflow:hidden}.audio-meter-fill{background:hsl(var(--primary));transform-origin:0;width:0;height:100%}.stats-strip{color:hsl(var(--muted-foreground));align-items:center;gap:16px;font-size:11px;display:flex}.automation-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px;display:grid}.full-player{background:hsl(var(--stage));z-index:75;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.full-player .canvas-view{aspect-ratio:16/9;width:100%;max-height:100dvh}.full-player-controls{background:hsl(var(--card) / .9);border:1px solid hsl(var(--border));border-radius:var(--radius);gap:8px;padding:8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.studio-focus{z-index:60;background:hsl(var(--background));min-height:100dvh;margin:0;position:fixed;inset:0}.studio-focus .studio-layout{min-height:calc(100dvh - 104px)}.studio-focus .inspector{max-height:calc(100dvh - 104px)}@keyframes appear{0%{opacity:0}to{opacity:1}}@media (width>=1440px){.main-content{padding:40px 48px}.studio-shell{margin:-40px -48px}.scene-grid{gap:24px}.scene-card-body{padding:20px 20px 16px}.studio-layout{grid-template-columns:230px minmax(0,1fr) 290px}}@media (width<=1279px){.sidebar{width:190px}.topbar,.main-content{margin-left:190px}.main-content{padding:28px}.topbar{padding:0 28px}.scene-grid{gap:16px}.effect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-shell{margin:-28px}.studio-layout{grid-template-columns:160px minmax(0,1fr) 240px}.studio-toolbar{padding:12px}.studio-workspace{padding:24px 16px}.studio-toolbar .btn{padding:8px 10px}.automation-layout{grid-template-columns:1fr}.automation-help{display:none}}@media (width<=1023px){.sidebar{display:none}.topbar,.main-content{margin-left:0}.main-content{padding:28px 24px 100px}.topbar{height:60px;padding:0 24px}.bottom-nav{background:hsl(var(--card));border-top:1px solid hsl(var(--border));padding:8px 4px calc(8px + env(safe-area-inset-bottom));z-index:40;display:flex;position:fixed;inset:auto 0 0}.bottom-nav .nav-item{border:0;flex-direction:column;flex:1;gap:5px;margin:0;padding:6px 0;font-size:9px}.bottom-nav .nav-item.active:after,.topbar-badge{display:none}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-shell{min-height:calc(100dvh - 156px);margin:-28px -24px 0}.studio-layout{grid-template-columns:150px minmax(0,1fr) 240px;min-height:600px}.inspector{max-height:660px}.workspace-banner{padding:20px}.toasts{max-width:unset;bottom:90px;left:16px;right:16px}.studio-toolbar{flex-wrap:wrap;height:auto;min-height:64px}.studio-controls{flex-wrap:wrap}.schedule-row{grid-template-columns:80px 1fr 1fr auto}.schedule-transition{display:none}}@media (width<=767px){.main-content{padding:24px 16px 100px}.topbar{padding:0 16px}.topbar-actions{gap:8px}.topbar-title{font-size:11px}.page-heading{align-items:flex-start;margin-bottom:24px}.page-title{font-size:26px}.page-description{max-width:220px;font-size:12px}.page-heading .btn{padding:10px;font-size:11px}.workspace-banner{align-items:flex-start;gap:16px}.workspace-mini{display:none}.workspace-banner-title{font-size:16px}.workspace-banner-copy{font-size:11px}.workspace-actions{align-self:center}.workspace-actions .btn{padding:8px}.scene-tools{flex-wrap:wrap;gap:8px}.search-field{flex:1;min-width:140px;max-width:100%}.scene-grid{gap:12px}.scene-card-body{padding:12px 12px 10px}.scene-card-name{font-size:13px}.scene-card-description{min-height:32px;font-size:11px}.scene-card-footer{flex-wrap:wrap;gap:4px}.scene-card-footer .btn{padding:6px 8px;font-size:10px}.scene-card-footer .btn-ghost{padding:5px}.scene-card-preview-top{inset:8px}.create-card{min-height:236px}.filter-tabs .btn{padding:6px 10px;font-size:11px}.page-footer{flex-wrap:wrap;padding-top:24px;font-size:10px}.settings-grid{grid-template-columns:1fr;gap:16px}.settings-card{padding:20px}.effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.effect-card-body{padding:12px}.effect-card-body p{font-size:11px}.runtime-controls{grid-template-columns:1fr;gap:12px}.dialog-content{padding:24px 20px}.add-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-shell{margin:-24px -16px 0}.studio-layout{min-height:unset;grid-template-columns:1fr;display:grid}.studio-workspace{grid-row:1;min-height:300px;padding:48px 16px}.layers-panel{border-top:1px solid hsl(var(--border));border-right:0;grid-row:2;max-height:240px;padding:16px}.inspector{border-left:0;border-top:1px solid hsl(var(--border));max-height:unset;grid-row:3;padding:20px}.studio-controls .btn{font-size:11px}.studio-toolbar{padding:12px 16px}.studio-statusbar{padding:0 12px;font-size:9px}.canvas-hint{font-size:9px}.scene-card-footer .card-actions{gap:0;display:flex}.rule-flow{gap:8px}.rule-chip{font-size:11px}.schedule-row{grid-template-columns:70px 1fr auto;gap:8px;padding:16px;font-size:12px}.schedule-days{color:hsl(var(--muted-foreground));grid-area:2/2;font-size:10px}.schedule-actions{grid-area:1/3/span 2}.stats-strip{gap:8px;font-size:10px}.playback-toolbar{flex-wrap:wrap}.full-player-controls{bottom:calc(24px + env(safe-area-inset-bottom));max-width:95vw}.full-player-controls .btn{padding:8px;font-size:11px}.scene-preview-top .badge{letter-spacing:.4px;font-size:8px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}