/*! tailwindcss v4.2.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-border-style:solid;--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-outline-style:solid;--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{--spacing:.25rem;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-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{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.invert{--tw-invert:invert(100%);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,)}.sepia{--tw-sepia:sepia(100%);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,)}.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,)}}:root{--background:#0d1017;--foreground:#f4f7fb;--muted:#96a0b3;--panel:#171c26;--panel-strong:#202735;--line:#313b4d;--green:#42d392;--red:#ff4d5f;--yellow:#f6c85f;--blue:#70a7ff}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{background:linear-gradient(180deg, #70a7ff14, transparent 320px), radial-gradient(circle at 50% 0%, #42d39214, transparent 360px), var(--background);color:var(--foreground);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;margin:0}button,input{font:inherit}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--foreground);font:inherit;background:#0f1520;border-radius:8px;padding:9px 10px}textarea{resize:vertical;min-height:92px}button{color:inherit;cursor:pointer;transition:border-color .14s,background .14s,transform .14s}button:hover{border-color:#70a7ffbf}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.workspace-shell{min-height:100vh;padding:18px}.admin-login-shell,.product-gate-shell{place-items:center;min-height:100vh;padding:18px;display:grid}.admin-login-panel,.product-gate-panel{border:1px solid var(--line);background:linear-gradient(145deg,#70a7ff1f,#0000),#171c26f5;border-radius:8px;gap:12px;width:min(440px,100%);padding:22px;display:grid;box-shadow:0 22px 80px #00000061}.admin-login-panel h1,.product-gate-panel h1{font-size:clamp(1.7rem,4vw,2.4rem)}.admin-login-panel p:not(.eyebrow),.product-gate-panel p:not(.eyebrow){color:var(--muted);font-size:.9rem}.admin-login-panel .primary-button,.product-gate-panel .primary-button{min-height:44px}.product-account-form,.license-panel,.install-card{gap:10px;display:grid}.license-panel,.install-card{border:1px solid var(--line);background:#101620;border-radius:8px;padding:12px}.license-panel span,.install-card span{color:var(--muted);font-size:.82rem}.paid-plan-grid{gap:8px;display:grid}.paid-plan-card{border:1px solid var(--line);text-align:left;background:#111722;border-radius:8px;gap:4px;width:100%;min-height:88px;padding:10px;display:grid}.paid-plan-card.selected{border-color:var(--green);background:linear-gradient(145deg,#42d39229,#0000),#111722}.paid-plan-card strong{font-size:.95rem}.paid-plan-card small{color:var(--muted);line-height:1.35}.account-status{color:#dffeed;background:#42d3921a;border:1px solid #42d3925c;border-radius:8px;padding:10px 12px;font-size:.84rem;display:block}.account-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.account-mode-switch button{border:1px solid var(--line);background:#111722;border-radius:8px;min-height:38px;font-weight:900}.account-mode-switch button.selected{border-color:var(--green);background:#42d39226}.install-guide{background:linear-gradient(145deg,#70a7ff1f,#0000),#101620;border:1px solid #70a7ff61;border-radius:8px;gap:10px;padding:12px;display:grid}.install-guide>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.install-guide>div button{border:1px solid var(--line);background:#1b2230;border-radius:8px;width:auto;min-height:32px;padding:0 10px;font-size:.72rem;font-weight:900}.install-guide p,.install-guide ul{color:var(--muted);margin:0;font-size:.8rem;line-height:1.42}.install-guide ul{padding-left:18px}.install-link{place-items:center;text-decoration:none;display:grid}.setup-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.topbar,.account-workspace-bar,.mode-tabs,.status-strip,.activity-bar,.control-grid,.lower-grid,.composition-workspace{width:min(1800px,100%);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:4px 2px 16px;display:flex}.account-workspace-bar{border:1px solid var(--line);background:#101620;border-radius:8px;grid-template-columns:minmax(190px,.8fr) minmax(170px,1fr) auto auto minmax(180px,1fr) minmax(180px,1fr);align-items:center;gap:10px;margin-bottom:12px;padding:10px;display:grid}.account-license-card{gap:2px;display:grid}.account-license-card strong,.account-license-card span{overflow-wrap:anywhere;min-width:0;display:block}.account-license-card span{color:var(--muted);font-size:.76rem}.admin-accounts-panel{border:1px solid var(--line);background:#101620;border-radius:8px;width:min(1800px,100%);margin:0 auto 12px;padding:12px}.admin-accounts-panel>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.admin-accounts-panel span{color:var(--muted)}.admin-account-table{gap:6px;display:grid}.admin-account-row{background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;grid-template-columns:minmax(180px,1.4fr) minmax(80px,.6fr) minmax(140px,1fr) minmax(100px,.7fr) minmax(180px,1.2fr);align-items:center;gap:8px;padding:8px;font-size:.82rem;display:grid}.admin-account-row.header{text-transform:uppercase;font-weight:800}.admin-account-row.empty{grid-template-columns:1fr}.admin-account-row span{overflow-wrap:anywhere;min-width:0}.eyebrow{color:var(--green);letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:.72rem;font-weight:800}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(1.65rem,3vw,3rem);line-height:1.02}.account-note{color:var(--muted);margin-top:6px;font-size:.78rem;font-weight:800}h2{letter-spacing:0;font-size:1rem}.top-actions,.transport,.format-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mode-tabs{border:1px solid var(--line);background:#101620;border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px;padding:6px;display:grid}.mode-tabs button{min-height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;font-weight:900}.mode-tabs button.selected{color:#f7fbff;background:#1b2230;border-color:#70a7ff80}.icon-button,.primary-button,.small-button,.transport button,.format-row button,.macro-list button{border:1px solid var(--line);color:#f7fbff;background:#1b2230;border-radius:8px;min-height:38px;font-weight:800}.icon-button{width:42px}.icon-button span{font-family:var(--font-geist-mono), monospace;font-size:.72rem}.primary-button,.take-button{background:var(--green);color:#06120d;border-color:#42d3928c;padding:0 18px}.danger-button{color:#ffd9de!important;border-color:#ff4d5f9e!important}.active-command{background:var(--yellow)!important;color:#111722!important;border-color:#f6c85fcc!important}.status-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.activity-bar{border:1px solid var(--line);background:#101620;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:42px;margin-bottom:12px;padding:9px 12px;display:flex}.activity-bar span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.activity-bar strong{color:#f7fbff;font-size:.9rem}.status,.panel,.output-preview{border:1px solid var(--line);background:#171c26db;border-radius:8px;box-shadow:0 18px 60px #00000047}.status{text-align:left;justify-content:space-between;align-items:center;min-height:56px;padding:12px 14px;display:flex}.status-button{width:100%}.status-button:hover{background:linear-gradient(145deg,#70a7ff1f,#0000),#171c26f5}.status span,.panel small,.cue-item small,.layer-row small{color:var(--muted);font-size:.76rem}.status strong{font-family:var(--font-geist-mono), monospace;font-size:.86rem}.status-live strong{color:var(--red)}.control-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:stretch;gap:12px;display:grid}.control-grid.mode-live,.control-grid.mode-library{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.control-grid.mode-compositor,.control-grid.mode-streaming,.control-grid.mode-audio,.control-grid.mode-ai,.control-grid.mode-library .rundown-panel{display:none}.audio-workspace{grid-template-columns:minmax(320px,.8fr) minmax(460px,1.5fr) minmax(320px,.9fr);align-items:start;gap:12px;margin-top:12px;display:grid}.audio-mixer-panel{grid-row:span 2}.audio-dsp-panel{grid-column:span 2}.audio-status-card,.audio-scene-list article,.audio-eq-band,.audio-dynamics-grid article{background:#0c1220c7;border:1px solid #94a3b82e;border-radius:8px;gap:8px;padding:10px;display:grid}.audio-status-card strong,.audio-scene-list strong{color:#f8fbff}.audio-status-card span,.audio-meter-stats span,.audio-strip small,.audio-scene-list span{color:#e2e8f0b8;font-size:.78rem;font-weight:800}.audio-device-grid,.audio-dynamics-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px;display:grid}.audio-device-grid label,.audio-strip label,.audio-eq-band label,.audio-dynamics-grid label{color:#e2e8f0b8;text-transform:uppercase;gap:5px;font-size:.72rem;font-weight:900;display:grid}.audio-device-grid input,.audio-device-grid select,.audio-strip input,.audio-eq-band select,.audio-scene-save input{color:#edf5ff;background:#050a14d1;border:1px solid #94a3b833;border-radius:8px;min-height:34px;padding:0 9px}.audio-engine-actions,.audio-strip-buttons,.audio-scene-save,.audio-meter-stats{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.audio-meter-stats span{background:#70a7ff14;border:1px solid #70a7ff2e;border-radius:999px;padding:5px 8px}.audio-mixer-strips{grid-auto-columns:minmax(154px,174px);grid-auto-flow:column;gap:10px;padding-bottom:8px;display:grid;overflow-x:auto}.audio-mixer-strips.expanded{grid-auto-columns:minmax(190px,224px)}.audio-strip{border:1px solid #94a3b82e;border-top:3px solid var(--strip-color);cursor:pointer;background:linear-gradient(#0f172af5,#090d18fa);border-radius:8px;gap:9px;min-height:330px;padding:10px;display:grid}.audio-strip.selected{border-color:var(--strip-color)}@supports (color:color-mix(in lab, red, red)){.audio-strip.selected{border-color:color-mix(in srgb, var(--strip-color) 70%, white 10%)}}.audio-strip.selected{box-shadow:0 0 0 1px var(--strip-color)}@supports (color:color-mix(in lab, red, red)){.audio-strip.selected{box-shadow:0 0 0 1px color-mix(in srgb, var(--strip-color) 36%, transparent)}}.audio-strip.muted{opacity:.62}.audio-strip-head{gap:5px;display:grid}.audio-strip-head input{font-weight:950}.audio-strip-head span{color:var(--strip-color)}@supports (color:color-mix(in lab, red, red)){.audio-strip-head span{color:color-mix(in srgb, var(--strip-color) 78%, white 18%)}}.audio-strip-head span{font-size:.72rem;font-weight:950}.audio-channel-meter,.audio-master-meter{background:#0f172af2;border-radius:999px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #94a3b82e}.audio-channel-meter span,.audio-master-meter span{width:var(--meter-level,0%);border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15 72%,#ef4444);height:100%;display:block}.audio-master-meter{height:22px}.audio-master-meter span{width:var(--master-level,0%)}.audio-strip-buttons button{color:#eaf2ff;background:#94a3b814;border:1px solid #94a3b82e;border-radius:7px;min-height:28px;padding:0 8px;font-size:.72rem;font-weight:950}.audio-dsp-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;display:grid}.audio-dynamics-grid{margin-top:10px}.audio-scene-list{gap:8px;display:grid}.audio-scene-list article{grid-template-columns:minmax(0,1fr) auto;align-items:center}.mixer-console{grid-template-columns:minmax(0,1fr) minmax(300px,390px)}.mixer-console .audio-mixer-panel{grid-area:auto/1/auto/-1}.mixer-console .audio-dsp-panel{grid-column:auto}.audio-console-topbar{background:#202329;border:1px solid #94a3b824;border-radius:8px;grid-template-columns:minmax(220px,1fr) repeat(4,minmax(92px,.35fr)) auto minmax(190px,.65fr);align-items:end;gap:10px;margin-bottom:12px;padding:10px;display:grid}.audio-console-topbar label,.audio-console-readout,.audio-strip-patch{gap:5px;display:grid}.audio-console-topbar label span,.audio-console-readout span{color:#e2e8f0ad;text-transform:uppercase;font-size:.68rem;font-weight:950}.audio-console-topbar input,.audio-console-topbar select,.audio-strip-patch select{color:#f8fafc;background:#3b3333;border:1px solid #ffffff24;border-radius:6px;min-height:30px;padding:0 8px;font-size:.76rem;font-weight:900}.audio-console-topbar input{width:100%}.audio-console-readout{border-left:1px solid #ffffff1f;justify-content:center;align-self:stretch;padding-left:12px}.audio-console-readout strong{color:#e8f2ff;font-size:.95rem}.audio-hardware-meter-bank{background:#191c22;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:5px;margin:0 0 12px;padding:8px;display:grid}.audio-hardware-meter{color:#e2e8f0b8;background:#050a14c2;border:1px solid #94a3b829;border-radius:5px;grid-template-rows:48px auto;gap:4px;min-width:0;padding:4px 3px;font-size:.62rem;font-weight:950;display:grid}.audio-hardware-meter span{width:100%;height:var(--meter-level,0%);background:linear-gradient(#ef4444,#facc15 34%,#22c55e 74%);border-radius:3px;align-self:end;min-height:2px}.audio-hardware-meter.has-signal{color:#dcfce7;border-color:#22c55e8c}.audio-hardware-meter strong{text-align:center;text-overflow:ellipsis;overflow:hidden}.mixer-console .audio-mixer-strips{background:#24272d;border:1px solid #ffffff1a;border-radius:8px;grid-auto-columns:minmax(124px,138px);gap:0;padding:0 0 10px}.mixer-console .audio-mixer-strips.expanded{grid-auto-columns:minmax(150px,168px)}.mixer-console .audio-strip{background:#2b2d31;border-width:0 1px 0 0;border-color:currentColor #ffffff17 #ffffff17;border-top-style:none;border-radius:0;gap:7px;min-height:468px;padding:8px 8px 0}.mixer-console .audio-strip:nth-child(6n+1),.mixer-console .audio-strip:nth-child(6n+2),.mixer-console .audio-strip:nth-child(6n+3),.mixer-console .audio-strip:nth-child(6n+4){--strip-family:#e34b4b}.mixer-console .audio-strip:nth-child(6n+5),.mixer-console .audio-strip:nth-child(6n+6){--strip-family:#d7dce0}.mixer-console .audio-strip.selected{box-shadow:inset 0 0 0 2px var(--strip-color)}@supports (color:color-mix(in lab, red, red)){.mixer-console .audio-strip.selected{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--strip-color) 70%, white 16%)}}.mixer-console .audio-strip.unarmed{opacity:.58}.mixer-console .audio-strip.unarmed .audio-channel-meter span{height:0%}.audio-strip-patch{background:var(--strip-color);margin:-8px -8px 4px;padding:8px}@supports (color:color-mix(in lab, red, red)){.audio-strip-patch{background:color-mix(in srgb, var(--strip-color) 28%, #4a3434 72%)}}.audio-strip-patch select{background:#ffffff24;width:100%}.mixer-console .audio-strip-head input{color:#f87171;text-align:center;text-transform:uppercase;background:0 0;border:0;border-radius:4px;min-height:28px;padding:0 6px}.mixer-console .audio-strip-head span{color:#f9fafb;justify-self:center}.audio-strip-core{grid-template-columns:22px minmax(0,1fr);align-items:end;gap:10px;min-height:180px;display:grid}.audio-channel-meter.vertical{border-radius:999px;align-items:flex-end;width:14px;height:168px;display:flex}.audio-channel-meter.vertical span{width:100%;height:var(--meter-level,0%)}.audio-fader{justify-items:center;gap:8px;min-width:0;display:grid}.audio-fader span{color:#f8fafcad;font-size:.7rem;font-weight:900}.audio-fader input[type=range]{accent-color:#e5e7eb;writing-mode:vertical-lr;direction:rtl;width:34px;height:168px}.audio-trim-row{gap:3px}.audio-trim-row span{text-align:center;font-size:.64rem}.audio-strip-buttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.audio-strip-buttons button{border-radius:4px;min-height:26px;padding:0 4px}.audio-strip-buttons .arm-button{color:#fef3c7;grid-column:1/-1}.audio-strip-buttons .arm-button.active-command{color:#fff;background:#e11d48}.audio-strip-number{background:var(--strip-color);place-items:center;min-height:30px;margin:auto -8px 0;display:grid}@supports (color:color-mix(in lab, red, red)){.audio-strip-number{background:color-mix(in srgb, var(--strip-color) 52%, #bb1d1d 48%)}}.audio-strip-number{color:#fff;font-size:.75rem;font-weight:950}.audio-selected-patch{background:#191d24;border:1px solid #94a3b829;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.audio-selected-patch strong,.audio-selected-patch span{display:block}.audio-selected-patch span{color:#e2e8f0b3;font-size:.78rem;font-weight:800}.audio-patch-mode,.audio-input-patch-grid{flex-wrap:wrap;gap:7px;display:flex}.audio-patch-mode button,.audio-input-patch-grid button{color:#eaf2ff;background:#94a3b814;border:1px solid #94a3b82e;border-radius:7px;min-height:30px;padding:0 9px;font-weight:900}.audio-input-patch-grid{max-height:120px;margin:10px 0;overflow:auto}.audio-input-patch-grid button:disabled{opacity:.35}.audio-scene-list.compact{max-height:164px;overflow:auto}.streaming-workspace{grid-template-columns:minmax(360px,1.3fr) minmax(300px,.9fr);align-items:start;gap:12px;margin-top:12px;display:grid}.streaming-destinations-panel{grid-row:span 2}.stream-platform-add,.stream-card-actions,.stream-control-actions,.stream-toggle-list{flex-wrap:wrap;gap:8px;display:flex}.output-channel-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding-bottom:12px;display:flex}.output-channel-toolbar>div,.output-channel-card label{gap:4px;display:grid}.output-channel-toolbar small{color:var(--muted)}.output-channel-list{gap:10px;margin-bottom:16px;display:grid}.output-channel-card{border:1px solid var(--line);background:#ffffff09;grid-template-columns:minmax(140px,1fr) minmax(180px,1.25fr) auto;align-items:end;gap:10px;padding:10px;display:grid}.output-channel-card input,.output-channel-card select{min-height:34px}.checkout-retry-link{color:var(--accent);margin-top:5px;font-size:.78rem;display:block}@media (width<=760px){.output-channel-card{grid-template-columns:1fr}.output-channel-toolbar{flex-direction:column;align-items:stretch}}.add-destination-button{color:#dcfff1;font-family:var(--font-geist-mono), monospace;background:#42d39229;border-color:#42d3927a;font-size:1.2rem;line-height:1}.stream-destination-picker{background:#080d15b8;border:1px solid #70a7ff38;border-radius:8px;gap:10px;padding:10px;display:grid}.stream-platform-add button{color:#eaf2ff;text-align:left;background:#70a7ff14;border:1px solid #70a7ff4d;border-radius:8px;gap:3px;min-width:132px;min-height:34px;padding:8px 10px;font-weight:900;display:grid}.stream-platform-add button span{color:var(--muted);font-size:.72rem;font-weight:800}.stream-destination-list,.stream-destination-card,.stream-empty-destinations,.stream-preview-frame,.stream-preview-meta,.stream-program-card,.stream-recording-card,.sanctuary-encoder-card,.facebook-connect-card,.youtube-connect-card,.stream-status-panel,.stream-research-notes{gap:8px;display:grid}.stream-destination-list{margin-top:10px}.stream-empty-destinations{background:#94a3b80d;border:1px dashed #94a3b838;border-radius:8px;padding:14px}.stream-empty-destinations span{color:var(--muted);font-size:.82rem;line-height:1.4}.stream-destination-card{border:1px solid var(--line);background:#111722;border-radius:8px;padding:10px}.stream-destination-card.enabled{background:linear-gradient(145deg,#42d39214,#0000),#111722;border-color:#42d39261}.stream-destination-card.ready-to-go-live{border-color:#42d392c7;box-shadow:0 0 0 1px #42d3922e,0 14px 38px #42d3921f}.stream-platform-summary{background:#080d15a3;border:1px solid #94a3b824;border-radius:7px;gap:3px;padding:8px;display:grid}.stream-platform-summary strong{color:#dcfff1;text-transform:uppercase;font-size:.76rem}.stream-platform-summary span{color:#dce7f5;font-size:.82rem;font-weight:800}.stream-platform-summary small.ready{color:#42d392;font-weight:900}.youtube-connect-card,.facebook-connect-card{background:linear-gradient(145deg,#ff4d5f14,#0000),#111722;border:1px solid #ff4d5f47;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-top:10px;padding:10px}.youtube-connect-card.connected,.facebook-connect-card.connected{background:linear-gradient(145deg,#42d39214,#0000),#111722;border-color:#42d39261}.facebook-connect-card{background:linear-gradient(145deg,#70a7ff14,#0000),#111722;border-color:#70a7ff52}.youtube-connect-card strong,.youtube-connect-card span,.youtube-connect-card small,.facebook-connect-card strong,.facebook-connect-card span,.facebook-connect-card small{display:block}.youtube-connect-card span,.youtube-connect-card small,.facebook-connect-card span,.facebook-connect-card small{color:var(--muted);font-size:.78rem;line-height:1.35}.stream-card-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.stream-status{color:#ffe8a3;text-transform:uppercase;border:1px solid #f6c85f66;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:900}.stream-status.ready{color:#dcfff1;border-color:#42d39273}.stream-status.go-live-ready{color:#d8ffec;background:#42d3922e;border-color:#42d392b8}.live-badge{color:#ffd9de;background:#ff4d5f29;border-color:#ff4d5f80}.stream-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stream-form-grid label,.stream-toggle-list label{gap:4px;display:grid}.stream-form-grid span{color:var(--muted);text-transform:uppercase;font-size:.66rem;font-weight:900}.stream-program-card,.stream-recording-card,.stream-preview-frame,.sanctuary-encoder-card,.stream-status-panel,.stream-research-notes{background:#0d131d;border:1px solid #70a7ff3d;border-radius:8px;padding:10px}.stream-preview-frame{padding:8px}.stream-preview-frame .output-preview{box-shadow:none}.stream-preview-frame .output-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.stream-preview-frame .screen{min-height:180px}.stream-preview-meta{grid-template-columns:repeat(4,minmax(0,1fr))}.stream-preview-meta span{min-height:34px;color:var(--muted);text-align:center;background:#111722;border:1px solid #ffffff1f;border-radius:8px;place-items:center;padding:7px;font-size:.72rem;font-weight:900;display:grid}.stream-preview-meta span.ready{color:#dcfff1;background:#42d39214;border-color:#42d3926b}.stream-preview-meta span.warning{color:#ffd9de;background:#ff4d5f1a;border-color:#ff4d5f75}.stream-recording-card{background:linear-gradient(145deg,#f6c85f14,#0000),#0d131d;border-color:#f6c85f47;grid-template-columns:minmax(0,1fr)}.sanctuary-encoder-card{background:linear-gradient(145deg,#42d39214,#0000),#0d131d;border-color:#42d3924d;margin-top:10px}.stream-program-card strong,.stream-program-card span,.stream-program-card small,.stream-recording-card strong,.stream-recording-card span,.stream-recording-card small,.sanctuary-encoder-card strong,.sanctuary-encoder-card span,.stream-status-panel strong,.stream-status-panel span,.stream-research-notes strong,.stream-research-notes span{display:block}.stream-program-card span,.stream-program-card small,.stream-recording-card span,.stream-recording-card small,.sanctuary-encoder-card span,.stream-status-panel span,.stream-research-notes span{color:var(--muted);font-size:.78rem;line-height:1.35}.stream-recording-card small.ready{color:#42d392;font-weight:900}.encoder-command-list{gap:6px;display:grid}.encoder-command-list code{color:#dfffea;white-space:nowrap;background:#00000047;border:1px solid #ffffff1f;border-radius:8px;max-width:100%;padding:8px;font-size:.72rem;line-height:1.45;display:block;overflow-x:auto}.download-link{place-items:center;min-height:34px;text-decoration:none;display:inline-grid}.stream-health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stream-health-grid span{color:var(--muted);background:#111722;border:1px solid #ffffff1f;border-radius:8px;padding:9px;font-size:.76rem;font-weight:900}.stream-health-grid span.ready{color:#dcfff1;background:#42d39214;border-color:#42d3926b}.panel{resize:both;min-width:0;min-height:120px;padding:14px;overflow:auto}.panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.window-panel{transition:min-height .16s,opacity .16s;position:relative}.window-panel.is-minimized{resize:horizontal;min-height:58px}.window-title-actions,.panel-window-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.panel-window-controls button{border:1px solid var(--line);color:#f7fbff;background:#111722;border-radius:7px;min-height:30px;padding:0 9px;font-size:.72rem;font-weight:900}.panel-window-controls button:first-child{width:32px;font-family:var(--font-geist-mono), monospace;padding:0}.resize-handles{pointer-events:none}.resize-handle{z-index:12;opacity:0;pointer-events:auto;background:0 0;border:0;border-radius:0;padding:0;position:absolute;transform:none!important}.resize-handle:hover,.resize-handle:focus-visible{opacity:1;background:#70a7ff29}.resize-n,.resize-s{cursor:ns-resize;height:8px;left:18px;right:18px}.resize-n{top:0}.resize-s{bottom:0}.resize-e,.resize-w{cursor:ew-resize;width:8px;top:18px;bottom:18px}.resize-e{right:0}.resize-w{left:0}.resize-ne,.resize-se,.resize-sw,.resize-nw{width:18px;height:18px}.resize-ne{cursor:nesw-resize;top:0;right:0}.resize-se{cursor:nwse-resize;bottom:0;right:0}.resize-sw{cursor:nesw-resize;bottom:0;left:0}.resize-nw{cursor:nwse-resize;top:0;left:0}.restore-strip{background:#101620b8;border:1px dashed #70a7ff70;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;width:min(1800px,100%);margin:0 auto 12px;padding:9px 10px;display:flex}.restore-strip span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.is-hidden{display:none!important}.panel-heading,.output-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.timecode,.badge,.output-header strong{border:1px solid var(--line);color:#d9e6f8;font-family:var(--font-geist-mono), monospace;background:#101620;border-radius:999px;padding:5px 9px;font-size:.72rem}.publish-scope-control{background:#f6c85f0f;border:1px solid #f6c85f52;border-radius:8px;grid-template-columns:auto auto auto;align-items:center;gap:4px;min-height:36px;padding:4px;display:inline-grid}.publish-scope-control span{color:#ffe8a3;text-transform:uppercase;padding:0 6px;font-size:.66rem;font-weight:900}.publish-scope-control button{min-height:28px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:0 8px;font-size:.7rem;font-weight:900}.publish-scope-control button.selected{color:#fff5d6;background:#f6c85f29;border-color:#f6c85f7a}.public-update-banner{background:linear-gradient(145deg,#42d3921f,#0000),#0e1716;border:1px solid #42d3925c;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:grid}.public-update-banner strong,.public-update-banner span{display:block}.public-update-banner strong{color:#dcfff1}.public-update-banner span{color:var(--muted);font-size:.78rem}.cue-list,.layer-list,.macro-list{gap:8px;display:grid}.cue-list,.library-items{max-height:390px;padding-right:2px;overflow:auto}.playlist-manager{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;gap:8px;margin-bottom:10px;display:grid}.live-source-toolbar{grid-template-columns:minmax(0,1fr) minmax(110px,150px);align-items:end;gap:8px;margin-bottom:10px;display:grid}.live-source-toolbar .segmented-control{width:100%}.live-layer-duration span{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:900;display:block}.live-layer-duration input{width:100%}.live-layer-mode{gap:10px;display:grid}.live-layer-list .layer-row{grid-template-columns:28px minmax(0,1fr) auto auto}.layer-order-actions.compact button{min-height:28px;padding:0 7px;font-size:.68rem}.live-layer-picker{margin-bottom:0}.live-layer-add-button{color:#dceaff;background:#70a7ff14;border:1px dashed #70a7ff94;border-radius:8px;place-items:center;width:100%;min-height:44px;font-size:1.35rem;font-weight:900;display:grid}.cue-item{border:1px solid var(--line);border-left:4px solid var(--cue-accent);background:#111722;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;min-height:66px;display:grid}.cue-item.selected{background:var(--cue-accent)}@supports (color:color-mix(in lab, red, red)){.cue-item.selected{background:color-mix(in srgb, var(--cue-accent) 16%, #111722)}}.cue-item.selected{border-color:var(--cue-accent)}.cue-main{text-align:left;background:0 0;border:0;grid-template-columns:42px 1fr;align-items:center;gap:10px;min-height:56px;display:grid}.cue-edit,.cue-delete{border-radius:8px;min-height:34px;padding:0 9px;font-size:.74rem;font-weight:900}.cue-edit{color:#dceaff;background:#70a7ff14;border:1px solid #70a7ff70}.cue-delete{color:#ffd9de;background:#ff4d5f14;border:1px solid #ff4d5f7a}.cue-label{color:#eaf2ff;width:32px;height:32px;font-family:var(--font-geist-mono), monospace;background:#242d3d;border-radius:6px;place-items:center;margin-left:8px;font-size:.72rem;font-weight:900;display:grid}.cue-item strong,.cue-item small,.layer-row strong,.layer-row small{display:block}.quick-add,.edit-form,.library-add,.bible-tools{gap:8px;display:grid}.quick-add{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.preview-stack{min-width:0}.preview-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.output-preview{padding:12px}.program{border-color:#ff4d5fbf}.output-header{margin-bottom:8px;font-weight:800}.program .output-header strong{background:var(--red);color:#fff}.screen{aspect-ratio:16/9;background:#05070b;border:1px solid #3b4659;border-radius:6px;position:relative;overflow:hidden}.screen.blackout{background:#000}.screen.blackout .camera-plane,.screen.blackout .motion-plane,.screen.blackout .procedural-background-canvas,.screen.blackout video,.screen.blackout .safe-lines{opacity:0}.camera-plane,.motion-plane,.safe-lines,.graphic-layer{position:absolute;inset:0}.camera-plane{background:radial-gradient(at 30% 24%,#70a7ff2e,#0000 34%),radial-gradient(at 72% 70%,#42d3921f,#0000 38%),#080d14}.motion-plane{opacity:.82;background:radial-gradient(circle at 20% 20%, var(--cue-accent), transparent 36%), radial-gradient(ellipse at 78% 76%, #42d3922e, transparent 42%), #0b111b}@supports (color:color-mix(in lab, red, red)){.motion-plane{background:radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--cue-accent) 45%, transparent), transparent 36%), radial-gradient(ellipse at 78% 76%, #42d3922e, transparent 42%), #0b111b}}.motion-plane{mix-blend-mode:screen}.screen .procedural-background-canvas{z-index:1}.screen video{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.graphic-layer{text-align:var(--preview-align);z-index:3;background:linear-gradient(#0000 35%,#000000b8);flex-direction:column;justify-content:end;padding:8% 8% 9%;display:flex}.graphic-layer small{width:fit-content;color:var(--cue-accent);text-transform:uppercase;background:#0000006b;border-radius:999px;margin-bottom:10px;padding:6px 10px;font-weight:900}.graphic-layer span{max-width:90%;color:var(--preview-text-color);font-family:var(--preview-font);font-size:var(--preview-text-size);font-weight:var(--preview-weight);font-style:var(--preview-style);text-transform:var(--preview-transform);text-shadow:0 3px 20px #000000b8;line-height:1.06}.graphic-layer.bible{text-align:center;justify-content:center}.graphic-layer.announcement,.graphic-layer.media{text-align:center;background:#03080c42;justify-content:center;align-items:center}.safe-lines{pointer-events:none;border:1px dashed #ffffff3d;display:none;inset:7%}.transport{justify-content:center;min-height:76px}.transport button{min-width:76px;font-family:var(--font-geist-mono), monospace;padding:0 14px}.transport .take-button{min-width:118px;min-height:54px;font-size:1rem}.live-stereo-capture{background:#111823;border:1px solid #70a7ff38;border-radius:8px;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.3fr) minmax(150px,.7fr);align-items:center;gap:12px;margin:10px 0 12px;padding:12px;display:grid}.live-stereo-capture h2{margin:0;font-size:1rem}.live-stereo-capture small{color:#e2e8f0ad;font-size:.72rem;font-weight:800}.live-stereo-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.live-stereo-controls select{border:1px solid var(--line);min-width:180px;min-height:34px;color:var(--text);background:#161f2d;border-radius:6px;flex:1;padding:0 9px;font-weight:850}.live-stereo-meters{grid-template-columns:repeat(2,minmax(58px,1fr));gap:8px;display:grid}.live-stereo-meter{text-align:center;background:#02060eb3;border:1px solid #94a3b82e;border-radius:6px;grid-template-rows:42px auto auto;gap:3px;min-width:0;padding:6px;display:grid}.live-stereo-meter>span{width:100%;height:var(--meter-level,0%);background:linear-gradient(#ef4444,#facc15 34%,#22c55e 74%);border-radius:4px;align-self:end;min-height:2px}.live-stereo-meter.has-signal{border-color:#22c55e8c}.monitor-dock{border:1px solid var(--line);background:#101620;border-radius:8px;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:12px;margin-top:12px;padding:12px;display:grid}.monitor-actions,.device-action-row{flex-wrap:wrap;gap:8px;display:flex}.monitor-actions{justify-content:flex-end}.monitor-actions a,.device-action-row a{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.monitor-grid{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.monitor-tile{border:1px solid var(--line);text-align:left;background:#111722;border-radius:8px;gap:4px;min-height:64px;padding:10px;display:grid}.monitor-tile.selected{border-color:var(--green);background:linear-gradient(145deg,#42d3922e,#0000),#111722}.monitor-tile strong,.monitor-tile small{display:block}.monitor-tile small,.monitor-note{color:var(--muted);font-size:.76rem}.monitor-note{border:1px dashed var(--line);border-radius:8px;align-items:center;min-height:64px;padding:10px;display:flex}.layer-row{border:1px solid var(--line);background:#111722;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:58px;padding:9px;display:grid}.layer-row.selected{background:#162033;border-color:#70a7ffc7}.layer-row-main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;padding:0}.toggle{background:#0e131d;border:1px solid #4a556a;border-radius:50%;width:22px;height:22px}.toggle.on{border-color:var(--green);background:radial-gradient(circle, var(--green) 0 45%, #0e131d 49%)}.layer-row>span{color:#d7e6f6;font-family:var(--font-geist-mono), monospace;font-size:.78rem}.switches{gap:10px;margin-top:14px;display:grid}.switches label{color:#dce7f5;align-items:center;gap:10px;font-size:.9rem;display:flex}.switches input{width:18px;height:18px;accent-color:var(--green)}.device-panel,.midi-panel{align-self:stretch}.connection-status{background:linear-gradient(145deg,#70a7ff1a,#0000),#101620;border:1px solid #70a7ff57;border-radius:8px;gap:4px;margin-bottom:12px;padding:10px;display:grid}.connection-status strong,.connection-status small{overflow-wrap:anywhere;min-width:0;display:block}.connection-status small{color:var(--muted);font-size:.76rem}.receiver-grid,.midi-binding-list{gap:8px;display:grid}.receiver-card,.midi-binding-row{border:1px solid var(--line);background:#111722;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;display:grid}.receiver-card strong,.receiver-card small,.midi-binding-row strong,.midi-binding-row small{overflow-wrap:anywhere;min-width:0;display:block}.receiver-card small,.midi-binding-row small{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:.68rem}.receiver-actions,.device-action-row,.midi-learn-row{flex-wrap:wrap;gap:8px;display:flex}.receiver-actions{justify-content:flex-end}.device-action-row,.midi-learn-row{margin-top:10px}.midi-learn-row select{flex:1;min-width:190px}.connected-device-list,.midi-input-list{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.connected-device-list span,.midi-input-list span{color:#dfffee;background:#42d39214;border:1px solid #42d3925c;border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:900}.connected-device-list small,.midi-input-list small,.midi-binding-list>small{color:var(--muted);font-size:.76rem}.midi-binding-list{margin-top:10px}.keyboard-shortcut-section{border-top:1px solid var(--line);gap:8px;margin-top:16px;padding-top:14px;display:grid}.default-shortcut-grid{grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:6px;margin-top:10px;display:grid}.default-shortcut-grid span{background:#70a7ff12;border:1px solid #70a7ff3d;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding:7px;display:grid}.default-shortcut-grid kbd{color:#f8fbff;min-width:30px;font-family:var(--font-geist-mono), monospace;text-align:center;background:#080c12;border:1px solid #ffffff38;border-radius:6px;padding:3px 5px;font-size:.66rem;font-weight:900}.default-shortcut-grid small{color:var(--muted);overflow-wrap:anywhere;font-size:.68rem;font-weight:800}.mapping-context-menu{z-index:10000;background:#101620;border:1px solid #70a7ff73;border-radius:8px;gap:4px;width:min(250px,100vw - 16px);padding:6px;display:grid;position:fixed;box-shadow:0 18px 48px #0000006b}.mapping-context-menu strong{color:#f8fbff;overflow-wrap:anywhere;padding:6px 8px 2px;font-size:.76rem}.mapping-context-menu small{color:var(--muted);overflow-wrap:anywhere;padding:0 8px 6px;font-size:.68rem;font-weight:800}.mapping-context-menu button{color:#dce7f5;font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;padding:8px;font-size:.78rem;font-weight:900}.mapping-context-menu button.danger-action{color:#ffd9de}.mapping-context-menu button:hover,.mapping-context-menu button:focus-visible{background:#70a7ff29;outline:none}.mapping-context-menu button.danger-action:hover,.mapping-context-menu button.danger-action:focus-visible{background:#ff4d5f29}.quick-edit-form{gap:10px;display:grid}.quick-edit-toggle{color:#dce7f5;align-items:center;gap:10px;font-size:.86rem;font-weight:800;display:flex}.quick-edit-toggle input{width:18px;height:18px;accent-color:var(--green)}.lower-grid{grid-template-columns:minmax(360px,1.2fr) minmax(280px,.8fr) minmax(270px,.75fr);gap:12px;margin-top:12px;display:grid}.lower-grid.mode-live,.lower-grid.mode-library{grid-template-columns:1fr}.lower-grid.mode-compositor,.lower-grid:not(.mode-live):not(.mode-library){display:none}.composition-workspace{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:12px;display:grid}.ai-workspace{grid-template-columns:minmax(380px,1.35fr) minmax(320px,.65fr);gap:12px;width:min(1800px,100%);margin:0 auto 12px;display:grid}.ai-generator-panel,.ai-assets-panel{min-width:0}.ai-studio-grid{grid-template-columns:minmax(320px,1.2fr) minmax(260px,.8fr);gap:12px;display:grid}.ai-prompt-console,.ai-output-console{gap:10px;display:grid}.ai-prompt-console textarea:first-of-type{min-height:150px}.ai-mode-row,.ai-settings-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.ai-settings-row{grid-template-columns:minmax(150px,1fr) minmax(120px,.8fr) auto}.ai-mode-row button{border:1px solid var(--line);color:#f7fbff;text-transform:capitalize;background:#111722;border-radius:8px;min-height:40px;font-size:.76rem;font-weight:900}.ai-mode-row button.selected{background:linear-gradient(145deg,#42d39229,#0000),#111722;border-color:#42d392bf}.ai-prompt-console small,.ai-output-card small,.ai-job-list small{color:var(--muted);font-size:.72rem;line-height:1.35}.ai-output-card,.ai-credit-wallet,.ai-job-list article{border:1px solid var(--line);background:#101620;border-radius:8px;gap:6px;padding:10px;display:grid}.ai-credit-wallet{background:linear-gradient(145deg,#f6c85f1f,#0000),#101620;border-color:#f6c85f6b;grid-template-columns:minmax(0,1fr) auto;align-items:center}.ai-credit-wallet strong{color:#fff4c8}.ai-credit-wallet span{color:var(--muted);text-align:right;font-size:.72rem;font-weight:800}.ai-credit-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ai-credit-pack-grid button{text-align:left;background:#111722;border:1px solid #f6c85f61;border-radius:8px;gap:4px;min-height:82px;padding:10px;display:grid}.ai-credit-pack-grid button span{color:#fff4c8;font-size:.78rem;font-weight:900}.ai-credit-pack-grid button small{color:var(--muted)}.ai-job-list{gap:8px;display:grid}.ai-job-list article{grid-template-columns:minmax(0,1fr) auto;align-items:center}.composition-workspace.floating-panels{min-height:calc(100vh - 190px);display:block;position:relative}.composition-workspace.floating-panels>.panel{z-index:40;resize:both;min-width:320px;max-width:calc(100vw - 32px);min-height:260px;max-height:calc(100vh - 96px);margin:0;position:fixed;overflow:auto;box-shadow:0 22px 70px #0000007a}.composition-workspace.floating-panels .composition-preview-panel{width:min(760px,100vw - 48px);top:112px;left:24px}.composition-workspace.floating-panels .composition-tools,.composition-workspace.floating-panels .direct-edit-panel{width:min(440px,100vw - 48px);left:min(808px,100vw - 480px)}.composition-workspace.floating-panels .composition-tools{top:112px}.composition-workspace.floating-panels .direct-edit-panel{top:520px}.composition-workspace.floating-panels .layer-bin,.composition-workspace.floating-panels .timeline-panel{width:min(1120px,100vw - 48px);left:24px}.composition-workspace.floating-panels .layer-bin{top:610px}.composition-workspace.floating-panels .timeline-panel{top:760px}.composition-workspace.floating-panels .user-uploads-panel{width:min(360px,100vw - 48px);top:112px;right:24px}.composition-workspace.floating-panels .window-panel.is-being-dragged{cursor:grabbing;-webkit-user-select:none;user-select:none}.composition-workspace.floating-panels .panel-heading{cursor:grab;-webkit-user-select:none;user-select:none}.composition-preview-panel,.composition-tools,.direct-edit-panel{min-width:0}.composition-transport,.camera-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.composition-transport button,.camera-row button{border:1px solid var(--line);color:#f7fbff;background:#1b2230;border-radius:8px;min-height:38px;padding:0 12px;font-weight:900}.composition-transport input{min-width:180px;accent-color:var(--green);flex:1}.composition-transport span{width:58px;color:var(--muted);font-family:var(--font-geist-mono), monospace;text-align:right;font-size:.78rem}.camera-row select{min-width:0}.ai-layer-creator{background:linear-gradient(145deg,#70a7ff1a,#0000),#101620;border:1px solid #70a7ff57;border-radius:8px;gap:8px;margin-bottom:12px;padding:10px;display:grid}.ai-layer-creator textarea{min-height:74px}.ai-layer-creator small{color:var(--muted);font-size:.72rem}.generator-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.generator-grid button{border:1px solid var(--line);color:#f7fbff;background:#111722;border-radius:8px;min-height:38px;padding:0 8px;font-size:.76rem;font-weight:900;line-height:1.05}.layer-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.layer-type-grid.is-open{background:#42d3920e;border:1px solid #42d39261;border-radius:8px;padding:8px}.layer-type-grid button{border:1px solid var(--line);text-align:left;background:#111722;border-radius:8px;gap:5px;min-height:58px;padding:9px 10px;display:grid}.layer-type-grid button.selected{border-color:var(--green);background:linear-gradient(145deg,#42d39229,#0000),#111722}.layer-type-grid strong,.layer-type-grid small{overflow-wrap:anywhere;min-width:0;display:block}.layer-type-grid strong{font-size:.82rem;line-height:1.08}.layer-type-grid small{color:var(--muted);font-size:.68rem;line-height:1.12}.generator-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.element-design-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.element-design-grid button{border:1px solid var(--element-color);gap:4px;min-height:72px;display:grid}@supports (color:color-mix(in lab, red, red)){.element-design-grid button{border:1px solid color-mix(in srgb, var(--element-color) 58%, var(--line))}}.element-design-grid button{background:radial-gradient(circle at 50% 0%, var(--element-color), transparent 58%), #111722;border-radius:8px;padding:9px}@supports (color:color-mix(in lab, red, red)){.element-design-grid button{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--element-color) 22%, transparent), transparent 58%), #111722}}.element-design-grid button{text-align:center}.element-design-grid button>span{color:var(--element-color);font-size:1.05rem;font-weight:950;line-height:1}.element-design-grid strong,.element-design-grid small{min-width:0;display:block}.element-design-grid strong{font-size:.78rem;line-height:1.05}.element-design-grid small{color:var(--muted);font-size:.64rem;line-height:1.1}.generator-design-grid button{border:1px solid var(--line);text-align:left;background:#111722;border-radius:8px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:5px 10px;min-height:66px;padding:8px;display:grid}.generator-design-grid strong,.generator-design-grid small{overflow-wrap:anywhere;min-width:0;display:block}.generator-design-grid strong{font-size:.8rem;line-height:1.08}.generator-design-grid small{color:var(--muted);grid-column:2;font-size:.68rem;line-height:1.12}.generator-swatch{border:1px solid var(--generator-color);grid-row:span 2;width:54px;height:42px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.generator-swatch{border:1px solid color-mix(in srgb, var(--generator-color) 70%, white)}}.generator-swatch{background-color:#0b1018;border-radius:6px}.motion-library-panel{background:#101620;border:1px solid #70a7ff42;border-radius:8px;gap:8px;margin-bottom:12px;padding:9px;display:grid}.motion-library-heading{gap:3px;display:grid}.motion-library-heading strong,.motion-library-heading small{overflow-wrap:anywhere;min-width:0;display:block}.motion-library-heading strong{color:#f8fbff;font-size:.82rem;font-weight:950}.motion-library-heading small{color:var(--muted);font-size:.68rem;line-height:1.25}.motion-library-panel select{border:1px solid var(--line);color:#f8fbff;background:#1b2230;border-radius:8px;min-height:36px;padding:0 10px;font-weight:900}.motion-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:360px;padding-right:2px;display:grid;overflow:auto}.motion-preset-grid button{text-align:left;background:#111722;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:5px 8px;min-height:64px;padding:7px;display:grid}.motion-preset-grid strong,.motion-preset-grid small{overflow-wrap:anywhere;min-width:0;display:block}.motion-preset-grid strong{font-size:.75rem;line-height:1.08}.motion-preset-grid small{color:var(--muted);grid-column:2;font-size:.62rem;line-height:1.1}.motion-preset-swatch{border:1px solid var(--preset-color-1);grid-row:span 2;width:54px;height:42px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.motion-preset-swatch{border:1px solid color-mix(in srgb, var(--preset-color-1) 70%, white)}}.motion-preset-swatch{background:radial-gradient(circle at 25% 28%, var(--preset-color-1), transparent 34%), radial-gradient(circle at 78% 72%, var(--preset-color-2), transparent 36%), linear-gradient(135deg, #05070b, var(--preset-color-3));border-radius:6px}.motion-preset-swatch.style-2,.motion-preset-swatch.style-8{background:radial-gradient(circle at 18% 24%, #fff 0 1px, transparent 2px), radial-gradient(circle at 62% 58%, var(--preset-color-2), transparent 30%), linear-gradient(135deg, #02040a, var(--preset-color-1))}.motion-preset-swatch.style-4,.motion-preset-swatch.style-11{background:radial-gradient(ellipse at 50% 100%, var(--preset-color-2), transparent 46%), linear-gradient(180deg, #05070b, var(--preset-color-1))}.title-library-panel,.title-style-tools{background:radial-gradient(circle at 16% 0,#f6c85f1f,#0000 46%),#101620;border:1px solid #f6c85f47;border-radius:8px;gap:9px;margin-bottom:12px;padding:10px;display:grid}.title-library-heading,.title-library-filters{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.title-library-heading strong,.title-library-heading small,.title-template-grid strong,.title-template-grid small{overflow-wrap:anywhere;min-width:0;display:block}.title-library-heading strong{color:#f8fbff;font-size:.82rem;font-weight:950}.title-library-heading small{color:var(--muted);font-size:.68rem;line-height:1.25}.title-library-filters select,.title-library-filters input{border:1px solid var(--line);color:#f8fbff;background:#1b2230;border-radius:8px;min-height:36px;padding:0 10px;font-weight:850}.title-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:430px;padding-right:2px;display:grid;overflow:auto}.title-template-card{text-align:left;background:#111722;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:5px 8px;min-height:72px;padding:8px;display:grid}.title-template-card.selected{border-color:var(--green);background:linear-gradient(145deg,#42d39224,#0000),#111722}.quick-edit-title-library{background:#0a0f166b;border:1px solid #70a7ff47;border-radius:8px;gap:8px;padding:10px;display:grid}.quick-edit-template-grid{grid-template-columns:1fr;max-height:270px}.quick-edit-template-grid .title-template-card{min-height:64px}.title-template-thumb{border:1px solid var(--title-color-1);grid-row:span 2;place-items:end start;width:72px;height:48px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.title-template-thumb{border:1px solid color-mix(in srgb, var(--title-color-1) 62%, white)}}.title-template-thumb{background:linear-gradient(90deg, var(--title-color-1), transparent 68%), radial-gradient(circle at 78% 22%, var(--title-color-2), transparent 34%), #05070b;border-radius:6px;padding:6px}@supports (color:color-mix(in lab, red, red)){.title-template-thumb{background:linear-gradient(90deg, color-mix(in srgb, var(--title-color-1) 56%, transparent), transparent 68%), radial-gradient(circle at 78% 22%, var(--title-color-2), transparent 34%), #05070b}}.title-template-thumb i{border-left:3px solid var(--title-color-2);color:#f8fbff;padding-left:5px;font-size:.52rem;font-style:normal;font-weight:950}.title-template-grid strong{font-size:.73rem;line-height:1.08}.title-template-grid small{color:var(--muted);grid-column:2;font-size:.62rem;line-height:1.1}.live-background-dock{background:radial-gradient(circle at 18% 0,#70a7ff21,#0000 48%),#101620;border:1px solid #70a7ff47;border-radius:8px;gap:10px;margin-top:12px;padding:12px;display:grid}.live-background-heading{grid-template-columns:minmax(180px,1fr) minmax(160px,220px);align-items:end;gap:10px;display:grid}.live-background-heading h2{color:#f8fbff;margin:0;font-size:1rem}.live-background-heading select{border:1px solid var(--line);color:#f8fbff;background:#1b2230;border-radius:8px;min-height:36px;padding:0 10px;font-weight:900}.live-background-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:220px;padding-right:2px;display:grid;overflow:auto}.live-background-grid button{text-align:left;background:#111722;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:5px 8px;min-height:58px;padding:7px;display:grid}.live-background-grid button.selected{border-color:var(--green);background:linear-gradient(145deg,#42d39229,#0000),#111722}.live-background-grid .motion-preset-swatch{width:48px;height:38px}.live-background-grid strong,.live-background-grid small{overflow-wrap:anywhere;min-width:0;display:block}.live-background-grid strong{font-size:.72rem;line-height:1.08}.live-background-grid small{color:var(--muted);grid-column:2;font-size:.62rem;line-height:1.1}.live-background-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.live-background-controls label{gap:4px;min-width:0;display:grid}.live-background-controls span{color:var(--muted);text-transform:uppercase;font-size:.66rem;font-weight:900}.live-background-controls input[type=range]{width:100%;accent-color:var(--blue)}.user-background-panel,.user-uploads-panel{gap:10px;display:grid}.user-background-heading,.user-upload-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.user-background-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.user-upload-actions{grid-template-columns:minmax(0,1fr) auto}.user-background-heading strong,.user-background-heading small,.user-upload-actions small{overflow-wrap:anywhere;min-width:0;display:block}.user-background-heading small,.user-upload-actions small{color:var(--muted);font-size:.68rem}.upload-button{position:relative;overflow:hidden}.upload-button input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.user-asset-grid{gap:8px;max-height:360px;display:grid;overflow:auto}.user-asset-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));max-height:190px}.user-asset-grid.compact button,.user-asset-card{border:1px solid var(--line);background:#111722;border-radius:8px}.user-asset-grid.compact button{text-align:left;gap:6px;padding:7px;display:grid}.user-asset-grid.compact button.selected,.user-asset-card:focus-within{border-color:var(--green);background:linear-gradient(145deg,#42d39224,#0000),#111722}.user-asset-thumb{aspect-ratio:16/9;background:radial-gradient(circle at 30% 20%,#70a7ff38,#0000 38%),#070b12;border-radius:6px;width:100%;display:block;position:relative;overflow:hidden}.user-asset-thumb video,.user-asset-thumb img{object-fit:cover;width:100%;height:100%}.procedural-thumb:before{content:"";background:radial-gradient(circle at 20% 30%,#42d3928c,#0000 32%),radial-gradient(circle at 80% 70%,#70a7ff80,#0000 38%),linear-gradient(135deg,#f6c85f38,#0000);position:absolute;inset:0}.user-asset-grid strong,.user-asset-grid small{overflow-wrap:anywhere;min-width:0;display:block}.user-asset-grid strong{color:#f8fbff;font-size:.74rem}.user-asset-grid small{color:var(--muted);font-size:.64rem}.user-asset-card{grid-template-columns:92px minmax(0,1fr);gap:8px;padding:8px;display:grid}.user-asset-card .user-asset-thumb{grid-row:span 2}.user-asset-actions{flex-wrap:wrap;grid-column:2;gap:6px;display:flex}.empty-user-assets{border:1px dashed var(--line);background:#0f1520;border-radius:8px;gap:5px;padding:14px;display:grid}.empty-user-assets.compact-empty{grid-column:1/-1;align-content:center;min-height:84px}.composite-canvas{--stage-scale:1;aspect-ratio:16/9;perspective:1400px;perspective-origin:52% 42%;transform-style:preserve-3d;background:radial-gradient(circle at 28% 18%,#ffffff2e,#0000 18%),radial-gradient(circle at 74% 66%,#70a7ff29,#0000 28%),linear-gradient(135deg,#080b11,#121a27 54%,#05070b);border:1px solid #3b4659;border-radius:6px;position:relative;overflow:hidden}.composite-canvas.clean-output{border:0;border-radius:0}.composite-canvas.clean-output .composite-layer-preview,.composite-canvas.clean-output .composite-layer-preview.background.bg-imported,.composite-canvas.clean-output .composite-layer-preview.video .preview-placeholder,.composite-canvas.clean-output .free-transform-box{border-color:#0000}.composite-canvas:before{content:"";pointer-events:none;mix-blend-mode:screen;z-index:20;background:radial-gradient(at 42% 26%,#ffffff14,#0000 36%),radial-gradient(at 50% 112%,#0000008f,#0000 48%);position:absolute;inset:0}.composite-canvas:after{content:"";filter:blur(12px);background:radial-gradient(#0000009e,#0000 68%);border-radius:50%;height:9%;position:absolute;bottom:4%;left:6%;right:6%;transform:translateZ(-80px)rotateX(68deg)}.composite-canvas:before,.composite-canvas:after{display:none}.composite-grid{display:none;position:absolute;inset:0}.composite-layer-preview{z-index:var(--layer-depth);cursor:grab;opacity:var(--layer-opacity);color:#f8fbff;transform:translate(var(--layer-x), var(--layer-y)) translateZ(var(--layer-depth-shift)) rotateX(var(--layer-rotate-x)) rotateY(var(--layer-rotate-y)) rotate(var(--layer-rotate)) scale(var(--layer-scale));transform-origin:50%;transform-style:preserve-3d;filter:blur(var(--layer-blur)) drop-shadow(0 var(--layer-shadow-depth) calc(var(--layer-shadow-depth) * 1.25) rgba(0, 0, 0, var(--layer-shadow-opacity))) drop-shadow(0 0 calc(18px * var(--stage-scale)) var(--layer-color));background:0 0;border:1px solid #0000;padding:0;position:absolute}@supports (color:color-mix(in lab, red, red)){.composite-layer-preview{filter:blur(var(--layer-blur)) drop-shadow(0 var(--layer-shadow-depth) calc(var(--layer-shadow-depth) * 1.25) rgba(0, 0, 0, var(--layer-shadow-opacity))) drop-shadow(0 0 calc(18px * var(--stage-scale)) color-mix(in srgb, var(--layer-color) 28%, transparent))}}.composite-layer-preview{mix-blend-mode:var(--layer-blend);-webkit-user-select:none;user-select:none;touch-action:none}.composite-layer-preview:after{content:"";pointer-events:none;border-radius:inherit;opacity:.58;background:linear-gradient(115deg,#ffffff24,#0000 36%,#00000029);position:absolute;inset:0;transform:translateZ(2px)}.composite-layer-preview.background:after{display:none}.composite-layer-preview:active{cursor:grabbing}.composite-layer-preview strong,.composite-layer-preview span{font-family:var(--layer-font);font-size:var(--layer-font-size)}.composite-layer-preview.selected{border-color:#f6c85feb;box-shadow:0 0 0 2px #f6c85f38}.free-transform-box{z-index:30;pointer-events:none;border:1px dashed #f6c85ff2;position:absolute;inset:-10px}.free-transform-control{z-index:2;background:var(--yellow);pointer-events:auto;border:1px solid #05070b;padding:0;position:absolute;box-shadow:0 0 0 1px #f6c85f80}.scale-handle{border-radius:3px;width:12px;height:12px}.scale-nw{cursor:nwse-resize;top:-6px;left:-6px}.scale-ne{cursor:nesw-resize;top:-6px;right:-6px}.scale-se{cursor:nwse-resize;bottom:-6px;right:-6px}.scale-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.rotate-handle{cursor:grab;border-radius:999px;width:16px;height:16px;top:-38px;left:calc(50% - 8px)}.rotate-handle:before{content:"";background:#f6c85ff2;width:1px;height:22px;position:absolute;top:15px;left:7px}.transform-readout{color:#fff3c8;white-space:nowrap;background:#05070bd1;border:1px solid #f6c85f73;border-radius:6px;padding:4px 7px;font-weight:900;position:absolute;bottom:-30px;right:0;font-family:var(--font-geist-mono), monospace!important;font-size:.62rem!important}.composite-layer-preview.timed-out{opacity:calc(var(--layer-opacity) * .22)}.composite-layer-preview.background{place-items:center;display:grid;inset:0}.composite-layer-preview.background.bg-gradient{background:linear-gradient(135deg, var(--layer-color), #05070b)}@supports (color:color-mix(in lab, red, red)){.composite-layer-preview.background.bg-gradient{background:linear-gradient(135deg, color-mix(in srgb, var(--layer-color) 42%, #111722), #05070b)}}.composite-layer-preview.background.bg-solid{background:var(--layer-color)}@supports (color:color-mix(in lab, red, red)){.composite-layer-preview.background.bg-solid{background:color-mix(in srgb, var(--layer-color) 50%, #111722)}}.composite-layer-preview.background.bg-mesh{background:radial-gradient(circle at 22% 26%, var(--layer-color), transparent 32%), radial-gradient(circle at 78% 72%, #42d39247, transparent 34%), linear-gradient(135deg, var(--layer-color), #05070b)}@supports (color:color-mix(in lab, red, red)){.composite-layer-preview.background.bg-mesh{background:radial-gradient(circle at 22% 26%, color-mix(in srgb, var(--layer-color) 62%, transparent), transparent 32%), radial-gradient(circle at 78% 72%, #42d39247, transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--layer-color) 30%, #111722), #05070b)}}.composite-layer-preview.background.bg-stripes{background:radial-gradient(ellipse at 30% 30%, var(--layer-color), transparent 34%), radial-gradient(ellipse at 72% 70%, #ffffff14, transparent 38%), linear-gradient(145deg, var(--layer-color), #080b11)}@supports (color:color-mix(in lab, red, red)){.composite-layer-preview.background.bg-stripes{background:radial-gradient(ellipse at 30% 30%, color-mix(in srgb, var(--layer-color) 34%, transparent), transparent 34%), radial-gradient(ellipse at 72% 70%, #ffffff14, transparent 38%), linear-gradient(145deg, color-mix(in srgb, var(--layer-color) 22%, #111722), #080b11)}}.composite-layer-preview.background.bg-aurora,.generator-swatch.bg-aurora{background:radial-gradient(ellipse at 18% 72%, #42d39275, transparent 36%), radial-gradient(ellipse at 80% 24%, var(--layer-color,var(--generator-color)), transparent 40%), linear-gradient(125deg, #060812, #111a2a 48%, #060812)}@supports (color:color-mix(in lab, red, red)){.composite-layer-preview.background.bg-aurora,.generator-swatch.bg-aurora{background:radial-gradient(ellipse at 18% 72%, #42d39275, transparent 36%), radial-gradient(ellipse at 80% 24%, color-mix(in srgb, var(--layer-color,var(--generator-color)) 58%, transparent), transparent 40%), linear-gradient(125deg, #060812, #111a2a 48%, #060812)}}.composite-layer-preview.background.bg-light-beams,.generator-swatch.bg-light-beams{background:radial-gradient(ellipse at 48% 100%, var(--layer-color,var(--generator-color)), transparent 46%), radial-gradient(ellipse at 50% 18%, #ffffff1f, transparent 34%), radial-gradient(circle at 50% 82%, var(--layer-color,var(--generator-color)), transparent 35%), linear-gradient(180deg, #10131d, #05070b)}@supports (color:color-mix(in lab, red, red)){.composite-layer-preview.background.bg-light-beams,.generator-swatch.bg-light-beams{background:radial-gradient(ellipse at 48% 100%, color-mix(in srgb, var(--layer-color,var(--generator-color)) 48%, transparent), transparent 46%), radial-gradient(ellipse at 50% 18%, #ffffff1f, transparent 34%), radial-gradient(circle at 50% 82%, color-mix(in srgb, var(--layer-color,var(--generator-color)) 38%, transparent), transparent 35%), linear-gradient(180deg, #10131d, #05070b)}}.composite-layer-preview.background.bg-prism,.generator-swatch.bg-prism{background:radial-gradient(ellipse at 22% 28%, #70a7ff6b, transparent 34%), radial-gradient(ellipse at 78% 36%, #ff7a9057, transparent 38%), radial-gradient(ellipse at 48% 78%, #f6c85f47, transparent 42%), linear-gradient(135deg, #080b11, var(--layer-color,var(--generator-color)))}@supports (color:color-mix(in lab, red, red)){.composite-layer-preview.background.bg-prism,.generator-swatch.bg-prism{background:radial-gradient(ellipse at 22% 28%, #70a7ff6b, transparent 34%), radial-gradient(ellipse at 78% 36%, #ff7a9057, transparent 38%), radial-gradient(ellipse at 48% 78%, #f6c85f47, transparent 42%), linear-gradient(135deg, #080b11, color-mix(in srgb, var(--layer-color,var(--generator-color)) 36%, #111722))}}.composite-layer-preview.background.bg-particles,.generator-swatch.bg-particles{background:radial-gradient(circle at 20% 28%, #ffffffb8 0 1px, transparent 2px), radial-gradient(circle at 58% 62%, #ffffff85 0 1px, transparent 2px), radial-gradient(circle at 82% 36%, #ffffff9e 0 1px, transparent 2px), radial-gradient(circle at 35% 78%, var(--layer-color,var(--generator-color)), transparent 28%), linear-gradient(145deg, #071017, #101824)}@supports (color:color-mix(in lab, red, red)){.composite-layer-preview.background.bg-particles,.generator-swatch.bg-particles{background:radial-gradient(circle at 20% 28%, #ffffffb8 0 1px, transparent 2px), radial-gradient(circle at 58% 62%, #ffffff85 0 1px, transparent 2px), radial-gradient(circle at 82% 36%, #ffffff9e 0 1px, transparent 2px), radial-gradient(circle at 35% 78%, color-mix(in srgb, var(--layer-color,var(--generator-color)) 64%, transparent), transparent 28%), linear-gradient(145deg, #071017, #101824)}}.composite-layer-preview.background.bg-particles,.generator-swatch.bg-particles{background-size:90px 90px,130px 130px,110px 110px,auto,auto}.composite-layer-preview.background.bg-stained-glass,.generator-swatch.bg-stained-glass{background:radial-gradient(circle at 24% 22%, #f6c85f52, transparent 28%), radial-gradient(circle at 72% 70%, var(--layer-color,var(--generator-color)), transparent 32%), radial-gradient(ellipse at 50% 45%, #ffffff1f, transparent 52%), linear-gradient(135deg, #0d1017, #1a2030)}@supports (color:color-mix(in lab, red, red)){.composite-layer-preview.background.bg-stained-glass,.generator-swatch.bg-stained-glass{background:radial-gradient(circle at 24% 22%, #f6c85f52, transparent 28%), radial-gradient(circle at 72% 70%, color-mix(in srgb, var(--layer-color,var(--generator-color)) 48%, transparent), transparent 32%), radial-gradient(ellipse at 50% 45%, #ffffff1f, transparent 52%), linear-gradient(135deg, #0d1017, #1a2030)}}.composite-layer-preview.background.bg-imported{border:2px dashed var(--layer-color)}@supports (color:color-mix(in lab, red, red)){.composite-layer-preview.background.bg-imported{border:2px dashed color-mix(in srgb, var(--layer-color) 70%, white)}}.composite-layer-preview.background.bg-imported{background:#0f1520}.composite-layer-preview.background.bg-procedural{background:#05070b}.procedural-background-canvas{width:100%;height:100%;position:absolute;inset:0}.composite-layer-preview.video-feed{border:1px solid var(--layer-color);place-items:center;display:grid;inset:9%}@supports (color:color-mix(in lab, red, red)){.composite-layer-preview.video-feed{border:1px solid color-mix(in srgb, var(--layer-color) 70%, white)}}.composite-layer-preview.video-feed{background:linear-gradient(30deg,#ffffff1a,#0000),linear-gradient(135deg,#283244,#111722)}.composite-layer-preview.video{filter:none;transform:translate(var(--layer-x), var(--layer-y)) rotate(var(--layer-rotate)) scale(var(--layer-scale));transform-style:flat;background:#05070b;inset:0;overflow:hidden}.composite-layer-preview.video:after{display:none}.composite-layer-preview.background.bg-imported:has(video){filter:none;transform:translate(var(--layer-x), var(--layer-y)) rotate(var(--layer-rotate)) scale(var(--layer-scale));transform-style:flat}.composite-layer-preview.video .preview-placeholder{border:2px dashed var(--layer-color);place-items:center;display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.composite-layer-preview.video .preview-placeholder{border:2px dashed color-mix(in srgb, var(--layer-color) 70%, white)}}.composite-layer-preview.video .preview-placeholder{color:#f8fbffc7;letter-spacing:0;background:linear-gradient(30deg,#ffffff14,#0000),linear-gradient(135deg,#172238,#05070b);font-weight:800}.composite-layer-preview.video video,.composite-layer-preview.video-feed video,.composite-layer-preview.background video{object-fit:cover;will-change:transform;contain:paint;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.composite-layer-preview.image{aspect-ratio:1;border:2px solid var(--layer-color);background:var(--layer-color);border-radius:6px;place-items:center;width:28%;display:grid;top:12%;right:8%}@supports (color:color-mix(in lab, red, red)){.composite-layer-preview.image{background:color-mix(in srgb, var(--layer-color) 22%, #111722)}}.composite-layer-preview.image{text-align:center}.composite-layer-preview.image img,.composite-layer-preview.background img{object-fit:cover;width:100%;height:100%}.composite-layer-preview.image img.image-fit-contain{object-fit:contain}.composite-layer-preview.image img.image-fit-fill{object-fit:fill}.image-mask-rounded{border-radius:14px}.image-mask-circle{border-radius:999px}.image-mask-arch{border-radius:50% 50% 8px 8px}.image-mask-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.image-mask-wide-cross{clip-path:polygon(38% 0,62% 0,62% 34%,100% 34%,100% 62%,62% 62%,62% 100%,38% 100%,38% 62%,0 62%,0 34%,38% 34%)}.remove-bg-preview{filter:contrast(1.12)saturate(1.18)drop-shadow(0 18px 28px #0009);mix-blend-mode:screen}.advanced-image-tools{background:linear-gradient(145deg,#f6c85f14,#0000),#101620;border:1px solid #f6c85f57;border-radius:8px;gap:8px;padding:10px;display:grid}.video-trim-tools{background:linear-gradient(145deg,#42d39214,#0000),#101620;border:1px solid #42d39257;border-radius:8px;gap:8px;padding:10px;display:grid}.video-trim-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.video-trim-actions button{border:1px solid var(--line);color:#f8fbff;background:#1b2230;border-radius:8px;min-height:36px;font-size:.72rem;font-weight:900}.keyframe-editor{background:linear-gradient(145deg,#70a7ff17,#0000),#101620;border:1px solid #70a7ff57;border-radius:8px;gap:10px;padding:10px;display:grid}.keyframe-action-row{flex-wrap:wrap;gap:8px;display:flex}.keyframe-action-row select{flex:1;min-width:190px}.keyframe-list{gap:7px;max-height:220px;display:grid;overflow:auto}.keyframe-list>small{color:var(--muted);font-size:.76rem}.keyframe-row{border:1px solid var(--line);background:#111722;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;display:grid}.keyframe-row>button:first-child{min-width:0;color:inherit;text-align:left;background:0 0;border:0;padding:0}.keyframe-row strong,.keyframe-row small{overflow-wrap:anywhere;min-width:0;display:block}.keyframe-row small{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:.68rem}.tool-heading strong,.tool-heading small{display:block}.tool-heading small{color:var(--muted);font-size:.72rem}.tool-toggle{color:#dce7f5;align-items:center;gap:8px;font-size:.84rem;font-weight:800;display:flex}.tool-toggle input{width:18px;height:18px;accent-color:var(--yellow)}.composite-layer-preview.animated-title{text-align:center;top:34%;left:8%;right:8%}.title-template-render{gap:calc(8px * var(--stage-scale));min-width:min(calc(920px * var(--stage-scale)), 86%);isolation:isolate;display:grid;position:relative}.title-template-render i{z-index:-1;background:var(--title-accent);box-shadow:0 0 28px var(--title-accent);display:block;position:absolute}@supports (color:color-mix(in lab, red, red)){.title-template-render i{box-shadow:0 0 28px color-mix(in srgb, var(--title-accent) 55%, transparent)}}.title-template-render i{opacity:.82}.composite-layer-preview.animated-title strong,.composite-layer-preview.lower-third strong{color:var(--layer-color);font-size:clamp(10px, var(--layer-font-size), calc(106px * var(--stage-scale)));transform:translateZ(calc(32px * var(--stage-scale)));text-shadow:1px 1px 0 var(--layer-color), 2px 2px 0 var(--layer-color), 3px 3px 0 var(--layer-color), 0 calc(18px * var(--stage-scale)) calc(34px * var(--stage-scale)) #000000c7, 0 0 calc(30px * var(--stage-scale)) var(--layer-color);line-height:.95}@supports (color:color-mix(in lab, red, red)){.composite-layer-preview.animated-title strong,.composite-layer-preview.lower-third strong{text-shadow:1px 1px 0 color-mix(in srgb, var(--layer-color) 64%, #05070b), 2px 2px 0 color-mix(in srgb, var(--layer-color) 48%, #05070b), 3px 3px 0 color-mix(in srgb, var(--layer-color) 32%, #05070b), 0 calc(18px * var(--stage-scale)) calc(34px * var(--stage-scale)) #000000c7, 0 0 calc(30px * var(--stage-scale)) color-mix(in srgb, var(--layer-color) 42%, transparent)}}.composite-layer-preview.animated-title span,.composite-layer-preview.lower-third span{color:var(--title-accent)}@supports (color:color-mix(in lab, red, red)){.composite-layer-preview.animated-title span,.composite-layer-preview.lower-third span{color:color-mix(in srgb, var(--title-accent) 72%, #f8fbff)}}.composite-layer-preview.animated-title span,.composite-layer-preview.lower-third span{font-size:clamp(8px, calc(23px * var(--stage-scale)), 23px);letter-spacing:0;text-transform:uppercase;font-weight:850}.composite-layer-preview.element{text-align:center;place-items:center;display:grid;inset:16%}.element-layer-mark{gap:calc(8px * var(--stage-scale));min-width:min(calc(340px * var(--stage-scale)), 80%);border:1px solid var(--layer-color);place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.element-layer-mark{border:1px solid color-mix(in srgb, var(--layer-color) 54%, transparent)}}.element-layer-mark{border-radius:calc(8px * var(--stage-scale));padding:calc(24px * var(--stage-scale));background:radial-gradient(circle, var(--layer-color), transparent 58%), #0000003d}@supports (color:color-mix(in lab, red, red)){.element-layer-mark{background:radial-gradient(circle, color-mix(in srgb, var(--layer-color) 16%, transparent), transparent 58%), #0000003d}}.element-layer-mark i{width:min(30%, calc(220px * var(--stage-scale)));min-width:calc(72px * var(--stage-scale));aspect-ratio:1;color:var(--layer-color);filter:drop-shadow(0 0 calc(18px * var(--stage-scale)) var(--layer-color)) drop-shadow(0 calc(14px * var(--stage-scale)) calc(26px * var(--stage-scale)) #0000009e);display:block;position:relative}@supports (color:color-mix(in lab, red, red)){.element-layer-mark i{filter:drop-shadow(0 0 calc(18px * var(--stage-scale)) color-mix(in srgb, var(--layer-color) 64%, transparent)) drop-shadow(0 calc(14px * var(--stage-scale)) calc(26px * var(--stage-scale)) #0000009e)}}.element-layer-mark i{transform:translateZ(calc(38px * var(--stage-scale))) rotateY(-8deg)}.element-cross i:before,.element-cross i:after{content:"";background:currentColor;border-radius:999px;position:absolute}.element-cross i:before{width:14%;height:84%;top:8%;left:43%}.element-cross i:after{width:60%;height:14%;top:34%;left:20%}.element-dove i{background:radial-gradient(circle at 68% 35%,#05070b 0 4px,#0000 5px),linear-gradient(135deg,#0000 0 33%,currentColor 34% 64%,#0000 65%),radial-gradient(at 35% 62%,currentColor 0 38%,#0000 39%),radial-gradient(at 70% 64%,currentColor 0 34%,#0000 35%);border-radius:50% 50% 44% 56%}.element-bible i{background:linear-gradient(90deg,#0000 48%,currentColor 49% 52%,#0000 53%),repeating-linear-gradient(0deg,#0000 0 18px,currentColor 19px 21px);border:10px solid;border-radius:10px 18px 18px 10px}@supports (color:color-mix(in lab, red, red)){.element-bible i{background:linear-gradient(90deg, transparent 48%, currentColor 49% 52%, transparent 53%), repeating-linear-gradient(0deg, transparent 0 18px, color-mix(in srgb, currentColor 32%, transparent) 19px 21px)}}.element-crown i{clip-path:polygon(4% 88%,10% 28%,34% 62%,50% 10%,66% 62%,90% 28%,96% 88%);background:currentColor;height:min(18vw,150px)}.element-flame i{clip-path:polygon(52% 0,72% 28%,85% 54%,74% 84%,50% 100%,24% 84%,14% 56%,30% 30%);background:radial-gradient(at 52% 72%,#fff8d7 0 18%,#0000 20%),radial-gradient(at 50% 52%,currentColor 0 46%,#0000 48%);border-radius:56% 44% 58% 42%}.element-communion i{background:radial-gradient(at 50% 32%,currentColor 0 22%,#0000 23%),linear-gradient(currentColor 0 0) 47% 40%/6% 36% no-repeat,radial-gradient(at 50% 82%,currentColor 0 34%,#0000 35%)}.element-water i{clip-path:polygon(50% 0,82% 48%,70% 86%,50% 100%,30% 86%,18% 48%);background:radial-gradient(at 50% 72%,#ffffff73,#0000 28%),currentColor;border-radius:50% 50% 58% 42%}.element-palm i{background:radial-gradient(at 28% 28%,currentColor 0 24%,#0000 25%),radial-gradient(at 70% 28%,currentColor 0 24%,#0000 25%),radial-gradient(at 30% 62%,currentColor 0 24%,#0000 25%),radial-gradient(at 70% 62%,currentColor 0 24%,#0000 25%),linear-gradient(90deg,#0000 46%,currentColor 47% 53%,#0000 54%)}.element-star i{clip-path:polygon(50% 4%,61% 36%,96% 36%,68% 56%,79% 90%,50% 68%,21% 90%,32% 56%,4% 36%,39% 36%);background:currentColor}.composite-layer-preview.lower-third{border-left:calc(5px * var(--stage-scale)) solid var(--title-accent);padding:calc(16px * var(--stage-scale)) calc(18px * var(--stage-scale));background:linear-gradient(90deg,#000000d1,#00000042);bottom:10%;left:8%;right:8%}.composite-layer-preview.lower-third strong,.composite-layer-preview.lower-third span{display:block}.composite-layer-preview.lower-third strong{font-size:clamp(10px, var(--layer-font-size), calc(42px * var(--stage-scale)))}.composite-layer-preview.lower-third .title-template-render{width:min(900px,74%);min-width:0}.title-shape-line .title-template-render i{height:3px;bottom:-8px;left:0;right:0}.title-shape-rounded-rectangle .title-template-render i,.title-shape-glass .title-template-render i{background:var(--title-accent);border-radius:8px;inset:-14px -20px}@supports (color:color-mix(in lab, red, red)){.title-shape-rounded-rectangle .title-template-render i,.title-shape-glass .title-template-render i{background:color-mix(in srgb, var(--title-accent) 22%, #0000007a)}}.title-shape-rounded-rectangle .title-template-render i,.title-shape-glass .title-template-render i{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.title-shape-circle .title-template-render i{aspect-ratio:1;border-radius:50%;width:92px;top:-24%;right:10%}.title-shape-diamond .title-template-render i,.title-shape-hexagon .title-template-render i{aspect-ratio:1;width:110px;top:10%;left:-5%;rotate:45deg}.title-shape-hexagon .title-template-render i{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}.title-shape-wave .title-template-render i{background:repeating-linear-gradient(90deg, var(--title-accent) 0 22px, transparent 22px 36px);border-radius:999px;height:10px;bottom:-10px;left:0;right:0}.title-shape-cross .title-template-render i,.title-shape-star .title-template-render i,.title-shape-heart .title-template-render i{aspect-ratio:1;clip-path:polygon(42% 0,58% 0,58% 36%,94% 36%,94% 52%,58% 52%,58% 100%,42% 100%,42% 52%,6% 52%,6% 36%,42% 36%);width:86px;top:-18%;right:2%}.title-shape-star .title-template-render i{clip-path:polygon(50% 4%,61% 36%,96% 36%,68% 56%,79% 90%,50% 68%,21% 90%,32% 56%,4% 36%,39% 36%)}.title-shape-heart .title-template-render i{clip-path:polygon(50% 90%,12% 54%,8% 28%,24% 10%,50% 26%,76% 10%,92% 28%,88% 54%)}.title-layout-glass,.title-layout-elegant-wedding,.title-layout-luxury-gold{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.title-layout-glass .title-template-render,.title-layout-modern-corporate .title-template-render,.title-layout-clean-broadcast .title-template-render{background:linear-gradient(135deg,#ffffff1a,#05070b47);border:1px solid #ffffff24;border-radius:8px;padding:18px 22px}.title-layout-neon strong{text-shadow:0 0 10px var(--layer-color), 0 0 28px var(--title-accent), 0 10px 28px #000000b8}.title-layout-luxury-gold strong,.title-layout-elegant-wedding strong{font-family:Georgia,Times New Roman,serif}.title-layout-news,.title-layout-sports,.title-layout-technology{text-transform:uppercase}.composite-layer-preview span{font-weight:900}.motion-fade{animation:2.2s ease-in-out infinite alternate comp-fade}.motion-slide{animation:3.6s ease-in-out infinite alternate comp-slide}.motion-zoom{animation:5s ease-in-out infinite alternate comp-zoom}.motion-crawl{animation:8s linear infinite comp-crawl}.motion-rotate{animation:4.8s linear infinite comp-rotate}.motion-flip-3d{animation:4.4s ease-in-out infinite comp-flip}.motion-pulse{animation:1.8s ease-in-out infinite alternate comp-pulse}.motion-orbit{animation:5.6s ease-in-out infinite comp-orbit}.motion-typewriter strong{white-space:nowrap;border-right:.08em solid;max-width:100%;animation:4s steps(28,end) infinite alternate comp-type;display:inline-block;overflow:hidden}.motion-bounce{animation:1.6s ease-in-out infinite alternate comp-bounce}.motion-shimmer{animation:2.4s linear infinite comp-shimmer}.motion-blur-in{animation:2.8s ease-in-out infinite alternate comp-blur-in}.motion-ken-burns{animation:6s ease-in-out infinite alternate comp-ken}.effect-glow{filter:drop-shadow(0 0 18px var(--layer-color))}@supports (color:color-mix(in lab, red, red)){.effect-glow{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--layer-color) 74%, white))}}.effect-shadow{filter:drop-shadow(0 14px 18px #000000d1)}.effect-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.effect-outline{text-shadow:2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000}.effect-blur{filter:blur(.7px)saturate(1.25)}.effect-neon{color:var(--layer-color);text-shadow:0 0 7px var(--layer-color), 0 0 20px var(--layer-color), 0 0 42px var(--layer-color)}@supports (color:color-mix(in lab, red, red)){.effect-neon{text-shadow:0 0 7px var(--layer-color), 0 0 20px color-mix(in srgb, var(--layer-color) 78%, white), 0 0 42px var(--layer-color)}}.effect-emboss{filter:drop-shadow(1px 1px #ffffff59)drop-shadow(-2px -2px #000000b8)}.effect-duotone{filter:contrast(1.35)saturate(.65)sepia(.35)hue-rotate(12deg)}.effect-invert{filter:invert()}.effect-sepia{filter:sepia(.86)saturate(1.2)}.effect-spotlight{background:radial-gradient(circle at 50% 45%, var(--layer-color), transparent 42%), #0000002e}@supports (color:color-mix(in lab, red, red)){.effect-spotlight{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--layer-color) 28%, transparent), transparent 42%), #0000002e}}.effect-vignette:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 42%,#00000094);position:absolute;inset:0}.dynamic-effect-overlay{z-index:4;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.dynamic-effect-overlay span{left:calc((var(--i,0) * 11%) - 8%);top:calc((var(--i,0) * 17%) - 12%);background:var(--layer-color);border-radius:999px;width:12px;height:12px;position:absolute}@supports (color:color-mix(in lab, red, red)){.dynamic-effect-overlay span{background:color-mix(in srgb, var(--layer-color) 72%, white)}}.dynamic-effect-overlay span{opacity:.54;animation:6s linear infinite dynamic-float}.dynamic-effect-overlay span:first-child{--i:1;animation-delay:-.2s}.dynamic-effect-overlay span:nth-child(2){--i:2;animation-delay:-.8s}.dynamic-effect-overlay span:nth-child(3){--i:3;animation-delay:-1.4s}.dynamic-effect-overlay span:nth-child(4){--i:4;animation-delay:-2s}.dynamic-effect-overlay span:nth-child(5){--i:5;animation-delay:-2.6s}.dynamic-effect-overlay span:nth-child(6){--i:6;animation-delay:-3.2s}.dynamic-effect-overlay span:nth-child(7){--i:7;animation-delay:-3.8s}.dynamic-effect-overlay span:nth-child(8){--i:8;animation-delay:-4.4s}.dynamic-effect-overlay span:nth-child(9){--i:9;animation-delay:-5s}.dynamic-effect-overlay span:nth-child(10){--i:10;animation-delay:-5.6s}.dynamic-effect-overlay span:nth-child(11){--i:11;animation-delay:-6.2s}.dynamic-effect-overlay span:nth-child(12){--i:12;animation-delay:-6.8s}.dynamic-effect-overlay span:nth-child(13){--i:13;animation-delay:-7.4s}.dynamic-effect-overlay span:nth-child(14){--i:14;animation-delay:-8s}.dynamic-effect-overlay span:nth-child(15){--i:15;animation-delay:-8.6s}.dynamic-effect-overlay span:nth-child(16){--i:16;animation-delay:-9.2s}.dynamic-effect-overlay span:nth-child(17){--i:17;animation-delay:-9.8s}.dynamic-effect-overlay span:nth-child(18){--i:18;animation-delay:-10.4s}.effect-overlay-atmospheric-effects{filter:blur(1px);background:radial-gradient(circle at 28% 28%,#fff3,#0000 22%),radial-gradient(at 70% 68%,#70a7ff26,#0000 42%)}.effect-overlay-atmospheric-effects span{opacity:.34;width:5px;height:5px;animation-name:dynamic-drift}.effect-overlay-light-effects{background:radial-gradient(circle at 20% 18%, #ffffffb8, transparent 16%), radial-gradient(ellipse at 58% 48%, var(--layer-color), transparent 46%)}@supports (color:color-mix(in lab, red, red)){.effect-overlay-light-effects{background:radial-gradient(circle at 20% 18%, #ffffffb8, transparent 16%), radial-gradient(ellipse at 58% 48%, color-mix(in srgb, var(--layer-color) 42%, transparent), transparent 46%)}}.effect-overlay-light-effects{animation:3.2s ease-in-out infinite alternate dynamic-sweep}.effect-overlay-light-effects span{opacity:.28;border-radius:999px;width:18px;height:18px;animation-name:dynamic-float}.effect-overlay-particle-effects span,.effect-overlay-nature span{width:7px;height:7px;animation-name:dynamic-float}.effect-overlay-energy-effects{background:radial-gradient(circle at 34% 38%, #ffffff24, transparent 26%), radial-gradient(circle, var(--layer-color), transparent 58%)}@supports (color:color-mix(in lab, red, red)){.effect-overlay-energy-effects{background:radial-gradient(circle at 34% 38%, #ffffff24, transparent 26%), radial-gradient(circle, color-mix(in srgb, var(--layer-color) 30%, transparent), transparent 58%)}}.effect-overlay-energy-effects{animation:1.2s ease-in-out infinite dynamic-pulse}.effect-overlay-energy-effects span{border-radius:999px;width:12px;height:12px;animation-name:dynamic-float}.effect-overlay-water-effects{background:repeating-radial-gradient(at 50% 75%,#ffffff29 0 2px,#0000 2px 18px),linear-gradient(#0000,#70a7ff38);animation:3s linear infinite dynamic-ripple}.effect-overlay-water-effects span{opacity:.42;width:9px;height:18px;animation-name:dynamic-rain}.effect-overlay-fire-effects{background:radial-gradient(at 50% 100%,#ff7a32b8,#0000 42%),radial-gradient(at 42% 92%,#ffdc5f80,#0000 26%);animation:1.4s ease-in-out infinite alternate dynamic-fire}.effect-overlay-fire-effects span{background:#ffcf5f;width:6px;height:16px;animation-name:dynamic-ember}.effect-overlay-abstract-motion{background:conic-gradient(from 0deg, transparent, var(--layer-color), transparent, #ffffff2e, transparent)}@supports (color:color-mix(in lab, red, red)){.effect-overlay-abstract-motion{background:conic-gradient(from 0deg, transparent, color-mix(in srgb, var(--layer-color) 36%, transparent), transparent, #ffffff2e, transparent)}}.effect-overlay-abstract-motion{animation:8s linear infinite dynamic-spin}.effect-overlay-geometric-motion{background:radial-gradient(circle at 28% 34%, #ffffff1f, transparent 24%), radial-gradient(circle at 74% 62%, var(--layer-color), transparent 32%)}@supports (color:color-mix(in lab, red, red)){.effect-overlay-geometric-motion{background:radial-gradient(circle at 28% 34%, #ffffff1f, transparent 24%), radial-gradient(circle at 74% 62%, color-mix(in srgb, var(--layer-color) 24%, transparent), transparent 32%)}}.effect-overlay-geometric-motion{animation:5s linear infinite dynamic-pulse}.effect-overlay-geometric-motion span{border:1px solid var(--layer-color);width:24px;height:24px}@supports (color:color-mix(in lab, red, red)){.effect-overlay-geometric-motion span{border:1px solid color-mix(in srgb, var(--layer-color) 74%, white)}}.effect-overlay-geometric-motion span{background:0 0;border-radius:0;animation-name:dynamic-spin}.effect-overlay-sci-fi{background:radial-gradient(ellipse at 30% 40%, #ffffff1a, transparent 28%), radial-gradient(ellipse at 74% 62%, var(--layer-color), transparent 38%)}@supports (color:color-mix(in lab, red, red)){.effect-overlay-sci-fi{background:radial-gradient(ellipse at 30% 40%, #ffffff1a, transparent 28%), radial-gradient(ellipse at 74% 62%, color-mix(in srgb, var(--layer-color) 28%, transparent), transparent 38%)}}.effect-overlay-sci-fi{animation:1.6s linear infinite dynamic-pulse}.effect-overlay-sci-fi span{border-radius:999px;width:8px;height:8px;animation-name:dynamic-float}.effect-overlay-nature{background:radial-gradient(circle at 50% 20%, var(--layer-color), transparent 40%), linear-gradient(180deg, transparent, #42d3921f)}@supports (color:color-mix(in lab, red, red)){.effect-overlay-nature{background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--layer-color) 20%, transparent), transparent 40%), linear-gradient(180deg, transparent, #42d3921f)}}@keyframes dynamic-float{0%{opacity:0;translate:0 110%}12%{opacity:.55}to{opacity:0;translate:18px -120%}}@keyframes dynamic-drift{0%{opacity:0;translate:-22px 20px;scale:.72}20%,80%{opacity:.42}to{opacity:0;translate:34px -48px;scale:1.2}}@keyframes dynamic-sweep{0%{filter:brightness(.9);background-position:-40px 0,-140px 0}to{filter:brightness(1.35);background-position:120px 0,180px 0}}@keyframes dynamic-streak{0%{opacity:0;translate:-120% -20%;rotate:18deg}40%{opacity:.6}to{opacity:0;translate:160% 40%;rotate:18deg}}@keyframes dynamic-pulse{0%,to{opacity:.42;filter:brightness(.95)}50%{opacity:.9;filter:brightness(1.4)}}@keyframes dynamic-zap{0%{opacity:0;translate:-70%;scale:.8 1}50%{opacity:.8}to{opacity:0;translate:70% 18px;scale:1.7 1}}@keyframes dynamic-ripple{0%{background-position:0 0,0 0}to{background-position:42px 42px,0 0}}@keyframes dynamic-rain{0%{opacity:0;translate:20px -120%}20%,80%{opacity:.55}to{opacity:0;translate:-20px 140%}}@keyframes dynamic-fire{0%{filter:hue-rotate(-8deg)blur();opacity:.68}to{filter:hue-rotate(12deg)blur(1.2px);opacity:.92}}@keyframes dynamic-ember{0%{opacity:0;translate:0 80%;scale:.7}30%,75%{opacity:.82}to{opacity:0;translate:18px -85%;scale:1.2}}@keyframes dynamic-spin{0%{rotate:none}to{rotate:360deg}}@keyframes dynamic-grid{0%{background-position:0 0,0 0}to{background-position:42px 42px,-42px 42px}}@keyframes dynamic-scan{0%{background-position:0 -48px,0 0}to{background-position:0 48px,20px 0}}@keyframes comp-fade{0%{filter:brightness(.75)}to{filter:brightness(1.25)}}@keyframes comp-slide{0%{transform:translate(-2%)}to{transform:translate(2%)}}@keyframes comp-zoom{0%{transform:scale(1)}to{transform:scale(1.035)}}@keyframes comp-crawl{0%{transform:translate(14%)}to{transform:translate(-14%)}}@keyframes comp-rotate{0%{rotate:none}to{rotate:360deg}}@keyframes comp-flip{0%,to{rotate:y 0deg}50%{rotate:y 180deg}}@keyframes comp-pulse{0%{scale:.96}to{scale:1.04}}@keyframes comp-orbit{0%,to{translate:-2% -1%}50%{translate:2% 1%}}@keyframes comp-type{0%{width:0}to{width:100%}}@keyframes comp-bounce{0%{translate:0}to{translate:0 -4%}}@keyframes comp-shimmer{0%{filter:brightness(.9)saturate()}50%{filter:brightness(1.45)saturate(1.3)}to{filter:brightness(.9)saturate()}}@keyframes comp-blur-in{0%{filter:blur(5px);opacity:.55}to{filter:blur();opacity:1}}@keyframes comp-ken{0%{translate:-1% -1%;scale:1}to{translate:1% 1%;scale:1.08}}.composition-form,.direct-edit-form,.timeline-tracks{gap:8px;display:grid}.procedural-controls{background:radial-gradient(circle at 15% 0,#70a7ff1f,#0000 52%),#101620;border:1px solid #70a7ff47;border-radius:8px;gap:9px;padding:10px;display:grid}.procedural-color-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.procedural-color-row label,.procedural-control-grid label{gap:4px;min-width:0;display:grid}.procedural-color-row span,.procedural-control-grid span{color:var(--muted);text-transform:uppercase;font-size:.66rem;font-weight:900}.procedural-control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.procedural-control-grid input[type=range]{width:100%;accent-color:var(--blue)}.procedural-control-grid select{border:1px solid var(--line);color:#f8fbff;background:#1b2230;border-radius:8px;min-height:34px;padding:0 8px}.composition-number-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.composition-number-row label span{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:900;display:block}input[type=color]{min-height:40px;padding:4px}.timeline-panel{grid-column:1/-1}.composition-workspace:not(.show-compositor-timeline) .composition-preview-panel,.composition-workspace:not(.show-compositor-timeline) .composition-tools,.composition-workspace:not(.show-compositor-timeline) .direct-edit-panel{grid-column:auto}.composition-layer-card{border:1px solid var(--line);background:#111722;border-radius:8px;grid-template-columns:28px 1fr minmax(140px,220px) auto;align-items:center;gap:10px;padding:10px;display:grid}.layer-order-actions{gap:6px;display:flex}.layer-order-actions button{border:1px solid var(--line);color:#f7fbff;background:#1b2230;border-radius:8px;min-height:34px;padding:0 8px;font-size:.76rem;font-weight:900}.composition-layer-card.selected{border-color:var(--yellow);background:linear-gradient(145deg,#f6c85f24,#0000),#111722}.direct-edit-panel{align-self:start;position:static}.direct-edit-panel .window-body{max-height:none;overflow:visible}.direct-edit-form input[type=color]{height:44px}.composition-output-full,.composition-output-full .composite-canvas{width:100vw;height:100vh}.composition-output-full .composite-canvas{aspect-ratio:auto;border:0;border-radius:0}.composition-layer-card strong,.composition-layer-card small{display:block}.composition-layer-card input{accent-color:var(--blue)}.timeline-settings{grid-template-columns:minmax(110px,150px) minmax(110px,150px) minmax(220px,.8fr) minmax(320px,1.2fr);align-items:end;gap:8px;margin-bottom:10px;display:grid}.timeline-settings label span{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:900;display:block}.timeline-quick-buttons,.timeline-edit-tools{flex-wrap:wrap;gap:8px;display:flex}.timeline-quick-buttons button,.timeline-edit-tools button{border:1px solid var(--line);color:#f7fbff;background:#1b2230;border-radius:8px;min-height:38px;padding:0 10px;font-size:.76rem;font-weight:900}.timeline-edit-tools button{background:#111722}.timeline-stage{background:#0d131d;border:1px solid #70a7ff33;border-radius:8px;min-height:360px;padding:10px;position:relative;overflow:auto}.timeline-ruler,.timeline-track{grid-template-columns:minmax(270px,340px) minmax(520px,1fr);align-items:stretch;gap:10px;display:grid}.timeline-ruler{z-index:8;color:var(--muted);font-family:var(--font-geist-mono), monospace;background:#0d131d;margin-bottom:8px;font-size:.72rem;position:sticky;top:0}.timeline-ruler-scale{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;grid-template-columns:repeat(7,1fr);align-items:center;min-height:34px;display:grid;position:relative}.timeline-ruler-scale span:not(:first-child){text-align:center}.timeline-ruler-scale:hover,.timeline-ruler-scale:focus-visible{outline-offset:2px;background:#70a7ff14;outline:1px solid #70a7ff70}.timeline-track{min-width:820px}.timeline-track.selected .timeline-layer-controls,.timeline-track.selected .timeline-lane{border-color:var(--yellow)}.timeline-layer-controls{border:1px solid var(--line);background:#111722;border-radius:8px;grid-template-columns:minmax(0,1fr) 28px minmax(96px,150px) auto;align-items:center;gap:8px;min-height:58px;padding:8px;display:grid}.timeline-layer-title{color:#dbe7f5;text-align:left;background:0 0;border:0;min-width:0;padding:0}.timeline-layer-title strong,.timeline-layer-title small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.timeline-layer-title strong{font-size:.82rem;font-weight:900}.timeline-layer-title small{color:var(--muted);font-size:.68rem}.timeline-layer-controls label{gap:3px;display:grid}.timeline-layer-controls label span{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:.66rem;font-weight:900}.timeline-layer-controls input[type=range]{width:100%;accent-color:var(--blue)}.timeline-lane{border:1px solid var(--line);background-color:#0f1520;background-image:linear-gradient(90deg,#ffffff0b 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:12.5% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:8px;min-height:58px;position:relative;overflow:hidden}.timeline-ruler-playhead,.timeline-lane-playhead{left:var(--playhead-left);z-index:9;pointer-events:none;background:#fff;width:2px;position:absolute;box-shadow:0 0 0 1px #70a7ffb8,0 0 18px #70a7ffa3}.timeline-ruler-playhead{top:-3px;bottom:-66px}.timeline-ruler-playhead:before{content:"";border:7px solid #0000;border-top:0;border-bottom:9px solid #fff;position:absolute;top:-7px;left:-6px}.timeline-ruler-playhead:after{content:"";background:#70a7ff1f;border:1px solid #70a7ff5c;border-radius:999px;width:22px;height:42px;position:absolute;top:1px;left:-10px}.timeline-ruler-playhead span{color:#eaf2ff;font-family:var(--font-geist-mono), monospace;white-space:nowrap;background:#05070be0;border:1px solid #70a7ff75;border-radius:6px;padding:3px 6px;font-size:.66rem;font-weight:900;position:absolute;top:9px;left:8px}.timeline-lane-playhead{top:0;bottom:0}.timeline-clip{left:var(--clip-left);width:max(7%, var(--clip-width));border:1px solid var(--clip-color);grid-template-columns:10px minmax(0,1fr) 24px 10px;align-items:stretch;min-height:28px;display:grid;position:absolute;top:14px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.timeline-clip{border:1px solid color-mix(in srgb, var(--clip-color) 80%, white)}}.timeline-clip{background:var(--clip-color);border-radius:6px}@supports (color:color-mix(in lab, red, red)){.timeline-clip{background:color-mix(in srgb, var(--clip-color) 32%, #111722)}}.timeline-clip{color:#f8fbff;touch-action:none;font-size:.75rem;font-weight:900;transition:border-color .14s,box-shadow .14s,transform .14s}.timeline-clip.dragging{z-index:12;border-color:#fff;transform:translateY(-2px);box-shadow:0 10px 28px #00000057,0 0 0 3px #70a7ff3d}.timeline-keyframes{z-index:3;pointer-events:none;position:absolute;inset:0 10px}.timeline-keyframe{left:var(--keyframe-left);pointer-events:auto;cursor:ew-resize;background:#f6c85f;border:1px solid #05070b;border-radius:2px;width:11px;height:11px;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 1px #f6c85f6b}.timeline-keyframe.selected{background:#fff;box-shadow:0 0 0 1px #f6c85f,0 0 0 4px #f6c85f38}.timeline-clip.disabled{opacity:.36}.timeline-clip-body,.timeline-delete,.timeline-handle{min-height:28px;color:inherit;background:0 0;border:0;border-radius:0}.timeline-clip-body{text-align:left;cursor:grab;min-width:0;padding:0 6px;overflow:hidden}.timeline-clip.dragging .timeline-clip-body{cursor:grabbing}.timeline-clip-body strong,.timeline-clip-body small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.timeline-clip-body strong{font-size:.72rem;line-height:1.1}.timeline-clip-body small{color:#f8fbffb8;font-size:.62rem;line-height:1.05}.timeline-handle{cursor:ew-resize;background:linear-gradient(90deg, #ffffff2e, transparent), var(--clip-color)}@supports (color:color-mix(in lab, red, red)){.timeline-handle{background:linear-gradient(90deg, #ffffff2e, transparent), color-mix(in srgb, var(--clip-color) 40%, #05070b)}}.timeline-handle:hover,.timeline-handle:focus-visible{background:var(--clip-color)}@supports (color:color-mix(in lab, red, red)){.timeline-handle:hover,.timeline-handle:focus-visible{background:color-mix(in srgb, var(--clip-color) 72%, white)}}.timeline-delete{color:#ffd9de;place-items:center;font-size:.72rem;font-weight:900;display:grid}.timeline-delete:hover,.timeline-delete:focus-visible{background:#ff4d5f61}.text-editor{border:1px solid var(--line);color:#f8fbff;min-height:158px;font-size:clamp(1.25rem, var(--text-size), 2.5rem);background:#101620;border-radius:8px;padding:18px;font-weight:800;line-height:1.18}.text-editor p+p{margin-top:8px}.edit-form{grid-template-columns:1fr 1fr 150px;margin-top:12px}.edit-form textarea{grid-column:1/-1}.format-row{margin-top:12px}.format-row button,.small-button{padding:0 12px}.format-row input{min-width:140px;accent-color:var(--blue);flex:1}.lyric-scroll-settings{border:1px solid var(--line);background:#101620;border-radius:8px;grid-template-columns:minmax(160px,220px) repeat(2,auto);align-items:end;gap:8px 12px;margin-top:10px;padding:10px;display:grid}.lyric-scroll-settings label span{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:900;display:block}.lyric-scroll-settings small{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:.76rem;font-weight:800}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.library-panel{min-width:0}.library-layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;gap:12px;display:grid}.library-column{border:1px solid var(--line);resize:both;background:#101620;border-radius:8px;min-width:0;padding:12px;overflow:auto}.compact-heading{margin-bottom:10px}.library-tile{border:1px solid var(--line);text-align:left;background:linear-gradient(145deg,#70a7ff1f,#0000),#111722;border-radius:8px;width:100%;min-height:104px;padding:12px;display:block}.library-tile.selected{border-color:var(--blue);background:linear-gradient(145deg,#70a7ff3d,#0000),#121b2a}.library-tile strong,.library-tile span,.library-tile small{display:block}.library-tile span{color:var(--yellow);margin:10px 0 4px;font-size:1.35rem;font-weight:900}.library-tile small{color:var(--muted)}.library-add{margin-top:12px}.library-folder-filter{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:12px;display:grid}.library-folder-filter span{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:.76rem;font-weight:800}.song-library-search{gap:6px;margin-top:10px;display:grid}.song-search-suggestions{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px;display:grid}.song-search-suggestions button{color:#eafff6;text-align:left;background:#42d39214;border:1px solid #42d3926b;border-radius:8px;min-height:42px;padding:7px 9px}.song-search-suggestions strong,.song-search-suggestions small{display:block}.song-search-suggestions strong{font-size:.82rem}.song-search-suggestions small{color:var(--muted);margin-top:2px;font-size:.72rem}.song-builder,.song-section-list,.import-grid,.plugin-list,.content-pack-list{gap:8px;display:grid}.song-section-add{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.song-role-toolbar{flex-wrap:wrap;gap:8px;display:flex}.song-role-toolbar button{align-items:center;gap:7px;display:inline-flex}.song-section-row{border:1px solid var(--line);background:#111722;border-radius:8px;grid-template-columns:120px minmax(0,1fr) auto;align-items:start;gap:8px;padding:8px;display:grid}.song-section-row.selected{border-color:var(--green);background:linear-gradient(145deg,#42d3921f,#0000),#111722}.song-builder>textarea,.song-section-row textarea{min-height:138px;line-height:1.45}.song-focus-preview{background:linear-gradient(145deg,#70a7ff1a,#0000),#0d131d;border:1px solid #70a7ff66;border-radius:8px;gap:10px;min-height:260px;padding:14px;display:grid}.song-focus-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.song-focus-header strong,.song-focus-header small{display:block}.song-focus-header small{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:.76rem}.song-focus-preview .song-line,.song-focus-preview pre{white-space:pre-wrap;color:#f8fbff;min-height:190px;font:800 1.45rem/1.35 var(--font-geist-sans), Arial, sans-serif;margin:0;overflow:auto}.song-focus-preview .song-line{min-height:auto;overflow:visible}.song-line{align-items:center;justify-content:var(--preview-line-justify,flex-start);gap:.34em;display:flex!important}.graphic-layer[style*="--preview-align: center"]{--preview-line-justify:center}.song-line.empty{color:var(--muted);font-size:.95rem}.song-line>span{max-width:none;font:inherit;line-height:inherit}.song-role-icon{color:currentColor;flex:none;width:1.02em;height:1.02em;display:inline-grid;position:relative}.song-role-icon.lead{color:#42d392}.song-role-icon.crowd{color:#f6c85f}.song-role-icon:before,.song-role-icon:after{content:"";display:block;position:absolute}.song-role-icon.lead:before,.song-role-icon.crowd:before{background:currentColor;border-radius:999px;width:34%;height:34%;top:6%;left:18%;box-shadow:0 0 0 .05em #00000059}.song-role-icon.lead:after{border-bottom:.16em solid;border-left:.16em solid;border-radius:0 0 .35em .35em;width:42%;height:52%;top:42%;left:38%;transform:rotate(-16deg);box-shadow:.24em -.33em 0 -.14em}.song-role-icon.crowd:before{box-shadow:.34em .03em 0 -.03em,-.28em .06em 0 -.07em}.song-role-icon.crowd:after{background:radial-gradient(at 22% 74%,currentColor 0 28%,#0000 30%),radial-gradient(at 50% 62%,currentColor 0 35%,#0000 37%),radial-gradient(at 78% 74%,currentColor 0 28%,#0000 30%);border-radius:999px 999px .24em .24em;height:38%;bottom:8%;left:4%;right:4%}.song-role-icon.music:before{background:currentColor;border-radius:999px;width:.18em;height:72%;top:4%;left:38%;box-shadow:.35em .1em}.song-role-icon.music:after{background:currentColor;border-radius:50%;width:.36em;height:.26em;bottom:4%;left:12%;box-shadow:.35em .1em}.library-items{gap:8px;margin-top:12px;display:grid}.library-row{border:1px solid var(--line);background:#111722;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:58px;padding:9px;display:grid}.library-row strong,.library-row small,.bible-result strong,.bible-result small{display:block}.content-pack-card{border:1px solid var(--line);background:linear-gradient(145deg,#42d39214,#0000),#111722;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.content-pack-card strong,.content-pack-card small,.content-pack-card span{display:block}.content-pack-card small,.content-pack-card span{color:var(--muted);font-size:.76rem}.content-pack-card p{color:#d9e6f8;margin:6px 0;font-size:.82rem;line-height:1.35}.bible-tools select{min-height:40px}.bible-reference-field{position:relative}.bible-suggestions{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px;margin-top:6px;display:grid}.bible-suggestions button{color:#fff2c7;text-align:left;background:#f6c85f14;border:1px solid #f6c85f6b;border-radius:8px;min-height:32px;padding:0 8px;font-size:.78rem;font-weight:900}.bible-result{border:1px solid var(--line);background:#101620;border-radius:8px;gap:8px;margin-top:12px;padding:12px;display:grid}.bible-result p{color:#f8fbff;white-space:pre-wrap;max-height:170px;line-height:1.35;overflow:auto}.bible-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.bible-stepper,.text-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.text-style-grid label{gap:6px;min-width:0;display:grid}.text-style-grid span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.text-style-grid select,.text-style-grid input[type=color]{min-height:40px}.macro-list button{text-align:left;width:100%;min-height:46px;padding:0 12px}.scene-macros{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.program-output-page{background:#000;width:100vw;height:100vh;min-height:100vh;display:grid;overflow:hidden}.program-output-root,.program-output-body{background:#000;width:100%;height:100%;margin:0;overflow:hidden}.program-output-page .output-preview{box-shadow:none;background:#000;border:0;border-radius:0;padding:0}.full-screen-output,.full-screen-output .screen{width:100vw;height:100vh;position:fixed;inset:0}.full-screen-output .screen{aspect-ratio:auto;border:0;border-radius:0}.full-screen-output .graphic-layer span{font-size:clamp(2.8rem,6vw,8.4rem)}.full-screen-output .graphic-layer small{font-size:clamp(1rem,1.35vw,1.8rem)}@media (width<=1180px){.control-grid,.lower-grid,.library-layout,.audio-workspace,.streaming-workspace,.ai-workspace,.ai-studio-grid{grid-template-columns:1fr}.audio-console-topbar{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-console-readout{border-left:0;padding-left:0}.rundown-panel,.inspector-panel{min-width:0}}@media (width<=760px){.workspace-shell{padding:12px}.topbar{flex-direction:column;align-items:flex-start}.status-strip,.account-workspace-bar,.mode-tabs,.preview-pair,.library-grid,.generator-grid,.generator-design-grid,.element-design-grid,.layer-type-grid,.timeline-settings,.live-source-toolbar,.playlist-manager,.monitor-dock,.live-stereo-capture,.live-background-heading,.live-background-grid,.live-background-controls,.ai-mode-row,.ai-settings-row,.ai-credit-wallet,.ai-credit-pack-grid,.title-library-heading,.title-library-filters,.title-template-grid,.video-trim-actions,.edit-form,.song-section-row,.stream-form-grid,.stream-preview-meta,.audio-console-topbar,.audio-selected-patch,.stream-health-grid{grid-template-columns:1fr}.edit-form textarea{grid-column:auto}.monitor-actions{justify-content:stretch}.monitor-actions button,.monitor-actions a{flex:1}.live-stereo-controls{flex-direction:column;align-items:stretch}.status{min-height:48px}.graphic-layer span{font-size:clamp(1.2rem,7vw,2rem)}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}