@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&display=swap";.sidebar-nav .sidebar-task-heading{margin:1rem .5rem .25rem;color:var(--muted-foreground);font-size:.72rem;font-weight:600;line-height:1.4}.gb-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.gb-mode-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start;min-width:0;padding:.8rem;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface, #171629),transparent 16%);cursor:pointer}.gb-mode-option.selected{border-color:color-mix(in srgb,var(--accent, #9389e4),white 12%);background:color-mix(in srgb,var(--accent, #9389e4),transparent 88%)}.gb-mode-option:focus-within{outline:2px solid var(--accent, #9389e4);outline-offset:2px}.gb-mode-option input{margin-top:.15rem}.gb-mode-copy{display:grid;gap:.2rem;min-width:0}.gb-mode-copy strong{color:var(--fg);font-size:.86rem}.gb-mode-copy span{color:var(--fg-muted);font-size:.75rem;line-height:1.4}.gb-preview-stage{display:flex;justify-content:center;padding:1.25rem;background:#242535;border:1px dashed var(--border);border-radius:12px}.gb-simple-preview{display:grid;gap:.55rem;width:min(100%,520px);min-width:0;padding:.75rem;font-family:var(--font)}.gb-simple-preview__summary{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;min-width:0}.gb-simple-preview__title{min-width:0;overflow:hidden;color:inherit;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.gb-simple-preview__value{flex:none;color:inherit;font-size:.88em;font-variant-numeric:tabular-nums;white-space:nowrap}.gb-simple-preview__track{position:relative;overflow:hidden;width:100%}.gb-simple-preview__fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;transform-origin:left center}@media(max-width:720px){.gb-mode-grid{grid-template-columns:1fr}.gb-simple-preview__summary{align-items:flex-start;flex-direction:column;gap:.25rem}}.goal-operation-disclosure{min-width:0;border-top:1px solid var(--border)}.goal-operation-disclosure>summary{padding:.75rem 0;color:var(--foreground);font-size:.875rem;font-weight:600;cursor:pointer}.goal-operation-disclosure>summary:hover{color:var(--primary)}.goal-operation-disclosure>summary:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:.25rem}.goal-operation-disclosure-content,.subathon-operation,.subathon-time-adjustments{display:grid;gap:.75rem;min-width:0}.goal-operation-disclosure-content{padding-bottom:.75rem}.goal-operation-hint{margin:0;color:var(--muted-foreground);font-size:.8125rem;line-height:1.5;overflow-wrap:anywhere}.goal-operation-status,.subathon-clock-readout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.goal-operation-status{font-size:.8125rem;font-weight:600}.subathon-clock-readout p{margin:0}.subathon-clock-value{color:var(--foreground);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.4}.subathon-time-adjustments{padding-top:.75rem;border-top:1px solid var(--border)}.subathon-minutes-row{display:flex;align-items:end;flex-wrap:wrap;gap:.75rem}.subathon-minutes-row>label{flex:1 1 7rem;min-width:0}.goal-secondary-action{display:grid;gap:.375rem}.goal-widget-associations{display:grid;gap:.5rem;padding:.75rem 0;min-width:0}.goal-widget-associations ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.goal-widget-associations li{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;min-width:0}.goal-widget-associations a{overflow-wrap:anywhere;text-underline-offset:.2em}.goal-widget-associations button{flex-shrink:0}@media(min-width:1150px){.subathon-list[data-single=true] .subathon-operation{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem 1.5rem}.subathon-list[data-single=true] .goal-operation-status{grid-column:1 / -1}.subathon-list[data-single=true] .subathon-clock-readout{grid-column:1;grid-row:2}.subathon-list[data-single=true] .subathon-operation>.grid{grid-column:1;grid-row:3}.subathon-list[data-single=true] .subathon-time-adjustments{grid-column:2;grid-row:2 / span 2;border-top:0;border-left:1px solid var(--border);padding:0 0 0 1.5rem}}.subathon-display-state{display:grid;gap:.25rem}.subathon-display-state-label{justify-self:start;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:700;letter-spacing:.02em;background:var(--muted);color:var(--foreground)}.subathon-display-state[data-tone=live] .subathon-display-state-label{background:color-mix(in oklab,var(--success, #22c55e) 22%,transparent);color:var(--success, #22c55e)}.subathon-display-state[data-tone=paused] .subathon-display-state-label,.subathon-display-state[data-tone=warning] .subathon-display-state-label{background:color-mix(in oklab,var(--warning, #f59e0b) 22%,transparent);color:var(--warning, #f59e0b)}.subathon-display-state-description{font-size:.8125rem;color:var(--muted-foreground)}.se-form[data-presentation=contextual] .se-lbl-with-help:has(.se-contextual-note){flex-wrap:wrap}.se-form[data-presentation=contextual] .se-contextual-note{flex-basis:100%;order:2;color:var(--fg-muted);font-size:.75rem;line-height:1.4}.se-form[data-presentation=contextual] .se-section-toggle,.se-form[data-presentation=contextual] .se-section-reset{min-height:44px}.se-form[data-presentation=contextual] .se-field-search{flex:1 1 auto;min-height:44px}.se-form[data-presentation=contextual] .se-field-search:focus-within{outline:2px solid var(--brand-blue);outline-offset:2px}.ovx-main.ovx-settings-mode{grid-template-columns:310px minmax(0,1fr)}.ovx-main.ovx-settings-mode>.ovx-left{display:none}.ovx-main.ovx-settings-mode>.ovx-right{grid-column:1;grid-row:1;border-right:1px solid var(--ovx-border);border-left:0}.ovx-main.ovx-settings-mode>.ovx-canvas-area{grid-column:2;grid-row:1}.ovx-main.ovx-layers-mode.ovx-with-selection>.ovx-right{display:none}.ovx-main.ovx-layers-mode.ovx-with-selection{grid-template-columns:238px minmax(0,1fr)}.ovx-main.ovx-layers-mode:not(.ovx-with-selection)>.ovx-right{display:none}.ovx-main.ovx-layers-mode:not(.ovx-with-selection){grid-template-columns:238px minmax(0,1fr)}.ovx-add-slot{position:relative;z-index:8;padding:10px;border-bottom:1px solid var(--ovx-border)}.ovx-add-trigger{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:9px;width:100%;min-height:52px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--ovx-accent) 45%,var(--ovx-border-2));border-radius:8px;color:var(--ovx-fg);background:color-mix(in srgb,var(--ovx-accent) 12%,var(--ovx-bg-3));text-align:left;cursor:pointer}.ovx-add-trigger:hover,.ovx-add-trigger.is-open{border-color:var(--ovx-accent);background:color-mix(in srgb,var(--ovx-accent) 18%,var(--ovx-bg-3))}.ovx-add-trigger:focus-visible,.ovx-add-catalog button:focus-visible,.ovx-add-catalog input:focus-visible{outline:2px solid var(--ovx-accent);outline-offset:2px}.ovx-add-trigger>svg:first-child{grid-row:1 / span 2;width:18px;height:18px;color:var(--ovx-accent)}.ovx-add-trigger>svg:last-child{grid-column:3;grid-row:1 / span 2;width:15px;height:15px;color:var(--ovx-muted)}.ovx-add-trigger span{font-size:.8rem;font-weight:750}.ovx-add-trigger small{color:var(--ovx-muted);font-size:.75rem}.ovx-add-catalog{position:fixed;width:min(370px,calc(100vw - 32px));max-height:min(650px,calc(100dvh - 110px));overflow:auto;padding:12px;border:1px solid var(--ovx-border-2, #3d3b4b);border-radius:10px;color:var(--ovx-fg, #f6f5ff);background:var(--ovx-bg-2, #171923);box-shadow:0 18px 42px #0000006b;z-index:100}.ovx-add-catalog-head,.ovx-add-footer,.ovx-goal-source,.ovx-goal-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.ovx-add-catalog-head{padding-bottom:10px;border-bottom:1px solid var(--ovx-border)}.ovx-add-catalog-head>div{display:grid;gap:3px;min-width:0}.ovx-add-catalog-head strong{font-size:.82rem}.ovx-add-catalog-head span{color:var(--ovx-muted);font-size:.75rem;line-height:1.35}.ovx-add-catalog .ovx-icon-btn{flex:0 0 auto}.ovx-add-shortcuts{display:grid;gap:5px;margin:10px 0}.ovx-add-shortcuts button{display:grid;grid-template-columns:20px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:7px 8px;border:1px solid var(--ovx-border);border-radius:7px;color:var(--ovx-fg);background:var(--ovx-bg-3);text-align:left;cursor:pointer}.ovx-add-shortcuts button:hover:not(:disabled){border-color:var(--ovx-border-2);background:color-mix(in srgb,var(--ovx-accent) 8%,var(--ovx-bg-3))}.ovx-add-shortcuts button>svg{grid-row:1 / span 2;width:15px;height:15px;color:var(--ovx-accent)}.ovx-add-shortcuts button span{font-size:.75rem;font-weight:700}.ovx-add-shortcuts button small{color:var(--ovx-muted);font-size:.75rem}.ovx-add-shortcuts button:disabled{opacity:.55;cursor:wait}.ovx-add-search{display:flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid var(--ovx-border);border-radius:7px;background:var(--ovx-bg-3)}.ovx-add-search svg{width:14px;height:14px;color:var(--ovx-muted);flex:0 0 auto}.ovx-add-search input{min-width:0;flex:1;border:0;outline:0;color:var(--ovx-fg);background:transparent;font-size:.75rem}.ovx-add-search kbd{padding:1px 4px;border:1px solid var(--ovx-border-2);border-radius:4px;color:var(--ovx-muted);font:600 .68rem var(--font-mono, monospace)}.ovx-add-results{display:grid;gap:12px;margin-top:12px}.ovx-add-group{display:grid;gap:3px}.ovx-add-group h3{margin:0 4px 4px;color:var(--ovx-muted);font-size:.8rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.ovx-add-result{display:flex;align-items:center;gap:8px;width:100%;padding:7px 6px;border:1px solid transparent;border-radius:6px;color:var(--ovx-fg);background:transparent;text-align:left;cursor:pointer}.ovx-add-result:hover:not(:disabled){border-color:var(--ovx-border);background:#ffffff0a}.ovx-add-result:disabled{opacity:.5;cursor:wait}.ovx-add-result-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;color:var(--ovx-accent);background:color-mix(in srgb,var(--ovx-accent) 12%,transparent);flex:0 0 auto}.ovx-add-result-icon svg{width:14px;height:14px}.ovx-add-result-copy{display:grid;gap:2px;min-width:0;flex:1}.ovx-add-result-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.ovx-add-result-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ovx-muted);font-size:.75rem}.ovx-add-result-meta{color:var(--ovx-muted);font:.75rem var(--font-mono, monospace);flex:0 0 auto}.ovx-add-footer{margin-top:12px;padding-top:9px;border-top:1px solid var(--ovx-border)}.ovx-add-footer button{border:0;padding:4px 0;color:var(--ovx-accent);background:transparent;font-size:.75rem;cursor:pointer}.ovx-add-footer button:first-child{display:inline-flex;align-items:center;gap:4px;font-weight:700}.ovx-add-footer svg{width:13px;height:13px}.ovx-pane-switch{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ovx-border);border-radius:5px;padding:5px 7px;color:var(--ovx-muted);background:var(--ovx-bg-3);font-size:.75rem;font-weight:700;cursor:pointer}.ovx-pane-switch:hover{color:var(--ovx-fg);border-color:var(--ovx-accent)}.ovx-pane-switch:disabled{opacity:.55;cursor:wait}.ovx-pane-switch svg{width:14px;height:14px}.ovx-pane-switch-settings{width:100%;justify-content:center;margin-top:7px}.ovx-test-local-note{margin:-4px 0 10px;color:var(--ovx-muted);font-size:.75rem;line-height:1.35}.ovx-field-help{color:var(--ovx-muted);font-size:.75rem;line-height:1.4}.ovx-goal-properties .ovx-field>span:first-child,.ovx-goal-properties .ovx-field input,.ovx-goal-properties .ovx-field select,.ovx-goal-properties button{font-size:.8rem}.ovx-goal-properties .ovx-field select:disabled{opacity:1;color:var(--ovx-fg);cursor:not-allowed}.ovx-goal-progress{display:grid;gap:6px;margin:10px 0;padding:8px;border:1px solid var(--ovx-border);border-radius:7px;background:var(--ovx-bg-3)}.ovx-goal-progress>div:first-child{color:var(--ovx-muted);font-size:.75rem}.ovx-goal-progress strong{color:var(--ovx-fg);font:600 .75rem var(--font-mono, monospace)}.ovx-goal-progress-track{height:5px;overflow:hidden;border-radius:999px;background:#ffffff1a}.ovx-goal-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--ovx-ok)}.ovx-goal-source{flex-wrap:wrap;margin:8px 0 12px;font-size:.75rem}.ovx-goal-source>span{color:var(--ovx-muted)}.ovx-goal-source strong{margin-left:auto;color:var(--ovx-fg);font-size:.75rem}.ovx-goal-source small{width:100%;color:var(--ovx-ok);font-size:.75rem}.ovx-goal-source small.is-pending{color:var(--warning, #f5b12c)}.ovx-right[aria-busy=true] .ovx-right-body{pointer-events:none;opacity:.72}.ovx-selection-ops button{min-height:30px;font-size:.75rem}@media(max-width:1400px){.ovx-add-catalog{width:min(340px,calc(100vw - 28px))}}@media(max-width:860px){.ovx-shell:not(.ovx-shell-new){grid-template-rows:auto minmax(0,1fr) 28px}.ovx-shell .ovx-topbar{min-width:0;height:auto;min-height:48px;flex-wrap:wrap;gap:.5rem;padding:.5rem}.ovx-shell .ovx-logo{min-width:0;flex:1 1 auto}.ovx-shell .ovx-logo span{min-width:0;max-width:26vw}.ovx-shell .ovx-tools{min-width:0;flex-shrink:0}.ovx-shell .ovx-topbar-right{min-width:0;flex:1 0 100%;flex-wrap:wrap;justify-content:flex-end;gap:4px}.ovx-shell .ovx-chip{min-width:0;flex-shrink:0;white-space:nowrap}.ovx-main,.ovx-main.ovx-settings-mode,.ovx-main.ovx-layers-mode.ovx-with-selection,.ovx-main.ovx-layers-mode:not(.ovx-with-selection){grid-template-columns:minmax(0,1fr);width:100%;min-width:0;overflow-x:hidden;overflow-y:auto}.ovx-main>.ovx-left,.ovx-main>.ovx-right,.ovx-main>.ovx-canvas-area{width:100%;min-width:0;max-width:100%}.ovx-main.ovx-settings-mode>.ovx-right,.ovx-main.ovx-settings-mode>.ovx-canvas-area{grid-column:auto;grid-row:auto}.ovx-left{min-height:260px;max-height:44dvh}.ovx-right{max-height:56dvh}}@media(max-width:620px){.ovx-main{display:block;overflow:auto}.ovx-left{min-height:260px;max-height:42dvh}.ovx-add-catalog{position:fixed;top:58px!important;left:10px!important;right:10px;width:auto;max-height:calc(100dvh - 80px)}}@media(prefers-reduced-motion:reduce){.ovx-add-catalog *,.ovx-add-trigger,.ovx-add-result{transition:none!important}}.ovx-goal-shared-progress{margin:-.5rem 1rem .75rem;padding:.55rem .7rem;border:1px solid color-mix(in srgb,var(--ovx-accent, #8ab4ff) 38%,transparent);border-radius:.45rem;color:var(--ovx-fg, #f4f6fb);background:color-mix(in srgb,var(--ovx-accent, #8ab4ff) 12%,transparent);font-size:.78rem;line-height:1.35}.ovx-emulate-wrap.is-open{position:relative;z-index:62}.ovx-emulate-wrap.is-open .ovx-emulate-btn{position:relative;z-index:63}.studio-preview-dimensions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--fg-muted);border-bottom:1px solid var(--border);font-size:.75rem}.studio-preview-dimensions label{display:flex;align-items:center;gap:.3rem}.studio-preview-dimensions input{width:4.5rem;min-height:32px;padding:.2rem .35rem;border:1px solid var(--border);border-radius:6px;background:var(--surface-solid, #1e1e32);color:var(--fg);font:inherit;font-variant-numeric:tabular-nums}.studio-preview-dimensions input:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.studio-preview-output .studio-preview-canvas{transition:none}.studio-preview-modes,.studio-preview-status{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);color:var(--fg-muted);font-size:.75rem}.studio-preview-status>span{flex:1 1 18rem}.studio-preview-modes button{min-height:36px;padding:.35rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-solid);color:var(--fg);font:inherit;font-weight:600}.studio-preview-modes button[aria-pressed=true]{border-color:var(--brand-blue);background:color-mix(in srgb,var(--brand-blue) 18%,var(--surface-solid))}.studio-preview-modes button:focus-visible{outline:2px solid var(--brand-blue);outline-offset:3px}.studio-preview-status[role=alert]{color:var(--fg)}.obs-setup-dialog{max-height:calc(100dvh - 2rem);overflow-y:auto}.obs-setup-dialog p{margin:0}.studio-topbar{flex-wrap:wrap}.studio-topbar-left{flex:1 1 22rem}.studio-topbar-right{flex-wrap:wrap;max-width:100%}.studio-topbar-left .studio-widget-name-input{min-width:8rem}.studio-secondary-menu{position:relative}.studio-secondary-menu summary{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:36px;border:1px solid var(--border);border-radius:8px;cursor:pointer;list-style:none}.studio-secondary-menu summary::-webkit-details-marker{display:none}.studio-secondary-menu summary:focus-visible{outline:2px solid var(--brand-blue);outline-offset:3px}.studio-secondary-menu-content{position:absolute;top:calc(100% + .5rem);right:0;z-index:80;width:min(16rem,calc(100vw - 2rem));display:grid;gap:.35rem;padding:.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-solid, #181827);box-shadow:0 8px 24px #0005}.studio-secondary-menu:not([open]) .studio-secondary-menu-content{display:none}.studio-secondary-menu-content button{width:100%;justify-content:flex-start}@media(max-width:760px){.studio-preview-modes button{min-height:44px}.studio-preview-modes>span{flex-basis:100%}}/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-mono:var(--font-mono);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-100:oklch(96.2% .044 156.743);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-600:oklch(59.6% .145 163.225);--color-teal-400:oklch(77.7% .152 181.912);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-900:oklch(37.9% .146 265.522);--color-violet-400:oklch(70.2% .183 293.541);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-warning:var(--warning)}}@layer base{*,:after,:before,::backdrop{border-style:solid;border-width:0;border-color:var(--border)}::file-selector-button{border-style:solid;border-width:0;border-color:var(--border)}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-\[12\%\]{top:12%;right:12%;bottom:12%;left:12%}.inset-x-2{inset-inline:calc(var(--spacing) * 2)}.inset-y-0{inset-block:0}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-\[50\%\]{top:50%}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.left-0{left:0}.left-3{left:calc(var(--spacing) * 3)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.z-\[999\]{z-index:999}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-full{grid-column:1/-1}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-1{margin-inline:var(--spacing)}.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:var(--spacing)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.field-sizing-content{field-sizing:content}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-\[240px\]{width:240px;height:240px}.size-full{width:100%;height:100%}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-\[50vh\]{max-height:50vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-\[70vh\]{min-height:70vh}.min-h-\[220px\]{min-height:220px}.w-1{width:var(--spacing)}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing) * 2)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-123{width:calc(var(--spacing) * 123)}.w-\[min\(92vw\,42rem\)\]{width:min(92vw,42rem)}.w-\[min\(94vw\,52rem\)\]{width:min(94vw,52rem)}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-28{max-width:calc(var(--spacing) * 28)}.max-w-\[10rem\]{max-width:10rem}.max-w-\[16rem\]{max-width:16rem}.max-w-\[24ch\]{max-width:24ch}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.basis-60{flex-basis:calc(var(--spacing) * 60)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.translate-x-0{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.01\]{scale:1.01}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-my-1{scroll-margin-block:var(--spacing)}.scroll-mt-4{scroll-margin-top:calc(var(--spacing) * 4)}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-cols-\[repeat\(auto-fill\,minmax\(260px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-between{align-content:space-between}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-start{justify-items:start}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)),:where(.divide-border\/70>:not(:last-child)){border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){:where(.divide-border\/70>:not(:last-child)){border-color:color-mix(in oklab,var(--border) 70%,transparent)}}.self-center{align-self:center}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[var\(--r-lg\)\]{border-radius:var(--r-lg)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-l-2xl{border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-accent-green{border-color:var(--pill-accent-base)}.border-border,.border-border\/40{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/40{border-color:color-mix(in oklab,var(--border) 40%,transparent)}}.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--border) 50%,transparent)}}.border-border\/55{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/55{border-color:color-mix(in oklab,var(--border) 55%,transparent)}}.border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/60{border-color:color-mix(in oklab,var(--border) 60%,transparent)}}.border-border\/70{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/70{border-color:color-mix(in oklab,var(--border) 70%,transparent)}}.border-border\/80{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/80{border-color:color-mix(in oklab,var(--border) 80%,transparent)}}.border-destructive,.border-destructive\/30{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/30{border-color:color-mix(in oklab,var(--destructive) 30%,transparent)}}.border-destructive\/40{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/40{border-color:color-mix(in oklab,var(--destructive) 40%,transparent)}}.border-foreground{border-color:var(--foreground)}.border-green-500\/20{border-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.border-green-500\/20{border-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}.border-input{border-color:var(--input)}.border-primary,.border-primary\/20{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/20{border-color:color-mix(in oklab,var(--primary) 20%,transparent)}}.border-primary\/60{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/60{border-color:color-mix(in oklab,var(--primary) 60%,transparent)}}.border-success\/20{border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.border-success\/20{border-color:color-mix(in oklab,var(--success) 20%,transparent)}}.border-success\/30{border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.border-success\/30{border-color:color-mix(in oklab,var(--success) 30%,transparent)}}.border-transparent{border-color:#0000}.border-warning\/20{border-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.border-warning\/20{border-color:color-mix(in oklab,var(--warning) 20%,transparent)}}.border-warning\/40{border-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.border-warning\/40{border-color:color-mix(in oklab,var(--warning) 40%,transparent)}}.border-white\/6{border-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.border-white\/6{border-color:color-mix(in oklab,var(--color-white) 6%,transparent)}}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.border-white\/8{border-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-\[\#0f0f18\]{background-color:#0f0f18}.bg-\[\#171724\]{background-color:#171724}.bg-accent{background-color:var(--accent)}.bg-accent-green{background-color:var(--pill-accent-base)}.bg-accent\/15{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/15{background-color:color-mix(in oklab,var(--accent) 15%,transparent)}}.bg-background,.bg-background\/50{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/50{background-color:color-mix(in oklab,var(--background) 50%,transparent)}}.bg-background\/60{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/60{background-color:color-mix(in oklab,var(--background) 60%,transparent)}}.bg-background\/70{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/70{background-color:color-mix(in oklab,var(--background) 70%,transparent)}}.bg-background\/75{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/75{background-color:color-mix(in oklab,var(--background) 75%,transparent)}}.bg-background\/98{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/98{background-color:color-mix(in oklab,var(--background) 98%,transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab,red,red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black) 55%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border,.bg-border\/50{background-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.bg-border\/50{background-color:color-mix(in oklab,var(--border) 50%,transparent)}}.bg-border\/70{background-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.bg-border\/70{background-color:color-mix(in oklab,var(--border) 70%,transparent)}}.bg-card,.bg-card\/40{background-color:var(--card)}@supports (color:color-mix(in lab,red,red)){.bg-card\/40{background-color:color-mix(in oklab,var(--card) 40%,transparent)}}.bg-card\/60{background-color:var(--card)}@supports (color:color-mix(in lab,red,red)){.bg-card\/60{background-color:color-mix(in oklab,var(--card) 60%,transparent)}}.bg-card\/95{background-color:var(--card)}@supports (color:color-mix(in lab,red,red)){.bg-card\/95{background-color:color-mix(in oklab,var(--card) 95%,transparent)}}.bg-current\/15{background-color:currentColor}@supports (color:color-mix(in lab,red,red)){.bg-current\/15{background-color:color-mix(in oklab,currentcolor 15%,transparent)}}.bg-destructive,.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.bg-destructive\/15{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/15{background-color:color-mix(in oklab,var(--destructive) 15%,transparent)}}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/6{background-color:#00c7580f}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/6{background-color:color-mix(in oklab,var(--color-green-500) 6%,transparent)}}.bg-green-500\/15{background-color:#00c75826}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/15{background-color:color-mix(in oklab,var(--color-green-500) 15%,transparent)}}.bg-green-500\/70{background-color:#00c758b3}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/70{background-color:color-mix(in oklab,var(--color-green-500) 70%,transparent)}}.bg-muted,.bg-muted\/10{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/10{background-color:color-mix(in oklab,var(--muted) 10%,transparent)}}.bg-muted\/15{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/15{background-color:color-mix(in oklab,var(--muted) 15%,transparent)}}.bg-muted\/20{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/20{background-color:color-mix(in oklab,var(--muted) 20%,transparent)}}.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--muted) 30%,transparent)}}.bg-muted\/40{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/40{background-color:color-mix(in oklab,var(--muted) 40%,transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.bg-muted\/60{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/60{background-color:color-mix(in oklab,var(--muted) 60%,transparent)}}.bg-muted\/70{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/70{background-color:color-mix(in oklab,var(--muted) 70%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/5{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--primary) 5%,transparent)}}.bg-primary\/8{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/8{background-color:color-mix(in oklab,var(--primary) 8%,transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary) 10%,transparent)}}.bg-primary\/15{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/15{background-color:color-mix(in oklab,var(--primary) 15%,transparent)}}.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--primary) 20%,transparent)}}.bg-primary\/60{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/60{background-color:color-mix(in oklab,var(--primary) 60%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/70{background-color:#fb2c36b3}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/70{background-color:color-mix(in oklab,var(--color-red-500) 70%,transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-success\/5{background-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.bg-success\/5{background-color:color-mix(in oklab,var(--success) 5%,transparent)}}.bg-success\/10{background-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.bg-success\/10{background-color:color-mix(in oklab,var(--success) 10%,transparent)}}.bg-success\/15{background-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.bg-success\/15{background-color:color-mix(in oklab,var(--success) 15%,transparent)}}.bg-transparent{background-color:#0000}.bg-warning,.bg-warning\/5{background-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.bg-warning\/5{background-color:color-mix(in oklab,var(--warning) 5%,transparent)}}.bg-warning\/10{background-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.bg-warning\/10{background-color:color-mix(in oklab,var(--warning) 10%,transparent)}}.bg-warning\/15{background-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.bg-warning\/15{background-color:color-mix(in oklab,var(--warning) 15%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-yellow-500\/70{background-color:#edb200b3}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/70{background-color:color-mix(in oklab,var(--color-yellow-500) 70%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle_at_1px_1px\,rgba\(255\,255\,255\,0\.06\)_1px\,transparent_0\)\]{background-image:radial-gradient(circle at 1px 1px,#ffffff0f 1px,#0000 0)}.from-\[\#1a1530\]{--tw-gradient-from:#1a1530;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary\/10{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab,red,red)){.from-primary\/10{--tw-gradient-from:color-mix(in oklab, var(--primary) 10%, transparent)}}.from-primary\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-teal-400{--tw-gradient-from:var(--color-teal-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white\/\[0\.03\]{--tw-gradient-from:#ffffff08}@supports (color:color-mix(in lab,red,red)){.from-white\/\[0\.03\]{--tw-gradient-from:color-mix(in oklab, var(--color-white) 3%, transparent)}}.from-white\/\[0\.03\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#161427\]{--tw-gradient-to:#161427;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-black\/20{--tw-gradient-to:#0003}@supports (color:color-mix(in lab,red,red)){.to-black\/20{--tw-gradient-to:color-mix(in oklab, var(--color-black) 20%, transparent)}}.to-black\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-400{--tw-gradient-to:var(--color-violet-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.\[background-size\:18px_18px\]{background-size:18px 18px}.fill-amber-300{fill:var(--color-amber-300)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-1{padding-top:var(--spacing)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-14{padding-right:calc(var(--spacing) * 14)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-0{padding-left:0}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-8\!{padding-left:calc(var(--spacing) * 8)!important}.pl-9\!{padding-left:calc(var(--spacing) * 9)!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\!{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.62rem\]{font-size:.62rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.98rem\]{font-size:.98rem}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-medium\!{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-nowrap\!{white-space:nowrap!important}.text-accent-green-foreground{color:var(--pill-accent-ink)}.text-accent-light{color:var(--purple-light)}.text-amber-300{color:var(--color-amber-300)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-blue-900{color:var(--color-blue-900)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-destructive\!{color:var(--destructive)!important}.text-destructive-foreground{color:var(--destructive-foreground)}.text-emerald-600{color:var(--color-emerald-600)}.text-foreground{color:var(--foreground)}.text-foreground\!{color:var(--foreground)!important}.text-foreground\/70{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/70{color:color-mix(in oklab,var(--foreground) 70%,transparent)}}.text-foreground\/80{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/80{color:color-mix(in oklab,var(--foreground) 80%,transparent)}}.text-gray-600{color:var(--color-gray-600)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-inherit{color:inherit}.text-muted-foreground{color:var(--muted-foreground)}.text-muted-foreground\!{color:var(--muted-foreground)!important}.text-muted-foreground\/40{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/40{color:color-mix(in oklab,var(--muted-foreground) 40%,transparent)}}.text-muted-foreground\/60{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/60{color:color-mix(in oklab,var(--muted-foreground) 60%,transparent)}}.text-muted-foreground\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/70{color:color-mix(in oklab,var(--muted-foreground) 70%,transparent)}}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary\!{color:var(--primary)!important}.text-primary-foreground{color:var(--primary-foreground)}.text-red-600{color:var(--color-red-600)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-white{color:var(--color-white)}.text-white\/20{color:#fff3}@supports (color:color-mix(in lab,red,red)){.text-white\/20{color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.text-white\/25{color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.text-white\/25{color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/78{color:#ffffffc7}@supports (color:color-mix(in lab,red,red)){.text-white\/78{color:color-mix(in oklab,var(--color-white) 78%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.text-white\/95{color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.text-white\/95{color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.no-underline\!{text-decoration-line:none!important}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.accent-primary{accent-color:var(--primary)}.opacity-0{opacity:0}.opacity-35{opacity:.35}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.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)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#ffffff14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_22px_rgba\(0\,0\,0\,0\.22\)\]{--tw-shadow:0 8px 22px var(--tw-shadow-color,#00000038);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_50px_-38px_rgba\(0\,0\,0\,0\.75\)\]{--tw-shadow:0 18px 50px -38px var(--tw-shadow-color,#000000bf);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_60px_-34px_rgba\(0\,0\,0\,0\.65\)\]{--tw-shadow:0 20px 60px -34px var(--tw-shadow-color,#000000a6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-card\)\]{--tw-shadow:var(--shadow-card);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--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)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--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)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-black\/20{--tw-ring-color:#0003}@supports (color:color-mix(in lab,red,red)){.ring-black\/20{--tw-ring-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.ring-primary{--tw-ring-color:var(--primary)}.ring-ring\/40{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.ring-ring\/40{--tw-ring-color:color-mix(in oklab, var(--ring) 40%, transparent)}}.ring-white\/5{--tw-ring-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.ring-white\/5{--tw-ring-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.ring-white\/25{--tw-ring-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.ring-white\/25{--tw-ring-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,color\,box-shadow\,transform\]{transition-property:background-color,border-color,color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,border-color\,background-color\,box-shadow\,opacity\]{transition-property:transform,border-color,background-color,box-shadow,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,box-shadow\]{transition-property:transform,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\!paused{animation-play-state:paused!important}.fade-in{--tw-enter-opacity:0}.paused{animation-play-state:paused}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}.group-focus-within\/folder\:opacity-100:is(:where(.group\/folder):focus-within *),.group-focus-within\/thumb\:opacity-100:is(:where(.group\/thumb):focus-within *){opacity:1}@media(hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:bg-primary\/20:is(:where(.group):hover *){background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-primary\/20:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--primary) 20%,transparent)}}.group-hover\/folder\:opacity-100:is(:where(.group\/folder):hover *),.group-hover\/thumb\:opacity-100:is(:where(.group\/thumb):hover *){opacity:1}}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.backdrop\:bg-black\/60::backdrop{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.backdrop\:bg-black\/60::backdrop{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.backdrop\:bg-black\/70::backdrop{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.backdrop\:bg-black\/70::backdrop{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.first\:pt-1:first-child{padding-top:var(--spacing)}.last\:mb-0:last-child{margin-bottom:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-1:last-child{padding-bottom:var(--spacing)}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-border:hover{border-color:var(--border)}.hover\:border-primary\/60:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/60:hover{border-color:color-mix(in oklab,var(--primary) 60%,transparent)}}.hover\:border-white\/18:hover{border-color:#ffffff2e}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/18:hover{border-color:color-mix(in oklab,var(--color-white) 18%,transparent)}}.hover\:bg-\[\#1b1b2c\]:hover{background-color:#1b1b2c}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.hover\:bg-card\/70:hover{background-color:var(--card)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-card\/70:hover{background-color:color-mix(in oklab,var(--card) 70%,transparent)}}.hover\:bg-destructive\/10:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/10:hover{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.hover\:bg-destructive\/15:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/15:hover{background-color:color-mix(in oklab,var(--destructive) 15%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive) 90%,transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/30:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/30:hover{background-color:color-mix(in oklab,var(--muted) 30%,transparent)}}.hover\:bg-muted\/60:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/60:hover{background-color:color-mix(in oklab,var(--muted) 60%,transparent)}}.hover\:bg-muted\/70:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/70:hover{background-color:color-mix(in oklab,var(--muted) 70%,transparent)}}.hover\:bg-muted\/80:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/80:hover{background-color:color-mix(in oklab,var(--muted) 80%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}.hover\:bg-secondary\/85:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/85:hover{background-color:color-mix(in oklab,var(--secondary) 85%,transparent)}}.hover\:bg-success\/10:hover{background-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-success\/10:hover{background-color:color-mix(in oklab,var(--success) 10%,transparent)}}.hover\:bg-warning\/90:hover{background-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-warning\/90:hover{background-color:color-mix(in oklab,var(--warning) 90%,transparent)}}.hover\:text-destructive:hover{color:var(--destructive)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground\/70:hover{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.hover\:text-muted-foreground\/70:hover{color:color-mix(in oklab,var(--muted-foreground) 70%,transparent)}}.hover\:text-primary\/90:hover{color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:text-primary\/90:hover{color:color-mix(in oklab,var(--primary) 90%,transparent)}}.hover\:text-success:hover{color:var(--success)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:bg-destructive\/15:focus-visible{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:bg-destructive\/15:focus-visible{background-color:color-mix(in oklab,var(--destructive) 15%,transparent)}}.focus-visible\:bg-muted\/70:focus-visible{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:bg-muted\/70:focus-visible{background-color:color-mix(in oklab,var(--muted) 70%,transparent)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.focus-visible\:ring-destructive\/25:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/25:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 25%, transparent)}}.focus-visible\:ring-ring\/35:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/35:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 35%, transparent)}}.focus-visible\:ring-ring\/40:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 40%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-primary:focus-visible{outline-color:var(--primary)}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.96\]:active{scale:.96}.active\:scale-\[0\.97\]:active{scale:.97}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:translate-y-0:disabled{--tw-translate-y:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-5:has(>svg){padding-inline:calc(var(--spacing) * 5)}.aria-expanded\:opacity-100[aria-expanded=true]{opacity:1}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing) * 9)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media(min-width:480px){.min-\[480px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:w-auto{width:auto}.sm\:max-w-2xl{max-width:var(--container-2xl)}.sm\:max-w-5xl{max-width:var(--container-5xl)}.sm\:max-w-40{max-width:calc(var(--spacing) * 40)}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[1fr_1fr_auto\]{grid-template-columns:1fr 1fr auto}.sm\:grid-cols-\[1fr_180px\]{grid-template-columns:1fr 180px}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:rounded-3xl{border-radius:var(--radius-3xl)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-left{text-align:left}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:48rem){.md\:grid-cols-\[minmax\(0\,1fr\)_220px_auto\]{grid-template-columns:minmax(0,1fr) 220px auto}.md\:items-end{align-items:flex-end}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-4{top:calc(var(--spacing) * 4)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}.lg\:grid-cols-\[300px_1fr\]{grid-template-columns:300px 1fr}.lg\:grid-cols-\[420px_minmax\(0\,1fr\)\]{grid-template-columns:420px minmax(0,1fr)}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}.dark\:bg-gray-950:is(.dark *){background-color:var(--color-gray-950)}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input) 30%,transparent)}}.dark\:text-amber-500:is(.dark *){color:var(--color-amber-500)}.dark\:ring-white\/15:is(.dark *){--tw-ring-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.dark\:ring-white\/15:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}@media(hover:hover){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.\[\&_p\]\:m-0 p{margin:0}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-3\.5 svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:text-destructive svg{color:var(--destructive)}.\[\&_svg\]\:text-muted-foreground svg{color:var(--muted-foreground)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing) * 6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}.\[\&\>\*\]\:min-w-0>*{min-width:0}@media(hover:none){.\[\@media\(hover\:none\)\]\:items-end{align-items:flex-end}.\[\@media\(hover\:none\)\]\:justify-end{justify-content:flex-end}.\[\@media\(hover\:none\)\]\:bg-transparent{background-color:#0000}.\[\@media\(hover\:none\)\]\:p-2{padding:calc(var(--spacing) * 2)}.\[\@media\(hover\:none\)\]\:opacity-100{opacity:1}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:var(--bg);--foreground:var(--fg);--card:var(--surface);--card-foreground:var(--fg);--popover:var(--surface-solid);--popover-foreground:var(--fg);--primary:var(--pink);--primary-foreground:var(--pink-fg);--secondary:var(--surface-hover);--secondary-foreground:var(--fg);--muted:#ffffff0f;--muted-foreground:var(--fg-muted);--accent:var(--purple);--accent-foreground:var(--purple-fg);--destructive:var(--danger);--destructive-foreground:#fff;--input:var(--border);--ring:var(--pink);--radius:var(--r)}a[data-slot=button],a[data-slot=button]:hover{text-decoration:none}a[data-slot=button][data-variant=outline],a[data-slot=button][data-variant=ghost],a[data-slot=button][data-variant=secondary]{color:inherit}a[data-slot=button][data-variant=default]{color:var(--primary-foreground)}a[data-slot=button][data-variant=destructive]{color:#fff}a[data-slot=button][data-variant=link],a[data-slot=button][data-variant=link]:hover{color:var(--primary)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}:root{--bg: #0f0f1a;--bg-deep: #08080f;--surface: #1a1a2e;--surface-solid: #1e1e32;--surface-hover: #252542;--border: rgba(255, 255, 255, .07);--border-subtle: rgba(255, 255, 255, .04);--fg: #e2e2f0;--fg-muted: #9b9bb8;--fg-white: rgba(255, 255, 255, .95);--fg-white-muted: rgba(255, 255, 255, .4);--pink: #1f6fd6;--pink-dark: #1f6fd6;--pink-fg: #ffffff;--pink-grad: #1f6fd6;--purple: #33ad4f;--purple-light: #4cbf63;--purple-fg: #ffffff;--brand-blue: #1f6fd6;--brand-green: #33ad4f;--brand-pink: #ec4899;--brand-yellow: #f5b12c;--brand-brown: #5b3b27;--brand-tan: #c99a6b;--sidebar-bg: #13131f;--sidebar-w: 240px;--editor-wrap: #1f6fd6;--danger: #e86c65;--success: #3ec46e;--warning: #f5b12c;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--space-1: var(--sp-1);--space-2: var(--sp-2);--space-3: var(--sp-3);--space-4: var(--sp-4);--space-5: var(--sp-5);--space-6: var(--sp-6);--r: 12px;--r-lg: 16px;--r-xl: 24px;--radius: var(--r);--accent: var(--purple);--accent-fg: var(--purple-fg);--font: "Poppins", ui-sans-serif, system-ui, sans-serif;--font-head: "Poppins", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html{background:var(--bg);background-attachment:fixed}body{min-height:100dvh;background:transparent}a{color:var(--purple-light)}a:hover{text-decoration:underline}@layer base{button{font:inherit;cursor:pointer}:where(ul,ol)[class]{list-style:none;margin:0;padding:0}}h1,h2,h3{font-family:var(--font-head);text-wrap:balance}code{font-family:var(--font-mono);font-size:.85em;background:color-mix(in srgb,var(--pink) 10%,var(--surface));color:var(--purple-light);padding:.1em .35em;border-radius:4px}:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:4px}.app-shell{display:flex;height:100dvh;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5) var(--sp-3);height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.sidebar-logo{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border)}.sidebar-logo-icon{font-size:1.4rem;line-height:1}.sidebar-logo-name{font-family:var(--font-head);font-size:1.05rem;font-weight:700;color:var(--fg-white);letter-spacing:-.01em}.sidebar-brand{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-2)}.sidebar-avatar{width:34px;height:34px;border-radius:50%;background:var(--pink-grad);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0}.sidebar-username{font-weight:600;font-size:.875rem;color:var(--fg-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow-y:auto}.sidebar-nav-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a8a8bf;margin:0 0 var(--sp-2) var(--sp-2)}.sidebar-nav a{display:flex;align-items:center;gap:.65rem;padding:.6rem .85rem;border-radius:var(--r);color:#ffffff8c;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .13s var(--ease-out);border-left:3px solid transparent}.sidebar-nav a:hover{background:#ffffff0d;color:var(--fg-white);text-decoration:none}.sidebar-nav a.active{background:var(--pill-primary);color:var(--pill-primary-ink);font-weight:600;border-left-color:var(--purple)}.sidebar-nav a svg{width:16px;height:16px;flex-shrink:0;opacity:.7}.sidebar-nav a.active svg,.sidebar-nav a:hover svg{opacity:1}.sidebar-logout{display:flex;align-items:center;gap:.65rem;padding:.7rem .85rem;background:#e86c6512;border:1px solid rgba(232,108,101,.15);border-radius:var(--r);color:#b3b3c9;font-size:.875rem;font-weight:500;font-family:var(--font);cursor:pointer;text-align:left;text-decoration:none;transition:all .13s var(--ease-out);margin-top:auto}.sidebar-logout svg{width:16px;height:16px;flex-shrink:0;opacity:.75}.sidebar-logout:hover{background:#e86c6524;border-color:#e86c6559;color:var(--danger);text-decoration:none}main#main{position:relative;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:auto;background:var(--bg);background-image:radial-gradient(circle,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px}.page-bar{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6) 0;flex-wrap:wrap}.page-bar .page-title{font-family:var(--font-head);font-size:2rem;font-weight:800;color:var(--fg);margin:0;letter-spacing:-.02em}.page-bar .page-actions{display:flex;align-items:center;gap:var(--sp-3);margin-left:auto}.search-wrap{position:relative;display:flex;align-items:center}.search-input{background:#ffffff12;border:1px solid var(--border);border-radius:999px;padding:.45rem 1rem;font-size:.875rem;font-family:var(--font);color:var(--fg);width:200px;transition:all .2s var(--ease-out)}.search-input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--pink) 25%,transparent);width:240px;background:#ffffff17}.search-input::placeholder{color:var(--fg-muted)}.btn-logout{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background:#ffffff12;border:1px solid var(--border);border-radius:999px;color:var(--fg-muted);font-size:.85rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .14s var(--ease-out);text-decoration:none}.btn-logout:hover{background:#ffffff1f;color:var(--fg);text-decoration:none}.dot-canvas{margin:0;border-radius:var(--r-xl);background-color:var(--surface);border:1px solid var(--border);padding:var(--sp-4) var(--sp-5);flex:1;position:relative;overflow:hidden}.wc-btn-dark{flex:1;padding:.4rem .5rem;background:var(--purple);color:#fff;border-radius:var(--r);border:none;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;font-family:var(--font);transition:all .13s var(--ease-out)}.wc-btn-dark:hover{background:var(--purple-light);transform:translateY(-1px)}.wc-btn-dark:active{transform:translateY(0)}.wc-btn-outline{flex:1;padding:.4rem .5rem;background:transparent;color:var(--fg-muted);border:1px solid var(--border);border-radius:var(--r);font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;font-family:var(--font);transition:all .13s var(--ease-out)}.wc-btn-outline:hover{border-color:var(--purple);color:var(--purple-light);transform:translateY(-1px);text-decoration:none}.wc-btn-outline:active{transform:translateY(0)}.page-content{max-width:52rem;margin:0 auto;padding:var(--sp-6) var(--sp-5)}.dashboard-page{width:min(100%,1180px);margin:0 auto;padding:clamp(1.5rem,3vw,2.5rem) clamp(1rem,3vw,2rem)}.dashboard-page--wide{width:min(100%,1440px)}.dashboard-page>header,.dashboard-page-header{margin-bottom:1.5rem}.dashboard-page h1{text-wrap:balance}.dashboard-page p{text-wrap:pretty}main#main:has(.song-request-page){overflow-x:hidden}html:has(.song-request-page),body:has(.song-request-page),#root:has(.song-request-page){height:100%;overflow:hidden}.song-request-page,.song-request-page>*{min-width:0}.song-request-page .sr-queue-row,.song-request-page .sr-queue-details,.song-request-page .sr-queue-meta{min-width:0}.song-request-page .sr-queue-meta>*{max-width:100%;overflow-wrap:anywhere}.song-request-page .sr-file-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.dashboard-page:not(.dashboard-page--wide){margin-left:clamp(2rem,8vw,11rem);margin-right:auto}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.1rem;border:1px solid transparent;border-radius:999px;font-weight:600;font-size:.875rem;font-family:var(--font);text-decoration:none;background:transparent;color:var(--fg);box-shadow:none;transition:background-color .14s var(--ease-out),border-color .14s var(--ease-out),color .14s var(--ease-out),box-shadow .14s var(--ease-out),transform .14s var(--ease-out);touch-action:manipulation}.btn:hover{background:#ffffff0f;text-decoration:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.btn.primary{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue);box-shadow:0 1px #ffffff24 inset,0 10px 24px -18px #2f80edcc}.btn.primary:hover{background:var(--pink-dark);border-color:var(--pink-dark)}.btn.primary:active{transform:scale(.96)}.btn.ghost{background:transparent;color:var(--fg);border-color:#ffffff1c}.btn.ghost:hover{background:#ffffff0f;color:var(--fg);border-color:#ffffff2e}.btn.danger{color:var(--danger);border-color:#e86c655c}.btn.danger:hover{background:#e86c651f;border-color:#e86c6585}input,select,textarea{font:inherit;font-family:var(--font);color:var(--fg);background:#ffffff0f;border:1px solid var(--border);border-radius:var(--r);padding:.5rem .75rem;width:100%;transition:border-color .14s,box-shadow .14s,background .14s}input::placeholder,textarea::placeholder{color:var(--fg-muted)}select option{background:var(--surface-solid);color:var(--fg)}input[type=checkbox],input[type=radio]{width:auto;padding:0;background:none;border:none;border-radius:0;cursor:pointer;accent-color:var(--purple)}input:focus,select:focus,textarea:focus{outline:none;background:#ffffff17;border-color:var(--purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--pink) 25%,transparent)}.field{display:grid;gap:var(--sp-2);margin-bottom:var(--sp-4)}.field label{font-weight:600;font-size:.82rem;color:var(--fg-muted)}.hint{margin:0;font-size:.8rem;color:var(--fg-muted)}.input-with-action{position:relative;display:flex;align-items:center}.input-with-action input{padding-right:2.5rem}.input-action-btn{position:absolute;right:.35rem;display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;padding:0;color:var(--fg-muted);background:transparent;border:none;border-radius:var(--r);cursor:pointer;transition:color .14s,background .14s}.input-action-btn:hover{color:var(--fg);background:#ffffff0f}.input-action-btn:focus-visible{outline:2px solid var(--accent, #7c5cff);outline-offset:1px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);margin-bottom:var(--sp-5)}.card h2{margin:0 0 var(--sp-4);font-size:1.15rem;font-family:var(--font-head);color:var(--fg)}.card .actions{display:flex;justify-content:flex-end;margin-top:var(--sp-2);gap:var(--sp-2)}.error{color:var(--danger);background:#e86c651a;border:1px solid rgba(232,108,101,.25);padding:var(--sp-2) var(--sp-3);border-radius:var(--r);font-size:.9rem;margin-bottom:var(--sp-4)}.success{color:var(--success);background:#5dd4a01a;border:1px solid rgba(93,212,160,.25);padding:var(--sp-2) var(--sp-3);border-radius:var(--r);font-size:.9rem;margin-bottom:var(--sp-4)}.toast-region{position:fixed;right:var(--sp-5);bottom:var(--sp-5);z-index:2000;display:grid;gap:var(--sp-2);width:min(360px,calc(100vw - 2rem));pointer-events:none}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r);background:#1a1a2ef5;box-shadow:0 18px 48px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.toast strong{display:block;color:var(--fg);font-size:.88rem}.toast p{margin:.15rem 0 0;color:var(--fg-muted);font-size:.8rem}.toast-success{border-color:#5dd4a059}.toast-error{border-color:#e86c6561}.toast-info{border-color:color-mix(in srgb,var(--pink) 40%,var(--border))}.toast-close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--fg-muted);font-size:.9rem;line-height:1}.toast-close:hover{background:#ffffff14;color:var(--fg)}.empty{padding:var(--sp-5);text-align:center;color:var(--fg-muted);border:1.5px dashed rgba(255,255,255,.1);border-radius:var(--r);background:#ffffff05}.empty-actions{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-3)}.overlay-empty-state{grid-column:1 / -1}.hero{margin-bottom:var(--sp-6)}.hero h1{margin:0 0 var(--sp-2);font-size:1.7rem;letter-spacing:-.025em;color:var(--fg)}.hero .lead{color:var(--fg-muted);margin:0 0 var(--sp-4);max-width:40em}.onboarding-card{padding:var(--sp-5);margin-bottom:var(--sp-6);border:1px solid var(--border);border-radius:var(--r-lg);background:#ffffff09}.onboarding-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4)}.onboarding-header h2{margin:0 0 var(--sp-1);font-size:1.1rem}.onboarding-header p{margin:0;color:var(--fg-muted);font-size:.9rem}.onboarding-progress{height:7px;overflow:hidden;border-radius:999px;background:#ffffff14;margin-bottom:var(--sp-4)}.onboarding-progress span{display:block;height:100%;border-radius:inherit;background:var(--pink-grad);transition:width .18s var(--ease-out)}.onboarding-steps{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-2)}.onboarding-steps li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);min-height:44px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--r);color:var(--fg-muted);background:#ffffff06}.onboarding-steps li.done{color:var(--fg)}.step-check{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:999px;color:var(--success);font-size:.58rem;font-weight:800}.onboarding-steps li.done .step-check{border-color:#5dd4a059;background:#5dd4a01f}.onboarding-steps a{font-size:.78rem;font-weight:700;text-decoration:none}.badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.4}.badge-default{background:color-mix(in srgb,var(--pink) 12%,var(--surface));color:var(--purple-light)}.badge-success{background:#5dd4a026;color:var(--success)}.badge-danger{background:#e86c6526;color:var(--danger)}.badge-warning{background:#f5b05026;color:var(--warning)}.badge-muted{background:#ffffff12;color:var(--fg-muted)}.events{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}.event{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r);background:var(--surface);transition:all .15s var(--ease-out)}.event:hover{background:var(--surface-hover);border-color:#ffffff1a}.event .source{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--pink) 12%,var(--surface));color:var(--purple-light);white-space:nowrap}.event .source[data-source=kofi]{background:#ff5e5b26;color:#ff6b68}.event .source[data-source=streamlabs]{background:#31c3a226;color:#3dc9a6}.event .type{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}.event .amount{font-variant-numeric:tabular-nums;font-weight:700;color:var(--success)}.event .time{font-size:.8rem;color:var(--fg-muted);white-space:nowrap}.subs{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}.sub{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r);background:var(--surface);transition:all .14s var(--ease-out)}.sub:hover{background:var(--surface-hover)}.sub .info{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.sub .info strong{font-weight:600;color:var(--fg)}.sub .type-code{font-size:.75rem;color:var(--fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub .status{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.12rem .55rem;border-radius:999px;background:#f5b05026;color:var(--warning)}.sub .status-enabled{background:#5dd4a026;color:var(--success)}.sub .status-revoked{background:#e86c6526;color:var(--danger)}.sub form{margin:0}.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4)}.section-title-row h2{margin-bottom:var(--sp-1)}.webhook-url-box{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r);background:#ffffff09;margin-bottom:var(--sp-4)}.webhook-url-box span{display:block;color:var(--fg-muted);font-size:.75rem;font-weight:700;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.04em}.webhook-url-box code{display:block;word-break:break-all}.kofi-health-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}.kofi-health-item,.kofi-latest-event{border:1px solid var(--border);border-radius:var(--r);background:#ffffff08;padding:var(--sp-3)}.kofi-health-item{display:flex;align-items:center;gap:var(--sp-3)}.kofi-health-item svg{color:var(--purple-light);flex-shrink:0}.kofi-health-item span,.kofi-latest-event span{display:block;color:var(--fg-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.kofi-health-item strong,.kofi-latest-event strong{display:block;color:var(--fg);font-size:.9rem;margin-top:.1rem}.kofi-latest-event{grid-column:1 / -1;display:grid;gap:var(--sp-2)}.kofi-latest-event p{margin:0;color:var(--fg-muted);font-size:.86rem}.kofi-latest-event blockquote{margin:0;padding-left:var(--sp-3);border-left:2px solid color-mix(in srgb,var(--pink) 45%,var(--border));color:var(--fg);font-size:.86rem}.split-actions{align-items:center;flex-wrap:wrap}.split-actions .btn.primary{margin-left:auto}.webhook-config-list{gap:var(--sp-3)}.webhook-config-item{grid-template-columns:1fr}.webhook-config-info{justify-content:space-between;width:100%}.webhook-config-info .hint{margin-top:.15rem}.webhook-config-actions{display:flex;justify-content:flex-end;gap:var(--sp-2);flex-wrap:wrap}.inline-config-form{border-top:1px solid var(--border);padding-top:var(--sp-3)}.bar{height:6px;background:#ffffff14;border-radius:999px;overflow:hidden;width:100%}.bar .fill{height:100%;background:var(--pink-grad);border-radius:999px;transition:width .6s var(--ease-out);position:relative}.bar .fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);border-radius:inherit}.skip{position:absolute;left:-1000px;top:0;background:var(--surface-solid);color:var(--fg);padding:.5rem 1rem;border-radius:0 0 var(--r) var(--r)}.skip:focus{left:0;z-index:100}.login-shell{background:var(--bg-deep)!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;min-height:unset!important;display:grid!important;place-items:center!important;padding:clamp(1rem,4vw,2rem)!important;overflow:auto}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--bg-deep);background-image:radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(47,128,237,.08),transparent 42%);background-size:28px 28px,100% 100%;overflow:hidden}.aurora{position:absolute;border-radius:50%;filter:none;opacity:0;mix-blend-mode:screen;pointer-events:none}.aurora-1{width:46vw;height:46vw;top:-12vw;left:-8vw;background:radial-gradient(circle,#6b3fc6 0%,transparent 70%)}.aurora-2{width:40vw;height:40vw;bottom:-14vw;right:-6vw;background:radial-gradient(circle,#9e3a78 0%,transparent 70%)}.aurora-3{width:34vw;height:34vw;top:30%;left:55%;background:radial-gradient(circle,#3a80c0 0%,transparent 70%);opacity:.28}.grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.bubbles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bubble{position:absolute;bottom:-40px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);opacity:0}.login-wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:25rem}.login-card{position:relative;width:100%;padding:3.35rem 2.35rem 2.25rem;text-align:center;border-radius:var(--r-lg);background:#13131ff5;border:1px solid rgba(255,255,255,.1);box-shadow:0 1px #ffffff14 inset,0 24px 60px -28px #000000e6}.login-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 0 1px #2f80ed14 inset;pointer-events:none}.otter-medallion{position:relative;z-index:2;margin-bottom:-2.6rem;width:5.2rem;height:5.2rem;display:grid;place-items:center;border-radius:50%;background:var(--surface-solid);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px -8px #000000b3,0 0 0 6px #08080feb}.ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:var(--brand-blue);z-index:-1;filter:none}.otter{font-size:2.5rem;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.ripple,.ripple-2{position:absolute;bottom:.4rem;width:2.2rem;height:.7rem;border:1.5px solid rgba(100,180,220,.5);border-radius:50%;opacity:0;display:none}.wordmark{font-family:var(--font-head, sans-serif);font-weight:800;font-size:2rem;margin:0;color:#fff}.wordmark-accent{color:var(--brand-blue)}.eyebrow{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:.5rem 0 1.4rem;font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.eyebrow span{height:1px;width:1.6rem;background:var(--border)}.eyebrow span:last-child{background:var(--border)}.lead{margin:0 0 1.7rem;font-size:.92rem;line-height:1.62;color:#e2e2f0c7;text-wrap:pretty}.alert{margin:0 0 1.3rem;padding:.7rem .9rem;border-radius:12px;font-size:.82rem;line-height:1.45;color:#ffd9d4;background:#e86c6524;border:1px solid rgba(232,108,101,.35)}.twitch-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.92rem 1.25rem;border-radius:var(--r);text-decoration:none;font-family:var(--font);font-weight:600;font-size:.98rem;color:#fff;background:var(--pink);box-shadow:0 1px #ffffff2e inset,0 12px 28px -16px #2f80edcc;overflow:hidden;transition:transform .14s var(--ease-out),box-shadow .14s var(--ease-out),background .14s var(--ease-out)}.twitch-btn:hover{text-decoration:none;background:var(--pink-dark);box-shadow:0 1px #fff3 inset,0 16px 34px -18px #2f80ede6}.twitch-logo{width:1.25rem;height:1.25rem;flex-shrink:0}.shine{position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.25),transparent);transform:skew(-20deg)}.fine{display:flex;align-items:flex-start;gap:.5rem;text-align:left;margin:1.4rem 0 0;font-size:.74rem;line-height:1.5;color:#e2e2f094;text-wrap:pretty}.fine svg{width:1rem;height:1rem;flex-shrink:0;margin-top:.1rem;color:var(--brand-green)}@media(max-width:480px){.login-shell{align-items:start!important}.login-wrap{margin-top:2.25rem}.login-card{padding:3.2rem 1.35rem 1.55rem}.wordmark{font-size:1.75rem}.eyebrow{font-size:.6rem;gap:.45rem}.eyebrow span{width:1rem}}.device-code{font-family:"Fredoka",var(--font-head, monospace);font-weight:700;font-size:2rem;letter-spacing:.18em;color:#fff;background:color-mix(in srgb,var(--pink) 15%,var(--surface));border:1px solid color-mix(in srgb,var(--pink) 45%,var(--border));border-radius:14px;padding:.8rem 1.5rem;display:inline-block;cursor:pointer;-webkit-user-select:all;user-select:all;transition:background .2s ease,border-color .2s ease}.device-code:hover{background:color-mix(in srgb,var(--pink) 20%,var(--surface));border-color:color-mix(in srgb,var(--pink) 60%,var(--border))}.spinner{border-style:solid;border-color:color-mix(in srgb,var(--pink) 20%,transparent);border-top-color:var(--purple);border-radius:50%}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--r)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;flex-direction:column;margin:auto;max-width:30rem;max-height:90vh;width:calc(100% - 2rem);padding:var(--sp-6);border-radius:var(--r-lg);background:var(--surface-solid);border:1px solid var(--border);box-shadow:0 24px 60px #00000080;overflow-y:auto}.modal-title{margin:0 0 var(--sp-4);font-size:1.2rem;color:var(--fg)}.editor-test-modal{display:grid;gap:var(--sp-3)}.editor-test-modal label{color:var(--fg-muted);font-size:.9rem}.editor-test-modal input{min-height:44px;border:1px solid var(--border);border-radius:var(--r);background:#ffffff0f;color:var(--fg);padding:.65rem .8rem}.modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-2)}.tabs{display:flex;gap:var(--sp-1);margin-bottom:var(--sp-5);background:#ffffff0a;border-radius:var(--r);padding:3px;width:fit-content}.tab{position:relative;padding:.4rem 1rem;border-radius:calc(var(--r) - 3px);border:none;background:transparent;color:var(--fg-muted);font-weight:600;font-size:.875rem;cursor:pointer;transition:color .15s ease}.tab.active{color:var(--fg)}.tab-label{position:relative;z-index:1}.tab-indicator{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-hover);border-radius:calc(var(--r) - 3px);border:1px solid var(--border)}.editor-shell{display:flex;flex-direction:column;height:100%;overflow:hidden}main#main:has(.editor-shell){overflow:hidden}.app-shell:has(.editor-shell) .sidebar{display:none}.editor-bar{flex-shrink:0;display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;background:var(--sidebar-bg);border-bottom:1px solid var(--border);color:var(--fg-white)}.editor-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.editor-breadcrumb a{color:var(--fg-white-muted);text-decoration:none}.editor-breadcrumb a:hover{color:#fff;text-decoration:underline}.bc-separator{color:#ffffff40}.bc-current{color:#fff;font-weight:700}.editor-title{font-family:var(--font-head);font-size:1rem;font-weight:700;margin:0;flex:1;color:#fff}.editor-actions{display:flex;align-items:center;gap:.5rem}.editor-dirty-dot{font-size:.72rem;font-weight:600;color:#f5a524;white-space:nowrap}.editor-recovered-notice{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem;background:#f5a5241f;border-bottom:1px solid rgba(245,165,36,.3);font-size:.82rem;color:var(--fg, #fff)}.editor-font-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:inherit;font-size:.8rem;padding:.25rem .5rem;cursor:pointer}.editor-actions .btn{padding:.4rem .9rem;font-size:.85rem}.editor-actions .btn.ghost{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff}.editor-actions .btn.ghost:hover{background:#ffffff2e}.active-ghost{background:#fff3!important;border-color:#ffffff4d!important}.error-banner{flex-shrink:0;padding:.5rem 1.2rem;background:#e86c651f;color:var(--danger);font-weight:600}.success-banner{flex-shrink:0;padding:.5rem 1.2rem;background:#5dd4a01f;color:var(--success);font-weight:600}.editor-body{flex:1;display:flex;min-height:0;overflow:hidden}.editor-panel{flex:1;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--border)}.editor-panel.wide{flex:1}.editor-viewnav{flex-shrink:0;width:132px;display:flex;flex-direction:column;gap:2px;padding:8px;background:var(--sidebar-bg);border-right:1px solid var(--border);overflow-y:auto}.editor-viewnav-item{text-align:left;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--muted-foreground, #9a94c7);font-size:.82rem;font-weight:600;cursor:pointer}.editor-viewnav-item:hover{background:#ffffff0d;color:var(--fg, #fff)}.editor-viewnav-item.active{background:#ffffff1a;color:var(--fg, #fff)}.editor-insert-wrap{position:relative;display:inline-flex}.editor-insert-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.editor-insert-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:41;width:min(420px,90vw);max-height:60vh;overflow-y:auto;background:var(--card, #16152b);border:1px solid var(--border);border-radius:10px;box-shadow:0 18px 42px #0006}.editor-resources{flex:1;overflow-y:auto;padding:16px}.editor-resources-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.editor-resources h2{margin:0;font-size:1rem}.editor-resources h3{margin:1.25rem 0 .5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground, #9a94c7)}.editor-resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.editor-resource-card{display:flex;flex-direction:column;gap:6px;padding:6px;border:1px solid var(--border);border-radius:8px;background:#ffffff08;cursor:pointer;text-align:left;color:inherit}.editor-resource-card:hover{border-color:var(--accent, #9389e4)}.editor-resource-thumb{display:flex;align-items:center;justify-content:center;height:64px;overflow:hidden;border-radius:6px;background:#00000040}.editor-resource-thumb img{max-height:100%;max-width:100%;object-fit:contain}.editor-resource-kind{font-size:.68rem;text-transform:uppercase;color:var(--muted-foreground, #9a94c7)}.editor-resource-name{font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-font-chips{display:flex;flex-wrap:wrap;gap:6px}.editor-font-chip{padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:#ffffff08;color:inherit;cursor:pointer;font-size:.9rem}.editor-font-chip:hover{border-color:var(--accent, #9389e4)}.editor-versions{flex:1;overflow-y:auto;padding:16px}.editor-versions h2{margin:0 0 .75rem;font-size:1rem}.editor-evento{flex:1;overflow-y:auto;padding:16px;max-width:640px}.editor-evento h2{margin:0 0 .4rem;font-size:1rem}.editor-evento .field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.editor-evento .field>span{font-size:.72rem;color:var(--muted-foreground, #9a94c7);font-weight:600}.editor-evento select,.editor-evento input{background:#ffffff0d;border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:inherit;font-size:.85rem;outline:none;width:100%}.editor-evento select:focus,.editor-evento input:focus{border-color:var(--accent, #9389e4)}.editor-evento-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:.75rem}.editor-evento-min{max-width:240px}.editor-evento-reward{max-width:360px}.editor-evento-hint{font-size:.72rem;color:var(--muted-foreground, #9a94c7)}.editor-evento-summary{margin-top:.75rem;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:#9389e414}.editor-evento-summary p{margin:0 0 .6rem;font-size:.9rem}.editor-evento-ok{color:var(--accent, #9389e4);font-weight:600}.editor-evento-nocode{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-bottom:.6rem}.editor-evento-nocode .hint{margin:0}.editor-evento-actions{display:flex;gap:8px}.editor-tabs{flex-shrink:0;display:flex;background:var(--sidebar-bg);border-bottom:1px solid var(--border)}.editor-tab{padding:.5rem 1.2rem;background:transparent;border:none;color:var(--fg-muted);font-family:var(--font);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .13s;border-bottom:2px solid transparent}.editor-tab:hover{color:var(--fg);background:#ffffff0a}.editor-tab.active{color:var(--fg);border-bottom-color:var(--purple);background:color-mix(in srgb,var(--pink) 10%,var(--surface))}.editor-tab-hint{margin:0;padding:.45rem 1rem;font-size:.72rem;color:var(--muted-fg);border-bottom:1px solid var(--border);background:#ffffff05}.editor-code-tools{flex-shrink:0;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);background:#ffffff06;overflow-x:auto}.editor-code-tools .btn{min-height:34px;padding:.35rem .8rem;white-space:nowrap;font-size:.78rem}.data-view-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:7px;background:#ffffff0a;flex-shrink:0}.data-view-toggle button{min-height:28px;padding:0 10px;border:0;border-radius:5px;background:transparent;color:var(--fg-muted);font:inherit;font-size:.76rem;font-weight:700;cursor:pointer}.data-view-toggle button:hover:not(:disabled){color:var(--fg);background:#ffffff0f}.data-view-toggle button.active{color:var(--pill-primary-ink);background:var(--pill-primary)}.data-view-toggle button:disabled{opacity:.45;cursor:not-allowed}.editor-content{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg-deep)}.editor-content textarea{flex:1;resize:none;border:none;padding:1rem;font-family:var(--font-mono);font-size:.9rem;line-height:1.6;color:var(--fg);background:#0d0d1a;outline:none;border-radius:0;width:100%}.editor-content textarea:focus{background:#0d0d1a;border-color:transparent;box-shadow:none}.code-editor-field{flex:1;min-height:0;width:100%;overflow:hidden;background:#0d0d1a}.code-editor-field .cm-editor{height:100%;background:#0d0d1a;color:var(--fg);font-family:var(--font-mono);font-size:.9rem;line-height:1.6}.code-editor-field .cm-scroller{font-family:var(--font-mono)}.code-editor-field .cm-content{padding:1rem 0}.code-editor-field .cm-line{padding:0 1rem}.code-editor-field .cm-gutters{background:#0a0a14;color:#e2e2f061;border-right-color:#ffffff12}.code-editor-field .cm-activeLine,.code-editor-field .cm-activeLineGutter{background:color-mix(in srgb,var(--pink) 12%,transparent)}.code-editor-field .cm-focused{outline:none}.code-editor-field .cm-tooltip{background:var(--surface-solid);border-color:var(--border);color:var(--fg)}.se-data-form{flex:1;min-height:0;overflow:auto;padding:var(--sp-4)}.se-data-form .se-form{max-width:760px}.field-builder-wrap{flex:1;min-height:0;overflow:auto;padding:var(--sp-4)}.field-builder{display:grid;gap:12px;max-width:760px}.fb-empty{color:var(--fg-muted);font-size:13px;line-height:1.5}.fb-card{border:1px solid var(--border);border-radius:10px;background:var(--surface);overflow:hidden}.fb-card-head{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;background:#ffffff08;border-bottom:1px solid var(--border)}.fb-card-body{display:flex;flex-wrap:wrap;gap:10px 14px;padding:12px}.fb-field{display:flex;flex-direction:column;gap:4px}.fb-field.fb-grow{flex:1 1 220px}.fb-field.fb-inline{flex-direction:row;align-items:center;gap:8px}.fb-field>span{font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.03em}.fb-field input[type=text],.fb-field input[type=number],.fb-field select{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--fg);padding:5px 8px;font-family:var(--font);font-size:13px}.fb-field input.fb-dup{border-color:#e05260}.fb-row{display:flex;gap:10px;flex-basis:100%}.fb-row .fb-field{flex:1}.fb-reorder{display:flex;align-items:center;gap:2px;color:var(--fg-muted)}.fb-reorder button{display:grid;place-items:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:6px;color:var(--fg-muted);cursor:pointer;font-size:10px;line-height:1}.fb-reorder button:hover:not(:disabled){background:var(--surface-hover);color:var(--fg)}.fb-reorder button:disabled{opacity:.3;cursor:default}.fb-remove{background:none;border:1px solid var(--border);border-radius:6px;color:var(--fg-muted);cursor:pointer;padding:6px;height:fit-content}.fb-remove:hover{border-color:#e05260;color:#f3a0a8}.fb-hint{flex-basis:100%;font-size:12px;color:var(--fg-muted);margin:0}.fb-hint code{background:var(--bg);padding:1px 5px;border-radius:4px;color:var(--purple-light)}.fb-add{display:inline-flex;align-items:center;gap:6px;align-self:start;background:color-mix(in srgb,var(--pink) 10%,var(--surface));border:1px dashed var(--purple);color:var(--purple-light);border-radius:8px;padding:8px 14px;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:600}.fb-add:hover{background:color-mix(in srgb,var(--pink) 15%,var(--surface))}.fb-options{flex-basis:100%;display:grid;gap:6px}.fb-options-title{font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.03em}.fb-options-row{display:flex;gap:6px;align-items:center}.fb-options-row input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--fg);padding:4px 7px;font-size:13px}.fb-options-row button{background:none;border:1px solid var(--border);border-radius:6px;color:var(--fg-muted);cursor:pointer;padding:5px}.fb-options-row button:hover{border-color:#e05260;color:#f3a0a8}.fb-options-add{justify-self:start;display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:var(--purple-light);cursor:pointer;font-size:12px;padding:2px}.editor-dictionary{width:340px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--surface)}.dictionary-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-3);border-bottom:1px solid var(--border)}.dictionary-header h2{margin:0;font-size:.95rem}.dictionary-header span{color:var(--fg-muted);font-size:.72rem;font-weight:700}.dictionary-groups{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-3);display:grid;align-content:start;gap:var(--sp-4)}.dictionary-group h3{margin:0 0 var(--sp-2);color:var(--fg-muted);font-family:var(--font);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dictionary-group p{margin:-.25rem 0 var(--sp-2);color:#e2e2f0ad;font-size:.74rem;line-height:1.42}.dictionary-items{display:grid;gap:var(--sp-2)}.dictionary-item{width:100%;display:grid;gap:.45rem;padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r);background:#ffffff09;color:var(--fg);text-align:left;cursor:pointer;transition:background .14s var(--ease-out),border-color .14s var(--ease-out)}.dictionary-item:hover{background:color-mix(in srgb,var(--pink) 10%,var(--surface));border-color:color-mix(in srgb,var(--pink) 35%,var(--border))}.dictionary-item-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.dictionary-item strong{overflow:hidden;color:var(--fg);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.dictionary-item em{flex-shrink:0;color:var(--success);font-size:.62rem;font-style:normal;font-weight:800}.dictionary-item code{display:block;overflow:auto hidden;color:var(--purple-light);white-space:nowrap}.dictionary-description{color:#e2e2f0b8;font-size:.75rem;line-height:1.45}.editor-footer{flex-shrink:0;display:flex;align-items:center;gap:var(--sp-3);padding:.5rem 1rem;background:var(--sidebar-bg);border-top:1px solid var(--border)}.changelog-input{flex:1;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;padding:.35rem .75rem;font-size:.85rem;font-family:var(--font);color:var(--fg)}.changelog-input:focus{outline:none;border-color:var(--purple);background:#ffffff17;box-shadow:none}.preview-panel{width:45%;min-width:280px;display:flex;flex-direction:column;background:var(--bg)}.preview-header{flex-shrink:0;display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;background:var(--sidebar-bg);border-bottom:1px solid var(--border);flex-wrap:wrap}.preview-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);flex-shrink:0}.test-toolbar{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.test-btn{padding:.22rem .55rem;font-size:.75rem;font-family:var(--font);font-weight:600;background:#ffffff12;border:1px solid var(--border);border-radius:6px;color:var(--fg-muted);cursor:pointer;transition:all .12s;white-space:nowrap}.test-btn:hover{background:#ffffff1f;border-color:var(--purple);color:var(--purple-light)}.test-btn.auto{background:var(--pill-primary);border-color:color-mix(in srgb,var(--pill-primary-base) 72%,#000);color:var(--pill-primary-ink)}.test-btn.auto.running,.test-btn.auto:disabled{opacity:.5;cursor:not-allowed}.test-btn.se-test-btn{background:#2d9cdb1f;border-color:#2d9cdb80;color:#6fc3f0}.test-btn.se-test-btn:hover{background:#2d9cdb38;border-color:#2d9cdb;color:#aedcf5}.preview-frame{flex:1;border:none;background:#111;width:100%}.preview-frame-loading{display:grid;place-items:center;color:var(--fg-muted);font-size:.82rem}.test-btn.console-toggle{display:inline-flex;align-items:center;gap:.3rem}.test-btn.console-toggle.active{background:var(--pill-primary);border-color:color-mix(in srgb,var(--pill-primary-base) 72%,#000);color:var(--pill-primary-ink)}.console-toggle-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.05rem;height:1.05rem;padding:0 .25rem;font-size:.65rem;font-weight:700;line-height:1;background:#e05260;color:#fff;border-radius:999px}.preview-console{flex-shrink:0;display:flex;flex-direction:column;max-height:38%;background:#0c0c12;border-top:1px solid var(--border)}.preview-console-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.3rem .6rem;border-bottom:1px solid var(--border)}.preview-console-title{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted)}.preview-console-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.05rem;height:1.05rem;padding:0 .25rem;font-size:.65rem;font-weight:700;line-height:1;background:#e05260;color:#fff;border-radius:999px}.preview-console-body{flex:1;overflow-y:auto;padding:.3rem 0;font-family:var(--font-mono, ui-monospace, monospace);font-size:.74rem}.preview-console-empty{padding:.6rem;color:var(--fg-muted);font-size:.74rem}.preview-console-line{display:flex;flex-direction:column;gap:.1rem;padding:.22rem .6rem;border-bottom:1px solid rgba(255,255,255,.04);white-space:pre-wrap;word-break:break-word}.preview-console-line code{color:#d4d4e4;background:none;padding:0}.preview-console-line.level-warn code{color:#e6c570}.preview-console-line.level-error{background:#e0526014}.preview-console-line.level-error code{color:#f3a0a8}.preview-console-hint{color:var(--purple-light);font-size:.7rem;font-family:var(--font)}.history-panel{width:200px;flex-shrink:0;display:flex;flex-direction:column;background:var(--sidebar-bg);border-right:1px solid var(--border);overflow:hidden}.history-header{flex-shrink:0;padding:.5rem .75rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);border-bottom:1px solid var(--border)}.history-list{flex:1;overflow-y:auto;list-style:none;padding:0;margin:0}.history-item{padding:.55rem .75rem;cursor:pointer;border-bottom:1px solid var(--border);transition:background .12s}.history-item:hover{background:var(--surface-hover)}.history-item.current{background:color-mix(in srgb,var(--pink) 8%,var(--surface))}.hv-top{display:flex;align-items:center;gap:.4rem;margin-bottom:.15rem}.hv-num{font-weight:700;font-size:.82rem;color:var(--purple-light);font-family:var(--font-mono)}.hv-badge{font-size:.65rem;font-weight:700;background:color-mix(in srgb,var(--pink) 12%,var(--surface));color:var(--purple-light);padding:.05rem .35rem;border-radius:4px}.hv-log{font-size:.75rem;color:var(--fg);line-height:1.35;margin-bottom:.15rem;word-break:break-word}.hv-date{font-size:.68rem;color:var(--fg-muted);font-family:var(--font-mono)}.se-drop-grid{display:grid;gap:8px;margin-bottom:var(--sp-5)}.se-drop-slot{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--slot-color, var(--border));border-radius:var(--r-lg);cursor:pointer;transition:background .15s var(--ease-out),border-color .15s var(--ease-out),transform .1s var(--ease-out);-webkit-user-select:none;user-select:none}.se-drop-slot:hover{background:var(--surface-hover);border-color:#ffffff26;border-left-color:var(--slot-color, var(--purple))}.se-drop-slot:active{transform:scale(.995)}.se-drop-slot.drag-over{background:color-mix(in srgb,var(--pink) 8%,var(--surface));border-color:var(--purple);border-left-color:var(--slot-color, var(--purple))}.se-drop-slot.filled{background:#5dd4a00a;border-color:#5dd4a040;border-left-color:var(--success)}.se-drop-slot.error{background:#e840400a;border-color:#e840404d;border-left-color:var(--destructive, #e84040)}.se-drop-sub-error{color:var(--destructive, #e84040)}.se-drop-icon{width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--slot-color, var(--purple)) 15%,transparent);color:var(--slot-color, var(--purple-light));display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.se-drop-slot.filled .se-drop-icon{background:#5dd4a01f;color:var(--success)}.se-drop-slot.drag-over .se-drop-icon{background:color-mix(in srgb,var(--pink) 15%,var(--surface))}.se-drop-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.se-drop-label{display:flex;align-items:center;gap:8px}.se-drop-name{font-weight:700;font-size:.9rem;color:var(--fg);font-family:var(--font-mono)}.se-drop-ext{font-weight:400;color:var(--fg-muted);font-size:.82rem}.se-drop-req{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .45rem;border-radius:999px;background:#e86c651f;color:var(--danger)}.se-drop-sub{font-size:.78rem;color:var(--fg-muted)}.se-drop-slot.filled .se-drop-sub{color:var(--success)}.se-drop-slot.drag-over .se-drop-sub{color:var(--purple-light)}.se-drop-right{flex-shrink:0}@media(max-width:560px){.se-drop-slot{flex-wrap:wrap;min-width:0}.se-drop-right{flex-basis:100%}}.se-drop-check{width:28px;height:28px;border-radius:50%;background:#5dd4a026;color:var(--success);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.se-drop-cta{font-size:.75rem;font-weight:600;padding:.3rem .85rem;border-radius:999px;background:color-mix(in srgb,var(--pink) 12%,var(--surface));color:var(--purple-light);white-space:nowrap;transition:background .13s;display:inline-flex;align-items:center}.se-drop-slot:hover .se-drop-cta{background:color-mix(in srgb,var(--pink) 15%,var(--surface))}.se-preview{margin:8px 0 22px}.se-preview-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.se-preview-head h2{font-size:16px;margin:0;flex:1;color:var(--fg)}.se-stage{position:relative;width:100%;height:320px;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:#111}.se-stage iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.se-config{margin:8px 0 22px}.se-config h2{font-size:16px;margin:0 0 4px;color:var(--fg)}.se-done{display:flex;flex-direction:column;gap:var(--sp-3);align-items:flex-start}.se-form{display:grid;gap:14px}.se-form fieldset{border:1px solid var(--border);border-radius:8px;padding:8px 14px 12px;margin:0}.se-form legend{color:var(--fg-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:0 6px;max-width:100%}.se-form-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.se-field-search{display:flex;align-items:center;gap:7px;flex:1 1 150px;min-width:150px;border:1px solid var(--border);border-radius:7px;padding:0 8px;color:var(--fg-muted);background:#ffffff0a}.se-field-search input{min-width:0;width:100%;height:34px;border:0;outline:0;color:var(--fg);background:transparent;font:inherit}.se-level-switch{display:inline-flex;padding:2px;border:1px solid var(--border);border-radius:7px;background:#ffffff08}.se-level-switch button,.se-alpha-toggle,.se-section-reset{border:0;background:transparent;color:var(--fg-muted);font:inherit;cursor:pointer}.se-level-switch button{min-height:30px;padding:0 8px;border-radius:5px;font-size:12px}.se-level-switch button{transition:color var(--motion-fast) var(--motion-ease-standard),background-color var(--motion-fast) var(--motion-ease-standard),box-shadow var(--motion-fast) var(--motion-ease-standard),transform var(--motion-fast) var(--motion-ease-standard)}.se-level-switch button[aria-pressed=true]{background:var(--surface-hover);color:var(--fg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-blue) 38%,transparent),0 1px 2px #0000002e}.se-section legend{display:flex;align-items:center;justify-content:space-between;gap:8px;width:calc(100% - 12px)}.se-section-toggle{display:inline-flex;align-items:center;gap:5px;flex:1;min-width:0;border:0;padding:5px 0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:left;text-transform:inherit;letter-spacing:inherit}.se-section-heading{display:grid;gap:1px;min-width:0}.se-section-toggle svg{flex:none;transition:transform .14s var(--ease-out)}.se-section-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.se-section-content{display:contents}.se-section-content[hidden]{display:none}.se-section-content[data-expanded=true]>*{animation:studio-section-enter var(--motion-base) var(--motion-ease-enter) both}.se-section-summary{display:block;color:var(--fg-muted);font-size:10px;font-weight:500;text-transform:none;letter-spacing:0}.se-section-reset{display:inline-flex;align-items:center;flex:none;gap:4px;min-height:30px;padding:0 4px;font-size:11px;text-transform:none;letter-spacing:0;white-space:nowrap}.se-section-reset:hover,.se-alpha-toggle:hover{color:var(--fg)}.se-empty{margin:0;padding:12px;color:var(--fg-muted);font-size:13px;text-align:center}.se-row{display:flex;align-items:center;gap:12px;padding:5px 0}.se-lbl{flex:1;font-size:13px;color:var(--fg)}.se-lbl-with-help{display:inline-flex;align-items:center;gap:4px;min-width:0}.se-lbl-text{min-width:0}.se-help{position:relative;display:inline-flex;flex:0 0 auto;align-items:center}.se-help-trigger{position:relative;display:inline-grid;place-items:center;width:20px;height:20px;padding:0;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--fg-muted);cursor:help;font-size:10px;font-weight:700;line-height:1;transition:background .14s var(--ease-out),border-color .14s var(--ease-out),color .14s var(--ease-out)}.se-help-trigger:before{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;content:""}.se-help-trigger:hover,.se-help-trigger:focus-visible{background:color-mix(in srgb,var(--pink) 15%,var(--surface));border-color:color-mix(in srgb,var(--pink) 65%,var(--border));color:var(--fg);outline:none}.se-help-tooltip{position:fixed;z-index:1000;top:var(--tooltip-top);left:var(--tooltip-left);width:min(260px,calc(100vw - 24px));box-sizing:border-box;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 12px 34px #0c2f5538;color:var(--fg);font-size:12px;font-weight:500;line-height:1.35;opacity:0;pointer-events:none;text-transform:none;transform:translateY(4px);transition:opacity .14s var(--ease-out),transform .14s var(--ease-out);white-space:normal}.se-help-tooltip:after{position:absolute;left:var(--tooltip-arrow-left);width:8px;height:8px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);content:"";transform:translate(-50%) rotate(45deg)}.se-help-tooltip.is-top:after{bottom:-5px}.se-help-tooltip.is-bottom:after{top:-5px;border:0;border-left:1px solid var(--border);border-top:1px solid var(--border)}.se-help-tooltip.is-visible{opacity:1;transform:translateY(0)}.se-row input[type=text],.se-row input[type=number],.se-row select{background:#ffffff0f;color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:6px 9px;font:inherit;width:180px}.se-text-input-wrap{display:grid;justify-items:end;gap:7px;min-width:0}.se-field-tokens{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.se-field-tokens button{min-height:28px;border:1px solid color-mix(in srgb,var(--purple) 42%,var(--border));border-radius:999px;padding:0 8px;background:color-mix(in srgb,var(--purple) 10%,transparent);color:var(--fg-muted);font:600 10px/1 var(--font-mono);cursor:pointer;transition:background .14s var(--ease-out),border-color .14s var(--ease-out),color .14s var(--ease-out),transform .12s var(--ease-out)}.se-field-tokens button:hover{border-color:var(--purple);background:color-mix(in srgb,var(--purple) 18%,transparent);color:var(--fg)}.se-field-tokens button:active{transform:scale(.96)}.alert-event-overview{display:grid;gap:12px;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--surface-hover) 74%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--purple) 24%,var(--border)),0 10px 28px #0000001f}.alert-event-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.alert-event-overview-head h2{margin:2px 0 4px;color:var(--fg);font-size:15px;line-height:1.25;text-wrap:balance}.alert-event-overview-head p{margin:0;color:var(--fg-muted);font-size:11px;line-height:1.45}.alert-event-eyebrow{color:var(--purple)!important;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.alert-event-apply,.alert-event-duplicate button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:1px solid color-mix(in srgb,var(--purple) 48%,var(--border));border-radius:9px;padding:0 11px;background:color-mix(in srgb,var(--purple) 14%,transparent);color:var(--fg);font:650 11px/1 inherit;cursor:pointer;transition:background .14s var(--ease-out),border-color .14s var(--ease-out),transform .12s var(--ease-out)}.alert-event-apply:hover,.alert-event-duplicate button:hover:not(:disabled){border-color:var(--purple);background:color-mix(in srgb,var(--purple) 22%,transparent)}.alert-event-apply:active,.alert-event-duplicate button:active:not(:disabled){transform:scale(.96)}.alert-event-duplicate button:disabled{cursor:not-allowed;opacity:.45}.alert-event-timeline{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.alert-event-timeline>span{display:grid;gap:4px;min-width:0;padding:10px;border-radius:9px;background:#ffffff09;box-shadow:inset 0 0 0 1px var(--border)}.alert-event-timeline strong{color:var(--fg);font-size:11px}.alert-event-timeline small{overflow:hidden;color:var(--fg-muted);font-size:10px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.alert-event-timeline>svg{color:var(--fg-muted)}.alert-event-duplicate{display:flex;align-items:center;gap:7px;color:var(--fg-muted);font-size:11px}.alert-event-duplicate>span{color:var(--fg);font-weight:650}.alert-event-duplicate label{min-width:0}.alert-event-duplicate select{min-height:36px;max-width:112px;border:1px solid var(--border);border-radius:8px;padding:0 8px;background:var(--surface);color:var(--fg);font:inherit}.alert-event-fields .se-section{border-radius:12px;background:color-mix(in srgb,var(--surface) 90%,transparent)}.alert-event-fields .se-section legend,.alert-event-fields .se-section-toggle{min-height:40px}@media(max-width:520px){.alert-event-overview-head{align-items:stretch;flex-direction:column}.alert-event-timeline{grid-template-columns:1fr}.alert-event-timeline>svg{display:none}.alert-event-duplicate{align-items:stretch;flex-wrap:wrap}.alert-event-duplicate>span{width:calc(100% - 24px)}.alert-event-duplicate label{flex:1}.alert-event-duplicate select{width:100%;max-width:none}}.se-separator{margin:10px 0 6px;padding:8px 0 6px;border-top:1px solid rgba(255,255,255,.08);color:var(--fg-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.se-color-wrap{display:flex;align-items:center;gap:8px}.se-color-swatch{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;overflow:hidden;position:relative;flex-shrink:0}.se-color-swatch input{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:40px;height:40px;opacity:0;cursor:pointer}.se-color{width:160px}.se-alpha{width:70px}.se-alpha-toggle{min-height:28px;padding:0 4px;font-size:11px;white-space:nowrap}.se-slider{display:flex;align-items:center;gap:8px}.se-segmented{display:inline-flex;flex-wrap:wrap;gap:4px}.se-segmented button{min-height:30px;border:1px solid var(--border);border-radius:5px;padding:0 8px;color:var(--fg-muted);background:transparent;font:inherit;font-size:12px;cursor:pointer}.se-segmented button[aria-pressed=true]{border-color:color-mix(in srgb,var(--pill-primary-base) 72%,#000);color:var(--pill-primary-ink);background:var(--pill-primary)}.se-slider output{font-size:12px;color:var(--fg-muted);width:28px;text-align:right}.se-row input[type=checkbox]{width:16px;height:16px}.se-image-input{display:flex;align-items:center;gap:8px}.se-image-input input[type=text]{width:150px}.se-thumb{width:28px;height:28px;object-fit:cover;border-radius:4px;border:1px solid var(--border)}.se-row--image-list{align-items:stretch;flex-direction:column;gap:8px}.se-image-list{display:grid;gap:8px;width:100%;margin:0;padding:8px;list-style:none;border-radius:12px;background:#ffffff06;box-shadow:0 0 0 1px #ffffff12,0 8px 24px #0000001f}.se-image-list-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:8px;border-radius:8px;background:#ffffff09;box-shadow:0 0 0 1px #ffffff0f}.se-image-list-preview{grid-row:1 / span 2;display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border-radius:7px;background:color-mix(in srgb,var(--pink) 12%,var(--surface));color:var(--fg-muted);font-size:12px;font-variant-numeric:tabular-nums}.se-image-list-preview img{width:100%;height:100%;object-fit:cover;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}.se-row .se-image-list-item input[type=text]{width:100%;min-width:0}.se-image-list-actions{display:grid;grid-template-columns:repeat(5,minmax(40px,1fr));gap:4px}.se-image-list-icon,.se-image-list-add{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border:0;border-radius:6px;background:#ffffff0b;box-shadow:0 0 0 1px #ffffff14;color:var(--fg-muted);cursor:pointer;transition:background-color .14s var(--ease-out),box-shadow .14s var(--ease-out),color .14s var(--ease-out),transform .1s var(--ease-out)}.se-image-list-icon:hover,.se-image-list-add:hover{background:#ffffff14;box-shadow:0 0 0 1px #ffffff21;color:var(--fg)}.se-image-list-icon:active,.se-image-list-add:active{transform:scale(.96)}.se-image-list-icon:focus-visible,.se-image-list-add:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.se-image-list-icon:disabled{opacity:.28;cursor:not-allowed;transform:none}.se-image-list-icon.busy{opacity:.55;cursor:progress}.se-image-list-remove{color:#fb7185}.se-image-list-add{gap:7px;width:100%;font:inherit;font-size:12px;font-weight:700}.se-image-list-add-row{display:block}.se-image-list-empty{padding:10px 8px;color:var(--fg-muted);font-size:12px;line-height:1.4;text-wrap:pretty}.se-font-input{display:flex;align-items:center;gap:8px}.se-font-preview{display:inline-grid;place-items:center;width:34px;height:28px;border:1px solid var(--border);border-radius:6px;color:var(--fg);background:#ffffff0a;font-size:15px;font-weight:700}.se-upload{font-size:12px;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.se-upload:hover,.se-icon-btn:hover{background:var(--surface-hover)}.se-upload.busy{opacity:.6;cursor:default}.se-icon-btn{width:30px;height:30px;display:inline-grid;place-items:center;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;flex-shrink:0}@media(max-width:560px){.se-form-toolbar{align-items:stretch;flex-direction:column}.se-level-switch{align-self:flex-start}.se-row{align-items:flex-start;flex-direction:column;gap:6px;padding:8px 0}.se-lbl,.se-row input[type=text],.se-row input[type=number],.se-row select,.se-image-input input[type=text]{width:100%}.se-color-wrap,.se-image-input,.se-font-input{width:100%;flex-wrap:wrap}.se-color{flex:1;min-width:120px}}.wc-btn-outline,.wc-btn-dark{flex:1;padding:.3rem .5rem;border-radius:var(--r);font-size:.78rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:all .15s ease}.wc-btn-outline{background:transparent;border:1px solid var(--border);color:var(--fg-muted)}.wc-btn-outline:hover{border-color:var(--purple);color:var(--purple-light)}.wc-btn-dark{background:var(--purple);border:none;color:#fff}.wc-btn-dark:hover{background:var(--purple-light)}.search-wrap{flex:1;max-width:360px}.search-input{width:100%;padding:.5rem .85rem;border:1px solid var(--border);border-radius:var(--r);background:#ffffff12;color:var(--fg);font-size:.88rem;transition:border-color .2s ease}.search-input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--pink) 25%,transparent)}.page-loading{display:flex;align-items:center;justify-content:center;padding:var(--sp-6);color:var(--fg-muted);font-size:.92rem}.ov-shell{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg)}.ov-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.2rem;background:var(--sidebar-bg);border-bottom:1px solid var(--border);color:#fff;gap:1rem}.ov-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.88rem}.ov-breadcrumb a{color:var(--fg-white-muted);text-decoration:none}.ov-breadcrumb a:hover{color:#fff}.ov-breadcrumb span{color:#ffffff4d}.ov-breadcrumb span:last-child{color:#fff;font-weight:700}.ov-bar-actions{display:flex;align-items:center;gap:.5rem}.ov-dim{font-size:.78rem;font-family:var(--font-mono);color:var(--fg-muted)}.ov-bar-actions .btn{background:#ffffff1a;border-color:#ffffff26;color:#fff}.ov-bar-actions .btn:hover{background:#ffffff2e}.ov-body{flex:1;display:flex;min-height:0;overflow:hidden;position:relative}.ov-icon-strip{width:56px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:.5rem 0;gap:2px;background:var(--surface);border-right:1px solid var(--border);z-index:10}.ov-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;transition:all .13s var(--ease-out);flex-shrink:0}.ov-icon-btn:hover{background:#ffffff14;color:var(--fg)}.ov-icon-btn.active{background:var(--pill-primary);color:var(--pill-primary-ink)}.ov-icon-btn svg{width:18px;height:18px}.ov-icon-btn.brand-btn{font-size:1.3rem;line-height:1;margin-bottom:var(--sp-2)}.ov-strip-sep{width:32px;height:1px;background:var(--border);margin:4px 0;flex-shrink:0}.ov-float-panel{position:absolute;top:12px;left:68px;width:220px;background:var(--surface-solid);border:1px solid var(--border);border-radius:12px;z-index:50;overflow:hidden;box-shadow:0 8px 30px #00000059}.ov-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-bottom:1px solid var(--border)}.ov-panel-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted)}.ov-panel-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;font-size:.9rem;line-height:1;padding:0;transition:all .1s}.ov-panel-close:hover{background:#ffffff14;color:var(--fg)}.ov-panel-body{padding:.75rem}.sidebar-select{width:100%;font-size:.82rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:var(--r);background:#ffffff0f;font-family:var(--font);color:var(--fg)}.sel-name{font-weight:700;font-size:.85rem;margin-bottom:.5rem;color:var(--fg)}.prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin-bottom:.5rem}.prop-grid label{display:flex;flex-direction:column;font-size:.68rem;font-weight:700;color:var(--fg-muted);gap:2px}.prop-grid input{width:100%;font-size:.78rem;padding:.2rem .35rem;border:1px solid var(--border);border-radius:4px;background:#ffffff0f;font-family:var(--font-mono);color:var(--fg)}.prop-grid input:focus{border-color:var(--purple);box-shadow:none}.sel-actions{display:flex;gap:.3rem;flex-wrap:wrap}.item-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.item-row{display:flex;align-items:center;justify-content:space-between;padding:.3rem .4rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:background .1s;color:var(--fg-muted)}.item-row:hover{background:#ffffff0f;color:var(--fg)}.item-row.active{background:color-mix(in srgb,var(--pink) 15%,var(--surface));font-weight:700;color:var(--fg)}.item-row-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-row-z{font-size:.68rem;font-family:var(--font-mono);color:var(--fg-muted);flex-shrink:0}.canvas-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:2rem;background:var(--editor-wrap);gap:.75rem;position:relative}.canvas-wrap{flex-shrink:0;width:100%;overflow:hidden;display:flex;align-items:flex-start}.canvas{flex-shrink:0;background:#1a1a2e;box-shadow:0 16px 60px #00000080;border-radius:14px;position:relative;cursor:default;-webkit-user-select:none;user-select:none;overflow:hidden}.canvas-hint{font-size:.72rem;color:#ffffff59;text-align:center;margin:0}.canvas-toolbar{position:absolute;bottom:1.25rem;right:1.25rem;display:flex;gap:3px;background:var(--surface-solid);border-radius:10px;padding:4px;border:1px solid var(--border);box-shadow:0 4px 16px #0000004d}.canvas-tool-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;border:none;color:var(--fg-muted);cursor:pointer;font-size:.85rem;transition:all .12s}.canvas-tool-btn:hover{background:#ffffff14;color:var(--fg)}.ov-item{position:absolute;cursor:grab;border:2px solid transparent;transition:border-color 80ms;overflow:hidden;border-radius:4px}.ov-item:hover{border-color:color-mix(in srgb,var(--pink) 45%,var(--border))}.ov-item.selected{border-color:var(--purple-light);box-shadow:0 0 0 2px color-mix(in srgb,var(--pink) 30%,transparent)}.ov-item:active{cursor:grabbing}.item-label{position:absolute;bottom:0;left:0;right:0;padding:2px 6px;background:#000000a6;color:#fff;font-size:11px;font-family:var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transition:opacity .12s}.ov-item:hover .item-label,.ov-item.selected .item-label{opacity:1}.resize-handle{position:absolute;bottom:0;right:0;width:14px;height:14px;cursor:se-resize;background:var(--purple);clip-path:polygon(100% 0,100% 100%,0 100%);border-radius:0 0 4px;opacity:0;transition:opacity .12s}.ov-item:hover .resize-handle,.ov-item.selected .resize-handle{opacity:1}.ov-item-label-above{position:absolute;top:-20px;left:0;font-size:10px;color:#ffffff80;font-family:var(--font);white-space:nowrap;pointer-events:none}.ov-size-badge{position:absolute;bottom:-20px;right:0;font-size:10px;color:#ffffff80;font-family:var(--font-mono);white-space:nowrap;pointer-events:none}.btn.sm{font-size:.78rem;padding:.25rem .7rem}.sidebar-platforms{display:flex;flex-direction:column;gap:var(--sp-2)}.platforms-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-white-muted);margin:0 0 2px}.platform-pill{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:999px;font-size:.8rem;font-weight:600;width:100%;cursor:default;transition:background .16s var(--ease-out),opacity .16s;text-decoration:none;font-family:var(--font);line-height:1.4}.platform-pill.connected{background:#ffffff1a;color:var(--fg-white);border:none}.platform-pill.disconnected{background:transparent;color:#ffffff80;border:1px solid var(--border);cursor:pointer;text-align:left}.platform-pill.disconnected:hover{background:#ffffff12;border-color:#ffffff26}.platform-pill .p-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-pill .p-badge{margin-left:auto;font-size:.65rem;background:#ffffff26;padding:.1rem .4rem;border-radius:999px;flex-shrink:0;font-weight:700}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5)}.page-header-left h1{font-family:var(--font-head);font-size:1.9rem;font-weight:800;letter-spacing:-.025em;color:var(--fg);margin:0 0 var(--sp-1)}.page-header-left p{font-size:.9rem;color:var(--fg-muted);margin:0}.overlay-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-4)}.overlay-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s var(--ease-out),box-shadow .2s ease,border-color .2s ease}.overlay-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px #0006;border-color:color-mix(in srgb,var(--pink) 35%,var(--border))}.overlay-preview{aspect-ratio:16 / 9;background:var(--surface-solid);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.overlay-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(color-mix(in srgb,var(--pink) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pink) 8%,transparent) 1px,transparent 1px);background-size:20px 20px}.overlay-preview-icon{font-size:2rem;position:relative;z-index:1;opacity:.4}.overlay-preview-count{position:absolute;bottom:8px;right:10px;font-size:.68rem;font-family:var(--font-mono);font-weight:600;color:#9b8ef5b3;background:#141228b3;padding:2px 8px;border-radius:999px}.overlay-card-body{padding:var(--sp-3);display:flex;flex-direction:column;gap:6px;flex:1}.overlay-card-name{font-weight:700;font-size:.95rem;color:var(--fg);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay-card-meta{font-size:.78rem;color:var(--fg-muted);display:flex;align-items:center;gap:.4rem}.overlay-card-meta .dot{color:#ffffff26}.overlay-card-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.overlay-card-new{background:#ffffff05;border:1.5px dashed rgba(255,255,255,.1);border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);min-height:180px;cursor:pointer;text-decoration:none;color:var(--fg-muted);font-size:.88rem;font-weight:600;transition:all .16s var(--ease-out);aspect-ratio:unset}.overlay-card-new:hover{background:color-mix(in srgb,var(--pink) 8%,var(--surface));border-color:var(--purple);color:var(--purple-light);text-decoration:none;transform:translateY(-2px)}.overlay-card-new .new-icon{width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--pink) 12%,var(--surface));display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:background .16s}.overlay-card-new:hover .new-icon{background:color-mix(in srgb,var(--pink) 15%,var(--surface))}.events-list{display:flex;flex-direction:column;gap:var(--sp-2)}.event-card{display:flex;flex-direction:column;gap:.35rem;padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r);transition:border-color .15s ease,background .15s ease}.event-card:hover{background:var(--surface-hover);border-color:color-mix(in srgb,var(--pink) 30%,var(--border))}.event-header{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.event-type{font-size:.9rem;font-weight:600;color:var(--fg)}.event-body{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.amount{font-size:1rem;font-weight:700;color:var(--success);font-variant-numeric:tabular-nums}.time{font-size:.78rem;color:var(--fg-muted)}.asset-upload-zone{border:2px dashed rgba(255,255,255,.12);border-radius:var(--r-lg);padding:var(--sp-5);text-align:center;color:var(--fg-muted);font-size:.88rem;cursor:pointer;transition:all .16s var(--ease-out);margin-bottom:var(--sp-4)}.asset-upload-zone:hover{border-color:var(--purple);color:var(--purple-light);background:color-mix(in srgb,var(--pink) 8%,var(--surface))}main#main:has(.ovx-shell){overflow:hidden;padding:0}.app-shell:has(.ovx-shell) .sidebar{display:none}.board-header{position:absolute;top:1.05rem;left:2.35rem;right:2.35rem;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0;background:transparent;border:0;z-index:110;gap:1rem}.board-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.76rem;min-width:0;max-width:380px;padding:.35rem .55rem;background:#17172d47;border:1px solid rgba(255,255,255,.08);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.board-breadcrumb .back-link{color:#eeeeff8f;text-decoration:none;font-weight:500;white-space:nowrap}.board-breadcrumb .back-link:hover{color:#ffffffe6}.board-breadcrumb .sep{color:#ffffff40;flex-shrink:0}.board-breadcrumb .board-name{color:#ffffffb8;font-weight:700;font-family:var(--font-head);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-meta{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.dimensions-badge{font-size:.75rem;font-family:var(--font-mono);color:#ebecffb3;background:#14132a7a;padding:.2rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #1812362e}.action-btn-link{font-size:.8rem;font-weight:600;color:#ffffffc7;text-decoration:none;padding:.3rem .75rem;border-radius:999px;background:#14132a94;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #1812362e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .14s var(--ease-out)}.action-btn-link:hover{background:#232046b8;text-decoration:none}.draggable-dock{position:absolute;z-index:96;touch-action:none;transition:filter .16s var(--ease-out),opacity .16s var(--ease-out)}.draggable-dock.is-dragging{filter:drop-shadow(0 22px 36px rgba(12,10,28,.34));z-index:120}.dock-frame{display:flex;align-items:flex-start;gap:.4rem;transition:transform .22s var(--ease-out);will-change:transform}.draggable-dock[data-orientation=vertical] .dock-frame{flex-direction:column}.draggable-dock[data-orientation=horizontal] .dock-frame{flex-direction:row}.dock-controls{display:inline-flex;flex-shrink:0;gap:.22rem;padding:.22rem;background:#121226d6;border:1px solid rgba(159,151,255,.14);border-radius:12px;box-shadow:0 14px 30px #16123652,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.draggable-dock[data-orientation=vertical] .dock-controls{flex-direction:column}.dock-control{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:8px;background:#ffffff0b;color:#aeb2eec7;cursor:pointer;transition:transform .14s var(--ease-out),background .14s var(--ease-out),color .14s var(--ease-out)}.dock-control:hover{color:var(--fg);background:#ffffff1a}.dock-control:active{transform:scale(.94)}.dock-drag-handle{cursor:grab}.draggable-dock.is-dragging .dock-drag-handle{cursor:grabbing;color:#f7f4ff;background:#8077ca7a}.dock-control svg{width:15px;height:15px}.dock-content{display:flex;align-items:flex-start;gap:.65rem;transition:transform .22s var(--ease-out),opacity .18s var(--ease-out)}.draggable-dock[data-orientation=vertical] .dock-content{flex-direction:column}.draggable-dock[data-orientation=horizontal] .dock-content{flex-direction:row}.draggable-dock .testing-toolbar,.draggable-dock .canvas-tool-panel,.draggable-dock .floating-sidebar,.draggable-dock .floating-popover{position:static;top:auto;right:auto;bottom:auto;left:auto;transform:none;z-index:auto}.draggable-dock[data-orientation=vertical] .testing-toolbar,.draggable-dock[data-orientation=vertical] .testing-actions,.draggable-dock[data-orientation=vertical] .canvas-tool-panel,.draggable-dock-sidebar[data-orientation=horizontal] .floating-sidebar{flex-direction:column;align-items:stretch}.draggable-dock[data-orientation=vertical] .testing-toolbar{max-width:230px;border-radius:16px}.draggable-dock[data-orientation=vertical] .testing-actions{max-height:188px;overflow-y:auto;overflow-x:hidden}.draggable-dock[data-orientation=vertical] .segmented-control{width:100%}.draggable-dock[data-orientation=vertical] .segmented-control button{flex:1}.draggable-dock[data-orientation=vertical] .canvas-tool-panel{border-radius:14px}.draggable-dock-sidebar[data-orientation=vertical] .dock-content{flex-direction:row}.draggable-dock-sidebar[data-orientation=horizontal] .dock-content{flex-direction:column}.draggable-dock-sidebar[data-orientation=horizontal] .floating-sidebar{width:auto}.draggable-dock-sidebar[data-orientation=horizontal] .sidebar-divider{width:1px;height:26px;margin:0 .25rem}.testing-toolbar{position:absolute;top:7.45rem;left:50%;transform:translate(-50%);z-index:88;display:flex;align-items:center;gap:.45rem;max-width:min(760px,calc(100vw - 18rem));padding:.35rem;background:#14132ac2;border:1px solid rgba(159,151,255,.18);border-radius:999px;box-shadow:0 16px 42px #16123661,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.testing-toolbar-title{flex-shrink:0;padding:0 .35rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted)}.segmented-control{display:inline-flex;flex-shrink:0;padding:2px;background:#ffffff12;border:1px solid rgba(255,255,255,.08);border-radius:999px}.segmented-control button{min-height:30px;padding:.25rem .55rem;border:none;border-radius:999px;background:transparent;color:var(--fg-muted);font-size:.72rem;font-weight:700}.segmented-control button:hover:not(:disabled){color:var(--fg);background:#ffffff0f}.segmented-control button.active{color:var(--fg);background:#8b81d2b8}.segmented-control button:disabled{opacity:.38;cursor:not-allowed}.testing-actions{display:flex;align-items:center;gap:.35rem;overflow-x:auto;min-width:0;scrollbar-width:thin}.testing-empty{color:var(--fg-muted);font-size:.75rem;white-space:nowrap}.test-chip{flex-shrink:0;min-height:30px;padding:.25rem .6rem;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#ffffff14;color:var(--fg);font-size:.72rem;font-weight:700;transition:background .13s var(--ease-out),border-color .13s var(--ease-out),color .13s var(--ease-out)}.test-chip:hover:not(:disabled){background:#ffffff1a;border-color:color-mix(in srgb,var(--pink) 40%,var(--border))}.test-chip.auto{color:#ffffffeb;border-color:#a59cff59;background:#8077ca85}.test-chip.ok{color:var(--success);border-color:#5dd4a073;background:#5dd4a01f}.test-chip.fail{color:var(--danger);border-color:#e86c6573;background:#e86c651f}.test-chip:disabled{opacity:.45;cursor:not-allowed}.canvas-tool-panel{position:absolute;right:3.55rem;bottom:4.7rem;z-index:88;display:flex;align-items:center;gap:.28rem;padding:.42rem;background:#14132adb;border:1px solid rgba(159,151,255,.18);border-radius:14px;box-shadow:0 18px 42px #1612366b,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.canvas-tool-panel button,.canvas-tool-panel a{width:34px;height:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:0;border:1px solid transparent;border-radius:9px;background:#ffffff09;color:#aeb2eec2;font-size:0;font-weight:700;text-decoration:none}.canvas-tool-panel button:hover,.canvas-tool-panel a:hover{color:var(--fg);background:#ffffff1a;text-decoration:none}.canvas-tool-panel button.active{color:#d8dafff5;background:#8077ca7a;border-color:#a59cff52;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 18px #897eff38}.canvas-tool-panel button svg,.canvas-tool-panel a svg{width:17px;height:17px}.floating-sidebar{position:absolute;top:8.05rem;left:3.2rem;z-index:90;display:flex;flex-direction:column;align-items:center;padding:.55rem .42rem;gap:.35rem;background:#121226e0;border:1px solid rgba(159,151,255,.14);border-radius:14px;box-shadow:0 18px 42px #16123666,inset 0 1px #ffffff0d;width:46px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;color:#f7f4ff;background:#8e88dc47;border:1px solid rgba(255,255,255,.16);border-radius:10px;box-shadow:0 0 20px #8b81d238;-webkit-user-select:none;user-select:none}.sidebar-divider{width:26px;height:1px;background:#ffffff12;margin:.25rem 0;flex-shrink:0}.sidebar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:transparent;border:none;color:#acb0edb8;cursor:pointer;transition:all .13s var(--ease-out);flex-shrink:0}.sidebar-btn:hover{background:#ffffff14;color:#f3f1fff0}.sidebar-btn.active{background:#7e75cd6b;color:#f3f1fff5;box-shadow:0 0 16px #897eff2e}.sidebar-btn svg{width:18px;height:18px}.floating-popover{position:absolute;top:8.05rem;left:6.55rem;width:230px;background:#16152de6;border:1px solid rgba(159,151,255,.16);border-radius:14px;z-index:85;overflow:hidden;box-shadow:0 18px 42px #1612366b,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.floating-popover h3{margin:0;padding:.65rem .85rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#d3d2ff94;font-family:var(--font);border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff06}.floating-popover select{width:calc(100% - 1.6rem);margin:.75rem .8rem;font-size:.82rem;padding:.35rem .5rem;border:1px solid rgba(255,255,255,.09);border-radius:var(--r);background:#fff1;font-family:var(--font);color:var(--fg)}.add-mode-toggle{width:calc(100% - 1.6rem);margin:.75rem .8rem 0}.add-mode-toggle button{flex:1;padding-inline:.35rem}.add-picker-list{display:grid;gap:.45rem;max-height:230px;overflow-y:auto;padding:.75rem .8rem .35rem}.add-picker-card{width:100%;display:grid;gap:.18rem;padding:.62rem .7rem;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0b;color:var(--fg);text-align:left;cursor:pointer;transition:background .14s var(--ease-out),border-color .14s var(--ease-out),transform .14s var(--ease-out)}.add-picker-card:hover{background:#ffffff13;border-color:#a59cff4d}.add-picker-card.selected{background:#8077ca52;border-color:#b0b2ff80;box-shadow:inset 0 0 0 1px #ffffff0a}.add-picker-card:active{transform:scale(.98)}.add-picker-name{font-size:.82rem;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-picker-meta{color:#d3d2ff94;font-size:.68rem;font-family:var(--font-mono);text-transform:uppercase}.inline-widget-form{display:grid;gap:.55rem;padding:.75rem .8rem .35rem}.inline-widget-form label{display:grid;gap:.34rem}.inline-widget-form span{color:#d3d2ff9e;font-size:.7rem;font-weight:750}.inline-widget-form input,.inline-widget-form select,.inline-widget-form textarea{width:100%;margin:0;padding:.45rem .55rem;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#fff1;color:var(--fg);font-family:var(--font);font-size:.78rem}.inline-widget-form textarea{min-height:86px;resize:vertical;font-family:var(--font-mono);line-height:1.45}.background-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:.75rem .8rem .35rem}.background-mode-grid button{min-height:34px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#ffffff0b;color:#d3d2ffb8;font-size:.72rem;font-weight:750;cursor:pointer;transition:background .14s var(--ease-out),border-color .14s var(--ease-out),color .14s var(--ease-out)}.background-mode-grid button:hover,.background-mode-grid button.active{color:var(--fg);background:#8077ca52;border-color:#b0b2ff61}.background-field{display:grid;gap:.38rem;padding:.55rem .8rem .35rem}.background-field span,.background-check span{color:#d3d2ff9e;font-size:.7rem;font-weight:750}.background-field input[type=url],.background-field select{width:100%;margin:0;font-size:.78rem}.background-field input[type=color]{width:100%;height:34px;padding:2px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#fff1}.background-upload{position:relative;display:flex;align-items:center;justify-content:center;min-height:34px;margin:.45rem .8rem .2rem;border:1px dashed rgba(176,178,255,.34);border-radius:10px;background:#8077ca1f;color:#e5e2ffdb;cursor:pointer;overflow:hidden}.background-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.background-upload span{font-size:.72rem;font-weight:800}.background-upload:has(input:disabled){opacity:.5;cursor:not-allowed}.background-preview{margin:.55rem .8rem .35rem;aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0000002e}.background-preview img{width:100%;height:100%;display:block;object-fit:cover}.background-check{display:flex;align-items:center;gap:.45rem;padding:.6rem .8rem .25rem}.background-check input{width:15px;height:15px;accent-color:#9389e4}.background-hint{margin:0;padding:0 .8rem .75rem;color:#8e91b0;font-size:.68rem;line-height:1.35}.floating-popover .btn-submit{width:calc(100% - 1.6rem);margin:0 .8rem .75rem;padding:.4rem .5rem;border-radius:var(--r);border:none;background:var(--pink);color:#fff;font-size:.78rem;font-weight:700;font-family:var(--font);cursor:pointer;transition:all .13s var(--ease-out)}.floating-popover .btn-submit:hover{filter:brightness(1.08)}.floating-popover .btn-submit:disabled{opacity:.4;cursor:not-allowed}.panel-layers .empty-text{font-size:.78rem;color:#d3d2ff85;text-align:center;padding:1rem .8rem}.layers-list{display:flex;flex-direction:column;gap:1px;padding:.4rem .5rem .5rem}.layer-item{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;border-radius:8px;cursor:pointer;font-size:.78rem;color:#d3d2ff99;transition:background .1s}.layer-item:hover{background:#ffffff0f;color:var(--fg)}.layer-item.selected{background:#7f76cd4d;color:var(--fg);font-weight:600}.layer-item span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.z-badge{font-size:.65rem;font-family:var(--font-mono);color:#d3d2ff8f;background:#ffffff12;padding:.1rem .4rem;border-radius:999px;flex-shrink:0;margin-left:.5rem}.panel-props .widget-title-display{font-weight:700;font-size:.85rem;color:#f6f5ffeb;padding:.4rem .8rem 0;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:0 .8rem .5rem}.inputs-grid label{display:flex;flex-direction:column;gap:2px}.inputs-grid label span{font-size:.62rem;font-weight:700;color:#d3d2ff8f;text-transform:uppercase;letter-spacing:.04em}.inputs-grid input{width:100%;font-size:.78rem;padding:.25rem .4rem;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:#fff1;font-family:var(--font-mono);color:var(--fg)}.inputs-grid input:focus{border-color:var(--purple);box-shadow:none}.panel-props .btn-delete{width:calc(100% - 1.6rem);margin:.25rem .8rem .75rem;padding:.4rem .5rem;border-radius:var(--r);border:1px solid rgba(232,108,101,.3);background:#e86c6514;color:var(--danger);font-size:.78rem;font-weight:700;font-family:var(--font);cursor:pointer;transition:all .13s var(--ease-out)}.panel-props .btn-delete:hover{background:#e86c6526;border-color:#e86c6580}.panel-config{width:390px;max-height:min(680px,calc(100vh - 170px));overflow:hidden;display:flex;flex-direction:column}.panel-config .widget-title-display{font-weight:700;font-size:.85rem;color:#f6f5ffeb;padding:.55rem .8rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay-config-form,.ovx-widget-config{min-height:0;overflow-y:auto;overflow-x:hidden}.overlay-config-form{padding:.75rem .85rem .95rem}.overlay-config-form .se-form,.ovx-widget-config .se-form{gap:12px;min-width:0}.overlay-config-form .se-form fieldset,.ovx-widget-config .se-form fieldset,.theme-panel-body .se-form fieldset{padding:11px;min-width:0;max-width:100%}.overlay-config-form .se-row,.ovx-widget-config .se-row,.theme-panel-body .se-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:7px;padding:7px 0;min-width:0;max-width:100%}.theme-panel-body .se-row{gap:8px;padding:9px 0}.theme-panel-body .se-row+.se-row{border-top:1px solid rgba(255,255,255,.06)}.overlay-config-form .se-lbl,.ovx-widget-config .se-lbl,.theme-panel-body .se-lbl{width:100%;min-width:0;line-height:1.35;overflow-wrap:normal;word-break:normal;white-space:normal}.overlay-config-form .se-row input[type=text],.overlay-config-form .se-row input[type=number],.overlay-config-form .se-row select,.ovx-widget-config .se-row input[type=text],.ovx-widget-config .se-row input[type=number],.ovx-widget-config .se-row select,.theme-panel-body .se-row input[type=text],.theme-panel-body .se-row input[type=number],.theme-panel-body .se-row select{width:100%;min-width:0;min-height:34px}.overlay-config-form .se-slider,.ovx-widget-config .se-slider,.theme-panel-body .se-slider{width:100%}.overlay-config-form .se-slider input[type=range],.ovx-widget-config .se-slider input[type=range],.theme-panel-body .se-slider input[type=range]{flex:1;min-width:0}.overlay-config-form .se-image-input,.overlay-config-form .se-font-input,.ovx-widget-config .se-image-input,.ovx-widget-config .se-font-input,.theme-panel-body .se-image-input,.theme-panel-body .se-font-input{width:100%;min-width:0}.overlay-config-form .se-asset-input,.ovx-widget-config .se-asset-input,.theme-panel-body .se-asset-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.overlay-config-form .se-asset-input .se-thumb,.ovx-widget-config .se-asset-input .se-thumb,.theme-panel-body .se-asset-input .se-thumb{grid-column:1 / -1;width:100%;height:74px;object-fit:cover;border-radius:6px}.overlay-config-form .se-asset-input input[type=text],.ovx-widget-config .se-asset-input input[type=text],.theme-panel-body .se-asset-input input[type=text]{width:100%;min-width:0}.overlay-config-form .se-asset-input .se-upload,.ovx-widget-config .se-asset-input .se-upload,.theme-panel-body .se-asset-input .se-upload{min-width:64px;justify-content:center}.overlay-config-form .se-asset-input--sound,.ovx-widget-config .se-asset-input--sound,.theme-panel-body .se-asset-input--sound{grid-template-columns:minmax(0,1fr) 34px auto}.overlay-config-form .se-asset-input--sound .se-icon-btn,.ovx-widget-config .se-asset-input--sound .se-icon-btn,.theme-panel-body .se-asset-input--sound .se-icon-btn{width:34px;height:34px}.overlay-config-form .se-color-wrap,.ovx-widget-config .se-color-wrap,.theme-panel-body .se-color-wrap{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px}.theme-panel-body .se-color-wrap{grid-template-columns:34px minmax(0,1fr)}.theme-panel-body .se-color-swatch{width:34px;height:34px}.overlay-config-form .se-color-wrap .se-color,.ovx-widget-config .se-color-wrap .se-color,.theme-panel-body .se-color-wrap .se-color{width:100%}.overlay-config-form .se-alpha,.ovx-widget-config .se-alpha,.theme-panel-body .se-alpha{grid-column:2;width:100%}.overlay-config-form .se-font-input select,.ovx-widget-config .se-font-input select,.theme-panel-body .se-font-input select{flex:1 1 100%;width:100%;min-width:0}.panel-config .background-hint{margin:0 .85rem .85rem}.panel-testing{width:auto;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.panel-modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;pointer-events:none}.panel-modal-card{position:relative;pointer-events:auto;display:flex;max-height:calc(100vh - 120px)}.panel-modal-card .floating-popover{position:static;top:auto;left:auto;transform:none;max-height:calc(100vh - 120px);overflow:auto;z-index:auto;-webkit-backdrop-filter:none;backdrop-filter:none}.panel-modal-close{position:absolute;top:-10px;right:-10px;z-index:12;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(159,151,255,.28);background:#16152df5;color:#e7e6ffd9;font-size:1.05rem;line-height:1;cursor:pointer;box-shadow:0 6px 18px #16123680}.panel-modal-close:hover{background:#28264efa}.panel-modal-grip{position:absolute;top:-10px;left:-10px;z-index:12;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(159,151,255,.28);background:#16152df5;color:#e7e6ffb3;cursor:grab;touch-action:none;box-shadow:0 6px 18px #16123680}.panel-modal-grip:hover{background:#28264efa;color:#e7e6fff2}.panel-modal-grip:active{cursor:grabbing}.panel-modal-grip svg{width:14px;height:14px}.goal-builder{display:flex;flex-direction:column;gap:1rem}.goal-builder .gb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.gb-section{border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.6rem}.gb-section>legend{padding:0 .4rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted)}.gb-rule{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.gb-rule-label{display:flex;flex-direction:column;font-size:.85rem}.gb-rule-label em{font-style:normal;font-size:.72rem;color:var(--fg-muted)}.gb-rule input{width:90px;text-align:right}.gb-target-row{display:flex;align-items:center;gap:.5rem}.gb-target-row input{flex:1;min-width:0}.gb-target-row span{color:var(--fg-muted);font-size:.82rem;min-width:4.5rem}.gb-milestone{display:flex;align-items:center;gap:.4rem}.gb-milestone .gb-ms-title{flex:1}.gb-milestone .gb-ms-value{width:80px}.gb-ms-remove{padding:.25rem .55rem}.goal-asset-field{display:flex;gap:.35rem;align-items:center;flex:1;min-width:0}.goal-asset-field input[type=text]{flex:1;min-width:0}.goal-asset-upload{white-space:nowrap;cursor:pointer;padding:.3rem .6rem}.goal-asset-upload.busy{opacity:.6}.gb-toggles{display:flex;flex-wrap:wrap;gap:.75rem 1.1rem;align-items:center}.gb-toggles label{display:flex;align-items:center;gap:.35rem;font-size:.82rem}.gb-idle input{width:60px}.gb-preview-wrap{display:flex;justify-content:center;padding:.75rem;background:#00000038;border:1px dashed var(--border);border-radius:12px}.gb-preview-wrap .gb-preview{width:min(100%,420px)}.gb-disclosure{justify-content:space-between;width:100%;text-align:left;font-size:.85rem}.gb-presets{display:flex;gap:.5rem;flex-wrap:wrap}.gb-preset{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .7rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--fg-muted);font-size:.82rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.gb-preset:hover{background:#ffffff0d}.gb-preset.active{border-color:var(--accent, #9389e4);color:var(--fg);background:#9389e41f}.gb-preset-swatch{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff26}.gb-create-widget{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--fg-muted);cursor:pointer}.gb-widget-link{display:grid;gap:.6rem}.def-html-details{border:1px solid var(--border);border-radius:10px;padding:.65rem .85rem}.def-html-details summary{cursor:pointer;font-size:.85rem;color:var(--fg-muted);-webkit-user-select:none;user-select:none}.def-html-details summary:hover{color:var(--fg)}.def-html-details[open] summary{margin-bottom:.5rem}.success-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.7rem 1rem;border-radius:10px;background:#3ecf8e1f;border:1px solid rgba(62,207,142,.28);color:var(--fg)}.success-banner .btn{font-size:.8rem}.link-goal-step{display:flex;flex-direction:column;gap:.75rem;min-width:260px}.link-goal-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--fg)}.link-goal-check{width:18px;height:18px;color:#3ecf8e}.link-goal-actions{display:flex;gap:.5rem;justify-content:flex-end}.link-goal-modes{display:flex;gap:2px;padding:2px;background:var(--ovx-bg-3, rgba(255,255,255,.05));border-radius:7px}.link-goal-modes button{flex:1;padding:5px 8px;border:0;border-radius:5px;background:transparent;color:var(--ovx-muted, #9a94c7);font-size:.72rem;font-weight:600;cursor:pointer}.link-goal-modes button.active{background:var(--ovx-bg-2, rgba(255,255,255,.08));color:var(--fg, #fff)}.inline-goal-form{display:grid;grid-template-columns:1fr;gap:.5rem}.instance-mode-disclosure{border-top:1px solid var(--border);padding-top:.6rem;margin-top:.6rem;display:flex;flex-direction:column;gap:.5rem}.instance-mode-toggle{width:100%;justify-content:center;font-size:.8rem}.goal-link-field{display:flex;flex-direction:column;gap:.3rem;margin:.6rem 0}.goal-link-field>span{font-size:.72rem;color:var(--fg-muted)}.goal-link-create{font-size:.72rem;color:var(--accent, #9389e4);text-decoration:none}.subathon-quick-add{width:100%;justify-content:center;margin-bottom:.6rem}.subathon-page.page-content{max-width:72rem}.subathon-builder-card h2{margin-bottom:.85rem}.subathon-builder{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:2.5rem;align-items:start}.subathon-builder-main,.subathon-builder-side{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.subathon-builder-side{position:sticky;top:1.5rem;align-self:start}.subathon-side-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.subathon-title-row{display:grid;grid-template-columns:minmax(0,420px) auto;gap:1rem;align-items:end}.subathon-toggle,.subathon-primary{min-height:44px;display:inline-flex;align-items:center;gap:.5rem;color:var(--fg-muted);font-size:.88rem;cursor:pointer}.subathon-primary{color:var(--fg);font-weight:500;margin-top:.25rem}.subathon-primary input[type=radio]{width:18px;height:18px;accent-color:var(--accent, #9389e4)}.subathon-metrics-list{display:flex;flex-direction:column;gap:1rem}.subathon-metric{border:1px solid var(--border);border-radius:var(--r-lg);padding:1.1rem;display:flex;flex-direction:column;gap:1rem;background:#ffffff05}.subathon-metric>legend{padding:0 .4rem;color:var(--accent, #9389e4);font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.4rem}.subathon-metric>legend span{margin-left:.35rem;padding:.14rem .5rem;border-radius:999px;color:var(--fg);background:#9389e42e;border:1px solid rgba(147,137,228,.35);font-size:.65rem}.subathon-metric-grid{display:grid;grid-template-columns:140px 1fr 140px;gap:.85rem;align-items:end}.subathon-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;align-items:end;padding:.9rem;border:1px solid var(--border);border-radius:var(--r);background:#00000026}.subathon-rules>span,.subathon-section-head>span{grid-column:1 / -1;color:var(--accent, #9389e4);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.4rem}.subathon-rules label{display:flex;flex-direction:column;gap:.3rem;color:var(--fg-muted);font-size:.76rem}.subathon-rules input{min-width:0}.subathon-rule-inline{flex-direction:row!important;align-items:center;gap:.5rem!important;flex-wrap:wrap}.subathon-rule-inline input{width:72px;text-align:center}.subathon-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.subathon-milestone-row{display:grid;grid-template-columns:minmax(140px,1fr) 100px minmax(180px,1.5fr) auto;gap:.55rem;align-items:center}.subathon-media-field{display:flex;align-items:center;gap:.45rem;min-width:0}.subathon-media-field img{width:32px;height:32px;object-fit:cover;border-radius:6px;border:1px solid var(--border);flex-shrink:0}.subathon-media-field input{min-width:0;flex:1}.subathon-media-field .btn{white-space:nowrap;font-size:.78rem}.subathon-media-field .btn.busy{opacity:.65}.subathon-remove-metric{align-self:flex-start}.subathon-add-metric{width:100%;justify-content:center;border:1px dashed var(--border);padding:.75rem}.subathon-preview{border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:1.25rem;background:#0e0d22eb;box-shadow:inset 0 1px #ffffff14,0 12px 40px #00000040}.subathon-preview-top,.subathon-preview-clocks{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.subathon-preview-top span{display:inline-flex;align-items:center;gap:.5rem;color:#f8f7fff2;font-weight:800;font-size:1.05rem}.subathon-preview-top strong,.subathon-preview-clocks strong{font-variant-numeric:tabular-nums;color:#f8f7fff2}.subathon-preview-bar,.subathon-preview-track>div:last-child{height:10px;overflow:hidden;border-radius:999px;background:#ffffff1f}.subathon-preview-bar{margin:1rem 0}.subathon-preview-bar div,.subathon-preview-tracks i{display:block;height:100%;border-radius:inherit;background:var(--pink)}.subathon-preview-clocks{color:#f8f7ffa6;font-size:.82rem}.subathon-preview-clocks span{display:flex;flex-direction:column;gap:.25rem}.subathon-preview-clocks strong{font-size:1.05rem;color:#a78bfa}.subathon-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.subathon-preview-stats>div{border:1px solid var(--border);border-radius:var(--r);padding:.85rem .5rem;text-align:center;background:#ffffff08;display:flex;flex-direction:column;gap:.25rem}.subathon-preview-stats>div span{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted)}.subathon-preview-stats>div strong{font-size:1.1rem;font-weight:800;color:var(--accent, #9389e4)}.subathon-builder-actions{justify-content:flex-end;flex-wrap:wrap;gap:.65rem;margin-top:auto}@media(max-width:1100px){.subathon-builder{grid-template-columns:1fr;gap:1.75rem}.subathon-builder-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.subathon-side-label{grid-column:1 / -1}.subathon-preview{grid-column:1 / 2}.subathon-preview-stats{grid-column:2 / 3;grid-template-columns:1fr}.subathon-builder-actions{grid-column:1 / -1;margin-top:0}}@media(max-width:760px){.subathon-title-row,.subathon-metric-grid{grid-template-columns:1fr}.subathon-rules{grid-template-columns:1fr 1fr}.subathon-milestone-row{grid-template-columns:1fr 100px}.subathon-milestone-row .subathon-media-field,.subathon-milestone-row>button{grid-column:1 / -1}.subathon-builder-side{display:flex;flex-direction:column}.subathon-preview-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.subathon-preview-stats{grid-template-columns:1fr}}.subathon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1rem}.subathon-card{border:1px solid var(--border);border-radius:10px;padding:1rem;background:var(--card);box-shadow:var(--shadow-card)}.subathon-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.subathon-card-head span{display:block;font-weight:800}.subathon-card-head small,.subathon-card-head strong{color:var(--fg-muted);font-size:.76rem}.subathon-card-value{display:flex;align-items:baseline;gap:.4rem;margin:.8rem 0 .5rem}.subathon-card-value span{font-size:1.5rem;font-weight:900;font-variant-numeric:tabular-nums}.subathon-card-value em{color:var(--fg-muted);font-style:normal}.subathon-card-tracks{display:flex;flex-direction:column;gap:.45rem;margin-top:.85rem}.subathon-card-tracks>div{display:grid;grid-template-columns:70px minmax(0,1fr) 58px;gap:.45rem;align-items:center;color:var(--fg-muted);font-size:.74rem}.subathon-card-tracks div div{height:6px;border-radius:999px;overflow:hidden;background:#ffffff1a}.subathon-card-tracks i{display:block;height:100%;border-radius:inherit;background:var(--accent, #9389e4)}.subathon-timer-controls{display:grid;gap:.55rem;margin-top:.85rem;padding:.72rem;border:1px solid var(--border);border-radius:10px;background:#ffffff0b}.subathon-timer-readout{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.55rem;align-items:baseline}.subathon-timer-readout span,.subathon-timer-readout em{color:var(--fg-muted);font-size:.72rem;font-style:normal}.subathon-timer-readout strong{font-size:1rem;font-variant-numeric:tabular-nums}.subathon-timer-buttons,.subathon-timer-set{display:flex;flex-wrap:wrap;gap:.35rem}.subathon-timer-buttons .btn,.subathon-timer-set .btn{min-height:32px;padding:.22rem .58rem;font-size:.74rem}.subathon-timer-set input{width:76px;min-height:32px}.subathon-card-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}@media(max-width:980px){.subathon-builder{grid-template-columns:1fr}.subathon-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.subathon-title-row,.subathon-metric-grid,.subathon-milestone-row{grid-template-columns:1fr}.subathon-media-field{grid-template-columns:minmax(0,1fr) auto}.subathon-media-field img{display:none}.subathon-card-tracks>div{grid-template-columns:64px minmax(0,1fr)}.subathon-card-tracks small{display:none}.subathon-timer-readout{grid-template-columns:1fr}}.panel-modal-card .testing-toolbar{position:static;transform:none;flex-direction:column;align-items:stretch;gap:.6rem;width:320px;max-width:min(540px,calc(100vw - 8rem));max-height:calc(100vh - 120px);padding:.9rem;border-radius:16px;z-index:auto;-webkit-backdrop-filter:none;backdrop-filter:none}.panel-modal-card .testing-toolbar-title{padding:0;font-size:.62rem}.panel-modal-card .testing-actions{flex-wrap:wrap;align-items:stretch;gap:.4rem;overflow-x:visible;max-height:52vh;overflow-y:auto;padding-right:2px}.panel-modal-card .testing-actions .test-chip{flex:1 1 auto;min-width:96px;justify-content:center}.panel-modal-card .segmented-control{width:100%}.panel-modal-card .segmented-control button{flex:1}.panel-modal-card .test-chip.auto{width:100%}.canvas-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4.6rem 2.35rem 2.35rem;background:transparent}.workspace-canvas{flex-shrink:0;position:relative;background:radial-gradient(circle at 47% 43%,rgba(133,144,246,.22) 0 2px,transparent 3px),radial-gradient(circle,rgba(255,255,255,.095) 1px,transparent 1px),#4b3167f5;background-size:420px 360px,24px 24px,auto;border:1px solid rgba(255,255,255,.16);border-radius:20px;box-shadow:0 26px 70px #251c5261,inset 0 1px #ffffff14;overflow:hidden;cursor:default;-webkit-user-select:none;user-select:none}.canvas-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,rgba(170,160,228,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(170,160,228,.08) 1px,transparent 1px);background-size:20px 20px;opacity:.75}.canvas-safe-area{position:absolute;pointer-events:none;z-index:1;border:1px solid rgba(190,178,255,.18);background:#beb2ff05}.canvas-safe-area:before{content:"Zona segura";position:absolute;top:-1.05rem;left:0;color:#ded8ff2e;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.canvas-guide{position:absolute;pointer-events:none;z-index:999;background:#b6b0ffeb;box-shadow:0 0 0 1px #b6b0ff3d,0 0 18px #b6b0ff61}.canvas-guide.vertical{top:0;bottom:0;width:1px}.canvas-guide.horizontal{left:0;right:0;height:1px}.widget-wrapper{position:absolute;cursor:grab;border:1px solid rgba(219,211,255,.3);border-radius:4px;overflow:hidden;transition:border-color 80ms,box-shadow 80ms;background:transparent}.widget-wrapper:hover{border-style:solid;border-color:#dbd3ff5c}.widget-wrapper.selected{border-style:solid;border-color:#b0b2ff9e;box-shadow:0 0 0 1px #b0b2ff47}.widget-wrapper:active{cursor:grabbing}.widget-header-tag{position:absolute;top:0;left:0;right:0;z-index:2;padding:2px 8px;background:#0009;color:#ffffffb3;font-size:10px;font-family:var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:1}.iframe-container{width:100%;height:100%}.iframe-container iframe{width:100%;height:100%;border:none;display:block;background:transparent}.dimensions-indicator{position:absolute;bottom:-1px;right:0;font-size:9px;font-family:var(--font-mono);color:#d0cfff94;background:transparent;padding:1px 5px;pointer-events:none;white-space:nowrap}.widget-wrapper .resize-handle{z-index:3}.widget-wrapper:hover .resize-handle,.widget-wrapper.selected .resize-handle{opacity:1}.board-hint{position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%);font-size:.7rem;color:#ffffff61;pointer-events:none;white-space:nowrap;z-index:0}.board-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--fg-muted);font-size:.92rem}.board-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--fg-muted);text-align:center}.board-error .btn-back{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1.1rem;border-radius:999px;background:#ffffff12;border:1px solid var(--border);color:var(--fg);font-size:.85rem;font-weight:600;text-decoration:none;transition:all .14s var(--ease-out)}.board-error .btn-back:hover{background:#ffffff1f;text-decoration:none}@media(max-width:768px){:root{--sidebar-w: 0px}.sidebar{display:none}.overlay-grid{grid-template-columns:1fr 1fr}.page-header{flex-direction:column;align-items:flex-start}.board-header{left:1rem;right:1rem}.testing-toolbar{top:4.5rem;left:4.85rem;right:1rem;transform:none;max-width:none}.floating-sidebar{left:1rem;top:4.5rem}.floating-popover{left:4.25rem;top:4.5rem}.canvas-tool-panel{right:1rem;bottom:3.6rem}.canvas-container{padding:6.4rem 1rem 2.7rem}}@media(max-width:480px){.overlay-grid{grid-template-columns:1fr}.page-content{padding:var(--sp-4) var(--sp-4)}.testing-toolbar-title,.segmented-control{display:none}.testing-toolbar{overflow:hidden}.test-chip{padding-inline:.5rem}.canvas-tool-panel{left:4.25rem;right:auto}}.asset-upload-zone{border:2px dashed rgba(255,255,255,.12);border-radius:var(--r-lg);padding:var(--sp-6) var(--sp-5);text-align:center;color:var(--fg-muted);font-size:.88rem;cursor:pointer;transition:all .16s var(--ease-out);margin-bottom:var(--sp-5);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.asset-upload-zone:hover,.asset-upload-zone.dragging{border-color:var(--purple);color:var(--purple-light);background:color-mix(in srgb,var(--pink) 8%,var(--surface))}.asset-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.asset-filter-tabs{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px;background:#ffffff0b}.asset-filter-tabs button{min-height:34px;padding:.35rem .75rem;border:none;border-radius:999px;background:transparent;color:var(--fg-muted);font-size:.78rem;font-weight:700;transition:background .14s var(--ease-out),color .14s var(--ease-out)}.asset-filter-tabs button:hover{background:color-mix(in srgb,var(--pink) 12%,var(--surface));color:var(--fg)}.asset-filter-tabs button.active{background:var(--pill-primary);color:var(--pill-primary-ink)}.upload-progress-list{display:grid;gap:var(--sp-2);margin:calc(-1 * var(--sp-3)) 0 var(--sp-5)}.upload-progress-item{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r);background:#ffffff09;color:var(--fg-muted);font-size:.8rem}.upload-progress-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress-item strong{color:var(--fg);font-variant-numeric:tabular-nums;font-size:.78rem}.upload-progress-track{height:6px;overflow:hidden;border-radius:999px;background:#ffffff14}.upload-progress-track div{height:100%;border-radius:inherit;background:var(--pink-grad);transition:width .16s var(--ease-out)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-4)}.asset-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s var(--ease-out),box-shadow .2s ease,border-color .2s ease}.asset-card:hover{transform:translateY(-2px);box-shadow:0 10px 32px #0000004d;border-color:color-mix(in srgb,var(--pink) 35%,var(--border))}.asset-thumb{aspect-ratio:4/3;background:var(--surface-solid);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--fg-muted)}.asset-thumb img{width:100%;height:100%;object-fit:cover}.asset-info{padding:var(--sp-3);display:flex;flex-direction:column;gap:3px;flex:1}.asset-name{font-size:.85rem;font-weight:600;color:var(--fg);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-meta{font-size:.72rem;color:var(--fg-muted);margin:0}.asset-token{font-size:.68rem;background:color-mix(in srgb,var(--pink) 12%,var(--surface));color:var(--purple-light);padding:2px 6px;border-radius:4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;transition:background .12s}.asset-token:hover{background:color-mix(in srgb,var(--pink) 15%,var(--surface))}.asset-actions{display:flex;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--border)}.goal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-4)}.goal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);display:flex;flex-direction:column;transition:transform .2s var(--ease-out),box-shadow .2s ease,border-color .2s ease}.goal-card:hover{transform:translateY(-2px);box-shadow:0 10px 32px #0000004d;border-color:color-mix(in srgb,var(--pink) 30%,var(--border))}.goal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-3)}.goal-key{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--purple-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-amounts{display:flex;align-items:baseline;gap:var(--sp-2)}.goal-current{font-size:1.5rem;font-weight:800;color:var(--fg);font-variant-numeric:tabular-nums}.goal-sep{color:var(--fg-muted);font-size:1rem}.goal-target{font-size:.95rem;color:var(--fg-muted);font-variant-numeric:tabular-nums}.ovx-shell{display:grid;grid-template-rows:48px 1fr 28px;flex:1;min-height:0;height:100%;background:var(--ovx-bg);color:var(--ovx-fg);overflow:hidden}.ovx-shell-new{display:flex;align-items:center;justify-content:center}.ovx-topbar{display:flex;align-items:center;gap:1.25rem;padding:0 .85rem;background:var(--ovx-bg-2);border-bottom:1px solid var(--ovx-border)}.ovx-logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-head, inherit);font-weight:600;font-size:.9rem;min-width:0}.ovx-logo svg{width:18px;height:18px;color:var(--ovx-ok)}.ovx-heading-name{margin:0;font:inherit;color:inherit}.ovx-logo span,.ovx-heading-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.ovx-back-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--ovx-muted);flex-shrink:0;transition:background .15s,color .15s}.ovx-back-btn:hover{background:var(--ovx-bg-3);color:var(--ovx-fg)}.ovx-back-btn svg{width:18px;height:18px;color:inherit}.ovx-tools{display:flex;align-items:center;gap:2px;background:var(--ovx-bg-3);padding:4px;border-radius:8px}.ovx-tools button{width:28px;height:28px;border:0;border-radius:5px;background:transparent;color:var(--ovx-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s}.ovx-tools button svg{width:15px;height:15px}.ovx-tools button:hover:not(:disabled){background:#ffffff0f;color:var(--ovx-fg)}.ovx-tools button.active{background:var(--ovx-accent);color:#1a0e16}.ovx-tools button:disabled{opacity:.35;cursor:not-allowed}.ovx-tool-divider{width:1px;height:18px;background:var(--ovx-border-2);margin:0 3px}.ovx-topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.ovx-chip{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;padding:5px 10px;border-radius:6px;cursor:pointer;text-decoration:none;background:var(--ovx-bg-3);border:1px solid var(--ovx-border);color:var(--ovx-fg);transition:border-color .12s,background .12s}.ovx-chip svg{width:14px;height:14px}.ovx-chip:hover{border-color:var(--ovx-border-2)}.ovx-chip.active{border-color:var(--ovx-accent);color:var(--ovx-accent)}.ovx-chip.ok{color:var(--ovx-ok);border-color:#4fe0a866}.ovx-output-pending{cursor:default;color:var(--ovx-muted)}.ovx-publication-wrap{position:relative}.ovx-publication-chip{color:var(--ovx-accent);border-color:color-mix(in srgb,var(--ovx-accent) 45%,transparent)}.ovx-publication-chip.warning{color:var(--warning, #f5b12c);border-color:color-mix(in srgb,var(--warning, #f5b12c) 55%,transparent)}.ovx-publication-chip:disabled{cursor:wait}.ovx-spin{animation:ovx-spin .9s linear infinite}.ovx-publication-popover{position:absolute;z-index:20;top:calc(100% + 8px);right:0;width:min(360px,82vw);padding:12px;border:1px solid var(--ovx-border-2);border-radius:9px;background:var(--ovx-bg-2);box-shadow:0 16px 40px #00000059;color:var(--ovx-fg);font-size:.73rem}.ovx-publication-popover-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ovx-publication-popover-head button{display:inline-flex;border:0;background:transparent;color:var(--ovx-muted);cursor:pointer;padding:2px}.ovx-publication-popover-head svg{width:14px;height:14px}.ovx-publication-popover ul{display:grid;gap:7px;margin:10px 0;padding:0;list-style:none;color:var(--ovx-muted)}.ovx-publication-popover li{display:grid;gap:2px}.ovx-publication-popover li code{width:fit-content;background:transparent;color:var(--ovx-accent);padding:0}.ovx-publication-accept{width:100%;border:1px solid color-mix(in srgb,var(--ovx-accent) 50%,transparent);border-radius:6px;padding:7px 9px;background:transparent;color:var(--ovx-accent);cursor:pointer;font-size:.72rem;font-weight:700}.ovx-publication-accept:hover{background:color-mix(in srgb,var(--ovx-accent) 10%,transparent)}@keyframes ovx-spin{to{transform:rotate(360deg)}}.ovx-main{display:grid;grid-template-columns:262px 1fr 288px;min-height:0;overflow:hidden}.ovx-left{background:var(--ovx-bg-2);border-right:1px solid var(--ovx-border);display:flex;flex-direction:column;min-height:0;position:relative}.ovx-left-body.ovx-accordion{flex:1;overflow-y:auto;padding:0}.ovx-accordion-section{border-bottom:1px solid var(--ovx-border)}.ovx-accordion-section:last-child{border-bottom:0}.ovx-accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 10px;background:transparent;border:0;cursor:pointer;text-align:left;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--ovx-fg)}.ovx-accordion-header:hover{background:#ffffff08}.ovx-accordion-header span{display:inline-flex;align-items:center;gap:6px}.ovx-accordion-header svg{width:13px;height:13px}.ovx-accordion-header>svg{color:var(--ovx-muted)}.ovx-accordion-body{padding:0 10px 14px}.ovx-search{display:flex;align-items:center;gap:6px;background:var(--ovx-bg-3);border:1px solid var(--ovx-border);border-radius:6px;padding:6px 8px;margin-bottom:14px}.ovx-search svg{width:13px;height:13px;color:var(--ovx-muted);flex-shrink:0}.ovx-search input{background:transparent;border:0;outline:none;color:var(--ovx-fg);font-size:.78rem;width:100%}.ovx-group-title{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ovx-muted);font-weight:700;margin:14px 4px 8px;display:flex;align-items:center;justify-content:space-between}.ovx-group-title:first-child{margin-top:0}.ovx-empty{color:var(--ovx-muted);font-size:.78rem;padding:8px 4px;line-height:1.4}.ovx-layers{display:flex;flex-direction:column;gap:1px}.ovx-layer{display:flex;align-items:center;gap:8px;padding:3px 8px;border-radius:5px;cursor:pointer;border-left:2px solid transparent;font-size:.8rem}.ovx-layer-select{display:flex;flex:1;align-items:center;gap:8px;min-width:0;min-height:24px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.ovx-layer-select:focus-visible{outline:2px solid var(--ovx-accent);outline-offset:2px;border-radius:4px}.ovx-layer:hover{background:#ffffff0a}.ovx-layer.active{background:#ff7aa81a;border-left-color:var(--ovx-accent);color:var(--ovx-accent)}.ovx-layer.is-hidden{opacity:.5}.ovx-layer-icon{display:flex}.ovx-layer-icon svg{width:13px;height:13px}.ovx-layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ovx-layer-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s}.ovx-layer:hover .ovx-layer-actions,.ovx-layer.active .ovx-layer-actions,.ovx-layer:focus-within .ovx-layer-actions{opacity:1}.ovx-layer-actions button{background:transparent;border:0;width:24px;height:24px;padding:0;border-radius:4px;color:var(--ovx-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.ovx-layer-actions button:hover{color:var(--ovx-fg);background:#ffffff1a}.ovx-layer-actions svg{width:12px;height:12px}.ovx-add-title{margin-top:22px}.ovx-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ovx-quick-card{min-height:58px;padding:12px 12px 11px;border-radius:10px;background:var(--ovx-bg-3);border:1px solid var(--ovx-border);color:var(--ovx-fg);font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;text-align:left;transition:border-color .12s,background .12s,transform .12s}.ovx-quick-card:hover:not(:disabled){border-color:#ffffff29;background:#ffffff0b;transform:translateY(-1px)}.ovx-quick-card:focus-visible{outline:2px solid var(--ovx-accent);outline-offset:2px}.ovx-quick-card:disabled{opacity:.48;cursor:not-allowed;transform:none}.ovx-quick-card-icon{width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);color:var(--ovx-accent)}.ovx-goal-creator{display:grid;gap:12px;margin:10px 0 14px;padding:14px;border:1px solid var(--ovx-border-2);border-radius:12px;background:var(--ovx-bg-3)}.ovx-goal-creator-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ovx-goal-creator-head>div{display:grid;gap:3px}.ovx-goal-creator-head strong{font-size:.88rem}.ovx-goal-creator-head span{color:var(--ovx-muted);font-size:.72rem;line-height:1.4}.ovx-goal-type-list{display:grid;gap:6px}.ovx-goal-type{display:flex;align-items:center;width:100%;min-width:0;min-height:48px;gap:10px;padding:7px 9px;color:var(--ovx-fg);background:var(--ovx-bg-2);border:1px solid var(--ovx-border);border-radius:9px;text-align:left;cursor:pointer}.ovx-goal-type:hover{border-color:var(--ovx-border-2)}.ovx-goal-type:focus-visible{outline:2px solid var(--ovx-accent);outline-offset:2px}.ovx-goal-type:disabled{opacity:.55;cursor:wait}.ovx-goal-type-icon{display:grid;width:30px;height:30px;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--ovx-accent);background:color-mix(in srgb,var(--ovx-accent) 11%,transparent)}.ovx-goal-type-icon svg{width:15px;height:15px}.ovx-goal-type-copy{display:grid;min-width:0;flex:1;gap:1px}.ovx-goal-type-copy strong{font-size:.76rem}.ovx-goal-type-copy small{color:var(--ovx-muted);font-size:.66rem}.ovx-goal-type-action{color:var(--ovx-accent);font-size:.67rem;font-weight:750}.ovx-goal-source-note{margin:0;color:var(--ovx-muted);font-size:.68rem;line-height:1.45}.ovx-goal-properties{display:grid;gap:10px}.ovx-goal-properties-target{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.ovx-goal-properties-target small{min-width:36px;color:var(--ovx-muted);font-size:.68rem}.ovx-goal-properties>button{justify-self:start}.ovx-quick-card-icon svg{width:14px;height:14px}.ovx-quick-card-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ovx-icon-btn{background:transparent;border:0;color:var(--ovx-muted);cursor:pointer;padding:2px;border-radius:4px;display:inline-flex}.ovx-icon-btn:hover{color:var(--ovx-fg);background:#ffffff14}.ovx-icon-btn svg{width:14px;height:14px}.ovx-assets{display:flex;flex-direction:column;gap:10px}.ovx-assets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ovx-asset-card{min-width:0;padding:0;border:1px solid var(--ovx-border);border-radius:12px;background:var(--ovx-bg-3);cursor:pointer;display:flex;flex-direction:column;text-align:left;color:var(--ovx-fg);overflow:hidden;box-shadow:0 8px 24px #0000002e;transition:border-color .12s,background .12s,transform .12s,box-shadow .12s}.ovx-asset-card:hover{border-color:#ffffff29;background:#ffffff0b;transform:translateY(-1px);box-shadow:0 12px 30px #0000003d}.ovx-layer-status{flex-shrink:0;font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:999px;border:1px solid currentColor;white-space:nowrap}.ovx-layer-status-needs-setup,.ovx-layer-status-empty{color:var(--ovx-warn, #d9a441)}.ovx-layer-status-error{color:var(--ovx-danger, #e5484d)}.ovx-piece-status{margin:12px 14px 0;padding:8px 10px;border-radius:8px;font-size:.75rem;line-height:1.4;border:1px solid var(--ovx-border)}.ovx-piece-status-empty{border-color:var(--ovx-warn, #d9a441)}.ovx-piece-status-attention .ovx-section-title{color:var(--ovx-warn, #d9a441)}.ovx-piece-status-attention[data-piece-state=error] .ovx-section-title{color:var(--ovx-danger, #e5484d)}.ovx-asset-card{cursor:default}.ovx-asset-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.ovx-asset-actions button{border:1px solid var(--ovx-border);border-radius:6px;background:transparent;color:var(--ovx-fg);font-size:.68rem;padding:4px 6px;cursor:pointer}.ovx-asset-actions .ovx-asset-primary{background:var(--ovx-accent);border-color:var(--ovx-accent);color:var(--ovx-accent-fg, #fff);font-weight:600}.ovx-asset-actions button:disabled{opacity:.5;cursor:default}.ovx-asset-actions button:focus-visible{outline:2px solid var(--ovx-accent);outline-offset:2px}.ovx-asset-card:focus-visible{outline:2px solid var(--ovx-accent);outline-offset:2px}.ovx-asset-preview{position:relative;aspect-ratio:1.45 / 1;background:#0f141c;border-bottom:1px solid rgba(255,255,255,.06)}.ovx-asset-preview img{width:100%;height:100%;object-fit:cover;display:block}.ovx-asset-preview-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--ovx-muted)}.ovx-asset-preview-fallback svg{width:26px;height:26px}.ovx-asset-badge{position:absolute;left:8px;top:8px;padding:3px 7px;border-radius:999px;background:#0009;border:1px solid rgba(255,255,255,.14);color:#ffffffe6;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ovx-asset-body{display:flex;flex-direction:column;gap:5px;padding:9px 10px 10px;min-width:0}.ovx-asset-name{font-size:.76rem;font-weight:600;line-height:1.25;color:var(--ovx-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ovx-asset-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.62rem;color:var(--ovx-muted);font-family:var(--font-mono)}.ovx-asset-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ovx-events-note{margin:0 0 6px;color:var(--ovx-muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.ovx-events{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.ovx-events li{display:flex;align-items:center;gap:6px;font-size:.72rem;padding:5px 6px;border-radius:5px;background:var(--ovx-bg-3)}.ovx-ev-tag{font-size:.6rem;font-weight:700;text-transform:uppercase;padding:1px 5px;border-radius:4px;background:#ffffff14;color:var(--ovx-muted)}.ovx-ev-twitch{background:#9170f62e;color:#b9a6ff}.ovx-ev-kofi{background:#ff7aa82e;color:var(--ovx-accent)}.ovx-ev-type{flex:1;color:var(--ovx-fg)}.ovx-ev-amount{font-family:var(--font-mono);color:var(--ovx-ok)}.ovx-ev-time{color:var(--ovx-muted);font-size:.64rem}.ovx-add-popover{position:absolute;left:10px;right:10px;bottom:10px;max-height:70%;overflow-y:auto;background:var(--ovx-bg-3);border:1px solid var(--ovx-border-2);border-radius:10px;padding:12px;box-shadow:0 20px 50px #00000080;z-index:20;display:flex;flex-direction:column;gap:10px}.ovx-add-head{display:flex;align-items:center;justify-content:space-between}.ovx-add-head strong{font-size:.85rem}.ovx-canvas-area{background:var(--ovx-bg);position:relative;overflow:auto;display:flex;place-content:safe center;align-items:safe center}.ovx-canvas-area .workspace-canvas{background:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(135deg,#0d1117,#161b24);background-size:24px 24px,auto;border:1px solid var(--ovx-border-2);border-radius:4px;box-shadow:0 20px 60px #00000080}.ovx-canvas-area .workspace-canvas.tool-text{cursor:text}.ovx-empty-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:24px;color:var(--ovx-muted)}.ovx-empty-canvas-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:8px;border-radius:16px;background:var(--ovx-bg-3);border:1px solid var(--ovx-border)}.ovx-empty-canvas-icon svg{width:26px;height:26px;color:var(--ovx-accent)}.ovx-empty-canvas h3{margin:0;font-size:1rem;color:var(--ovx-fg);font-weight:600}.ovx-empty-canvas p{margin:0;max-width:320px;font-size:.82rem;line-height:1.5}.ovx-empty-canvas-actions{display:flex;gap:8px;margin-top:14px;pointer-events:auto}.ovx-text-el{white-space:pre-wrap;word-break:break-word}.ovx-testing-float{position:absolute;right:16px;bottom:16px;width:320px;background:var(--ovx-bg-2);border:1px solid var(--ovx-border-2);border-radius:10px;padding:12px;box-shadow:0 18px 44px #00000080;z-index:30}.ovx-testing-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ovx-right{background:var(--ovx-bg-2);border-left:1px solid var(--ovx-border);overflow-y:auto;overflow-x:hidden;min-height:0;display:flex;flex-direction:column}.ovx-right-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--ovx-border);flex-shrink:0}.ovx-right-tabs{display:flex;gap:2px;padding:6px 8px;border-bottom:1px solid var(--ovx-border);background:var(--ovx-bg-2);flex-shrink:0}.ovx-right-tab{flex:1;padding:6px 4px;border:0;background:transparent;color:var(--ovx-muted);font-size:.68rem;font-weight:600;border-radius:5px;cursor:pointer}.ovx-right-tab:hover{color:var(--ovx-fg);background:#ffffff0a}.ovx-right-tab.active{color:var(--ovx-fg);background:var(--ovx-bg-3)}.ovx-right-body{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.ovx-right-foot{padding:10px 14px;border-top:1px solid var(--ovx-border);flex-shrink:0}.ovx-right-title{font-family:var(--font-head, inherit);font-weight:600;font-size:.88rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ovx-right-badge{font-size:.58rem;font-weight:700;text-transform:uppercase;background:var(--ovx-bg-3);padding:2px 6px;border-radius:4px;color:var(--ovx-muted);font-family:var(--font-mono)}.ovx-section{padding:14px;border-bottom:1px solid var(--ovx-border)}.ovx-section-title{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ovx-muted);font-weight:700;margin-bottom:10px}.ovx-section-title em{color:var(--ovx-ok);font-style:normal;text-transform:none;letter-spacing:0;margin-left:6px}.ovx-style-name{margin:0;font-size:.86rem;font-weight:600;color:var(--ovx-fg)}.ovx-size-presets{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--ovx-bg-2)}.ovx-size-presets button{flex:1;min-height:34px;border:0;border-radius:999px;background:transparent;color:var(--ovx-muted);font-size:.78rem;font-weight:600;cursor:pointer}.ovx-size-presets button[aria-pressed=true]{background:var(--ovx-bg);color:var(--ovx-fg);box-shadow:0 1px 4px #0c2f5524}.ovx-size-presets button:disabled{opacity:.5;cursor:not-allowed}.ovx-goal-summary{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--ovx-border);border-radius:12px;background:var(--ovx-bg-2)}.ovx-goal-summary-head{display:flex;justify-content:space-between;gap:8px;font-size:.82rem;color:var(--ovx-fg)}.ovx-goal-summary-head span{font-variant-numeric:tabular-nums;color:var(--ovx-muted)}.ovx-goal-summary small{font-size:.7rem;color:var(--ovx-muted)}.ovx-inline-details{margin-top:10px}.ovx-inline-details>summary{cursor:pointer;font-size:.8rem;font-weight:600;color:var(--ovx-accent)}.ovx-inline-details[open]>summary{margin-bottom:4px}.ovx-inline-details .ovx-section{padding:10px 0 0;border-bottom:0}.ovx-folds{display:flex;flex-direction:column}.ovx-fold{border-bottom:1px solid var(--ovx-border)}.ovx-fold-head{margin:0}.ovx-fold-head button{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:10px 14px;border:0;background:transparent;color:var(--ovx-fg);text-align:left;cursor:pointer}.ovx-fold-head button:hover{background:var(--ovx-bg-2)}.ovx-fold-head button:focus-visible{outline:2px solid var(--ovx-accent);outline-offset:-2px}.ovx-fold-text{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.ovx-fold-label{font-size:.84rem;font-weight:700}.ovx-fold-hint{font-size:.72rem;font-weight:400;color:var(--ovx-muted)}.ovx-fold-chevron{width:16px;height:16px;flex:none;color:var(--ovx-muted);transition:transform .15s ease}.ovx-fold.is-open .ovx-fold-chevron{transform:rotate(90deg)}.ovx-fold-body .ovx-section:last-child{border-bottom:0}@media(prefers-reduced-motion:reduce){.ovx-fold-chevron{transition:none}}.ovx-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;padding:0;border-radius:10px;color:var(--ovx-muted)}.ovx-icon-btn:hover{background:var(--ovx-bg-2);color:var(--ovx-fg)}.ovx-logo{gap:8px}.ovx-topbar .ovx-tools{background:transparent;padding:0;gap:2px}.ovx-topbar .ovx-tools button{width:34px;height:34px}.ovx-bb-spacer{flex:1}.ovx-bottombar{gap:8px}.ovx-bb-view{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:0 10px;border:1px solid var(--ovx-border);border-radius:999px;background:var(--ovx-bg);color:var(--ovx-fg);font:inherit;font-weight:600;cursor:pointer}.ovx-bb-view svg{width:13px;height:13px}.ovx-view-options{display:flex;flex-direction:column;gap:2px;min-width:220px}.ovx-view-options button{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--ovx-fg);font-size:.8rem;text-align:left;cursor:pointer}.ovx-view-options button:hover{background:var(--ovx-bg-2)}.ovx-view-options button svg{width:16px;height:16px;color:var(--ovx-muted)}.ovx-view-options button span{flex:1}.ovx-view-options .ovx-view-check{color:var(--ovx-accent)}.ovx-heading-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ovx-quickbar-primary{white-space:nowrap}@media(max-width:900px){.ovx-topbar .ovx-tools{display:none}}.ovx-style-options{display:flex;flex-wrap:wrap;gap:6px}.ovx-style-options button{min-height:34px;padding:0 12px;border:1px solid var(--ovx-border);border-radius:999px;background:var(--ovx-bg);color:var(--ovx-fg);font-size:.78rem;font-weight:600;cursor:pointer}.ovx-style-options button:hover:not(:disabled){border-color:var(--ovx-accent)}.ovx-style-options button[aria-pressed=true]{border-color:var(--ovx-accent);background:var(--ovx-accent);color:var(--ovx-on-accent, #fff);cursor:default}.ovx-quickbar{position:absolute;z-index:30;display:flex;align-items:center;gap:2px;padding:4px;border-radius:14px;background:var(--ovx-bg);border:1px solid var(--ovx-border);box-shadow:0 10px 24px #0c2f5538}.ovx-quickbar>button,.ovx-quickbar-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;height:36px;padding:0 8px;border:0;border-radius:10px;background:transparent;color:var(--ovx-muted);cursor:pointer}.ovx-quickbar>button:hover:not(:disabled),.ovx-quickbar-primary:hover:not(:disabled){background:var(--ovx-bg-2);color:var(--ovx-fg)}.ovx-quickbar svg{width:16px;height:16px}.ovx-quickbar-primary{padding:0 10px;background:var(--ovx-bg-2);color:var(--ovx-accent);font-size:.78rem;font-weight:700}.ovx-quickbar-danger{color:var(--ovx-danger, #c2410c)!important}.ovx-quickbar button:disabled{opacity:.5;cursor:not-allowed}.ovx-quickbar-styles{position:relative}.ovx-quickbar-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:31;min-width:190px;margin:0;padding:4px;list-style:none;border-radius:12px;background:var(--ovx-bg);border:1px solid var(--ovx-border);box-shadow:0 12px 28px #0c2f553d}.ovx-quickbar-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:34px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--ovx-fg);font-size:.8rem;text-align:left;cursor:pointer}.ovx-quickbar-menu button:hover:not(:disabled){background:var(--ovx-bg-2)}.ovx-quickbar-menu button[aria-pressed=true]{color:var(--ovx-accent);font-weight:700;cursor:default;opacity:1}.ovx-align{display:flex;gap:2px;background:var(--ovx-bg-3);padding:3px;border-radius:6px;margin-bottom:8px}.ovx-align button{flex:1;height:28px;border:0;border-radius:4px;background:transparent;color:var(--ovx-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.ovx-align button svg{width:14px;height:14px}.ovx-align button:hover{background:#ffffff0f;color:var(--ovx-fg)}.ovx-layer-ops{display:flex;gap:6px;flex-wrap:wrap}.ovx-layer-ops button{flex:1;min-width:70px;padding:6px;border-radius:5px;background:var(--ovx-bg-3);border:1px solid var(--ovx-border);color:var(--ovx-fg);font-size:.72rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px}.ovx-layer-ops button svg{width:12px;height:12px}.ovx-layer-ops button:hover{border-color:var(--ovx-border-2)}.ovx-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ovx-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.ovx-field span{font-size:.64rem;color:var(--ovx-muted);font-family:var(--font-mono)}.ovx-field input,.ovx-field select,.ovx-field textarea,.ovx-select{background:var(--ovx-bg-3);border:1px solid var(--ovx-border);border-radius:5px;padding:6px 8px;color:var(--ovx-fg);font-size:.76rem;outline:none;width:100%;font-family:var(--font, inherit)}.ovx-field input:focus,.ovx-field select:focus,.ovx-field textarea:focus,.ovx-select:focus{border-color:var(--ovx-accent)}.ovx-select{display:block}.ovx-grid2 .ovx-field{margin-bottom:0}.ovx-scrub-label{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;width:fit-content;display:inline-flex;align-items:center;gap:3px}.ovx-scrub-label:before{content:"";width:7px;height:7px;flex-shrink:0;opacity:.45;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 2px)}.ovx-scrub-label:hover{color:var(--ovx-fg)}.ovx-field-scrub input::-webkit-outer-spin-button,.ovx-field-scrub input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ovx-field-scrub input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.ovx-section-actions{display:flex;flex-direction:column;gap:8px;border-bottom:0}.ovx-fullbtn{width:100%;justify-content:center}.ovx-fullbtn.ovx-danger{color:#ff7a7a}.ovx-bottombar{display:flex;align-items:center;gap:0;padding:0 10px;background:var(--ovx-bg-2);border-top:1px solid var(--ovx-border);font-size:.66rem;color:var(--ovx-muted);font-family:var(--font-mono)}.ovx-bb-item{padding:0 10px;height:100%;display:flex;align-items:center;border-right:1px solid var(--ovx-border)}.ovx-bb-zoom{margin-left:auto;display:flex;align-items:center;gap:4px}.ovx-bb-zoom button{background:transparent;border:0;color:var(--ovx-muted);cursor:pointer;padding:2px;display:flex}.ovx-bb-zoom button:hover:not(:disabled){color:var(--ovx-fg)}.ovx-bb-zoom button:disabled{opacity:.4;cursor:default}.ovx-bb-zoom button svg{width:13px;height:13px}.ovx-bb-zoom span{width:40px;text-align:center}.ovx-bb-zoom-val{width:42px;justify-content:center;font-family:var(--font-mono);font-size:.66rem;border-radius:4px}.ovx-bb-zoom-val:hover:not(:disabled){background:var(--ovx-bg-3)}.ovx-journal-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:#f5b12c1f;border-bottom:1px solid rgba(245,177,44,.35);color:var(--ovx-fg);font-size:.75rem}.ovx-journal-notice[role=alert]{background:#e86c6524;border-color:#e86c6559}.ovx-journal-actions{display:inline-flex;align-items:center;gap:6px}.ovx-journal-notice button{border:1px solid currentColor;border-radius:5px;padding:4px 8px;background:transparent;color:inherit;font-size:.7rem;font-weight:700}.ovx-journal-notice button:hover{background:#ffffff14}.ovx-code-drawer{position:absolute;left:262px;right:288px;bottom:28px;background:var(--ovx-bg-2);border-top:1px solid var(--ovx-border-2);border-radius:10px 10px 0 0;z-index:40;display:flex;flex-direction:column;box-shadow:0 -18px 44px #00000080}.ovx-code-drawer.is-expanded{top:60px;height:auto!important;border-radius:10px}.ovx-code-resize{position:absolute;top:-3px;left:0;right:0;height:8px;cursor:ns-resize;z-index:2}.ovx-code-resize:after{content:"";position:absolute;top:3px;left:50%;transform:translate(-50%);width:38px;height:3px;border-radius:999px;background:var(--ovx-border-2);transition:background .12s}.ovx-code-resize:hover:after{background:var(--ovx-accent)}.ovx-code-head{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--ovx-border);flex-shrink:0}.ovx-code-tabs{display:flex;gap:2px;background:var(--ovx-bg-3);padding:3px;border-radius:6px}.ovx-code-tabs button{border:0;background:transparent;color:var(--ovx-muted);font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:4px;cursor:pointer}.ovx-code-tabs button{min-height:40px}.ovx-code-tabs button:focus-visible,.ovx-code-drawer .ovx-icon-btn:focus-visible{outline:2px solid var(--ovx-accent);outline-offset:2px}.ovx-code-drawer .ovx-icon-btn{min-width:40px;min-height:40px;align-items:center;justify-content:center}.ovx-code-tabs button.active{background:var(--ovx-accent);color:#1a0e16}.ovx-code-title{flex:1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ovx-code-actions{display:flex;align-items:center;gap:8px}.ovx-code-body{flex:1;min-height:0;overflow:hidden;display:flex}.ovx-code-body>*{flex:1;min-height:0}.ovx-code-body .cm-editor{height:100%}.ovx-code-body .cm-scroller{overflow:auto}.ovx-code-loading{padding:20px;color:var(--ovx-muted);font-size:.8rem}.ovx-setup-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ovx-setup-backdrop::backdrop{background:transparent}.ovx-setup-card{width:420px;background:var(--surface-solid, #161b24);border:1px solid var(--ovx-border);border-radius:16px;box-shadow:0 24px 60px #00000080;overflow:hidden}.ovx-setup-head{padding:1rem 1.25rem;border-bottom:1px solid var(--ovx-border);background:#ffffff08}.ovx-setup-head h2{margin:0;font-size:1rem;font-weight:700}.ovx-fullmsg{display:flex;flex:1;min-height:60vh;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--ovx-muted)}.ovx-back-link{color:var(--ovx-accent);text-decoration:none;font-weight:600}.ovx-emulate-wrap{position:relative}.ovx-emulate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.ovx-emulate-menu{position:absolute;right:0;top:calc(100% + 8px);width:304px;z-index:61;background:var(--ovx-bg-3);border:1px solid var(--ovx-border-2);border-radius:12px;box-shadow:0 22px 50px #0000008c;overflow:hidden}.ovx-emulate-head{background:linear-gradient(135deg,var(--ovx-accent),#c45c9a);color:#1a0e16;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:8px 12px}.ovx-emulate-head span{font-weight:600;opacity:.75;text-transform:none;letter-spacing:0}.ovx-emulate-menu .testing-toolbar{position:static;transform:none;z-index:auto;width:auto;max-width:none;padding:10px;display:flex;flex-direction:column;gap:8px;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.ovx-emulate-menu .testing-actions{display:flex;flex-wrap:wrap;overflow-x:visible;gap:6px}.ovx-emulate-menu .test-chip.auto{width:100%}.ovx-emu-list{padding:6px;display:flex;flex-direction:column;gap:1px;max-height:74vh;overflow-y:auto}.ovx-emu-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 12px;border:0;background:transparent;border-radius:8px;color:var(--ovx-fg);font-size:.82rem;font-weight:500;text-align:left;cursor:pointer;transition:background .12s,color .12s}.ovx-emu-item:hover:not(:disabled){background:#ffffff0f}.ovx-emu-item:disabled{opacity:.55;cursor:default}.ovx-emu-item.is-done{color:var(--ovx-ok)}.ovx-emu-chev{width:15px;height:15px;color:var(--ovx-muted);transition:transform .15s,color .15s}.ovx-emu-cat.is-open>.ovx-emu-item{color:var(--ovx-accent)}.ovx-emu-cat.is-open .ovx-emu-chev{transform:rotate(90deg);color:var(--ovx-accent)}.ovx-emu-check{width:15px;height:15px}.ovx-emu-tag{font-size:.78rem;color:var(--ovx-muted)}.ovx-emu-sub{padding:2px 10px 8px 16px}.ovx-emu-opts{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.ovx-emu-opt{flex:1 1 auto;min-width:64px;min-height:32px;padding:5px 10px;border:1px solid var(--ovx-border);border-radius:7px;background:var(--ovx-bg-2);color:var(--ovx-fg);font-size:.76rem;font-weight:600;cursor:pointer;transition:border-color .12s,background .12s,color .12s}.ovx-emu-opt:hover:not(:disabled){border-color:var(--ovx-accent);background:#ff7aa814}.ovx-emu-opt:disabled{opacity:.55;cursor:default}.ovx-emu-opt.is-done{color:var(--ovx-ok);border-color:var(--ovx-ok)}.ovx-emu-custom{display:flex;gap:5px;align-items:center;flex:1 1 100%;margin-top:2px}.ovx-emu-custom input{flex:1;min-width:0;height:32px;padding:2px 10px;border-radius:7px;border:1px solid var(--ovx-border);background:var(--ovx-bg-2);color:var(--ovx-fg);font-size:.78rem;outline:none}.ovx-emu-custom input:focus{border-color:var(--ovx-accent)}.ovx-emu-custom .ovx-emu-opt{flex:0 0 auto;min-width:0}.ovx-emu-text{flex:1 1 100%;min-width:0;height:32px;padding:2px 10px;border-radius:7px;border:1px solid var(--ovx-border);background:var(--ovx-bg-2);color:var(--ovx-fg);font-size:.78rem;outline:none}.ovx-emu-text:focus{border-color:var(--ovx-accent)}.ovx-left .testing-toolbar{position:static;transform:none;z-index:auto;width:100%;max-width:none;flex-direction:column;align-items:stretch;gap:8px;padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.ovx-left .testing-actions{flex-direction:column;flex-wrap:nowrap;overflow-x:visible;gap:1px;align-items:stretch}.ovx-left .test-chip{width:100%;justify-content:flex-start;min-height:34px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--ovx-fg);font-size:.82rem;font-weight:500;text-align:left}.ovx-left .test-chip:hover:not(:disabled){background:#ffffff0f;border-color:transparent}.ovx-left .test-chip.ok{color:var(--ovx-ok);background:transparent}.ovx-left .test-chip.fail{color:var(--ovx-danger, #e86c65);background:transparent}.ovx-left .test-chip.auto{width:100%;justify-content:center;margin-top:6px;font-weight:700;background:#8077ca80;border:1px solid rgba(165,156,255,.35);border-radius:8px}.ovx-left .testing-empty{white-space:normal}.ovx-group-title-icon{justify-content:flex-start;gap:6px}.ovx-group-title-icon svg{width:13px;height:13px}.ovx-widget-groups{display:flex;flex-direction:column;gap:2px}.ovx-widget-cat-group+.ovx-widget-cat-group{margin-top:10px}.ovx-widget-cat-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ovx-muted);font-weight:700;margin:0 4px 6px}.ovx-widget-list{display:flex;flex-direction:column;gap:1px}.ovx-widget-row{display:flex;align-items:center;gap:8px;padding:6px;border-radius:6px;cursor:grab;color:var(--ovx-fg);outline:none}.ovx-widget-row:hover{background:#ffffff0d}.ovx-widget-row:active{cursor:grabbing}.ovx-widget-row:focus-visible{outline:2px solid var(--ovx-accent);outline-offset:-2px}.ovx-widget-row.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ovx-widget-row-icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--ovx-accent)}.ovx-widget-row-icon svg{width:14px;height:14px}.ovx-widget-row[data-type=goal] .ovx-widget-row-icon{color:#22c55e}.ovx-widget-row[data-type=chat] .ovx-widget-row-icon{color:#3b82f6}.ovx-widget-row[data-type=alert] .ovx-widget-row-icon{color:#f59e0b}.ovx-widget-row[data-type=counter] .ovx-widget-row-icon{color:#8b5cf6}.ovx-widget-row-name{font-size:.78rem;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ovx-widget-row-dim{font-size:.64rem;color:var(--ovx-muted);font-family:var(--font-mono);flex-shrink:0}.ovx-quick-link{text-decoration:none}.ovx-new-form{margin:8px 0 14px;display:flex;flex-direction:column;gap:8px}.ovx-canvas-area.ovx-drop-active .workspace-canvas{outline:2px dashed var(--ovx-accent);outline-offset:4px;box-shadow:0 0 0 4px #ff7aa81f,0 20px 60px #00000080}.ovx-drop-ghost{position:absolute;z-index:9000;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px dashed var(--ovx-accent);border-radius:12px;background:#ff7aa81a;color:var(--ovx-accent);font-weight:700;font-size:1.1rem}.ovx-drop-ghost svg{width:34px;height:34px}.ovx-lib-card{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px;border-radius:10px;cursor:pointer;background:var(--ovx-bg-3);border:1px solid var(--ovx-border);color:var(--ovx-fg);transition:border-color .12s,background .12s}.ovx-lib-card:hover:not(:disabled){border-color:var(--ovx-accent);background:#ff7aa80f}.ovx-lib-card:disabled{opacity:.5;cursor:not-allowed}.ovx-lib-thumb{width:38px;height:38px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#fff;background:linear-gradient(135deg,var(--ovx-accent),#7c6df0)}.ovx-lib-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ovx-lib-name{font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ovx-lib-meta{font-size:.66rem;color:var(--ovx-muted);text-transform:capitalize}.ovx-lib-ver{font-size:.6rem;font-family:var(--font-mono);color:var(--ovx-muted);background:#ffffff0f;padding:2px 6px;border-radius:999px;flex-shrink:0}.themes-page{display:flex;flex-direction:column;gap:1.25rem}.themes-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.themes-header h1{margin:.35rem 0 0;max-width:760px;font-size:clamp(2rem,4vw,3.2rem);line-height:.98;letter-spacing:-.04em}.themes-header p{max-width:720px;margin:.8rem 0 0;color:var(--fg-muted)}.themes-eyebrow{display:inline-flex;align-items:center;gap:.45rem;min-height:30px;padding:.25rem .7rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--fg);background:#ffffff0f;font-size:.78rem;font-weight:700}.themes-header-actions{display:flex;flex:0 0 auto;gap:.5rem}.themes-existing{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.themes-existing>span{color:var(--fg-muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.themes-existing-list{display:flex;flex-wrap:wrap;gap:.4rem}.themes-existing-chip{padding:.35rem .75rem;border:1px solid var(--border);border-radius:999px;color:var(--fg);background:#ffffff0d;font-size:.78rem;font-weight:700;transition:background-color .14s var(--ease-out),border-color .14s var(--ease-out)}.themes-existing-chip:hover{border-color:#2f80ed80;background:#2f80ed1f}.themes-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:1rem;align-items:start}.themes-catalog,.theme-panel,.theme-preview-shell{border:1px solid var(--border);background:#1a1a2ec7;box-shadow:0 18px 44px #0000002e}.themes-catalog{border-radius:16px;padding:.8rem}.themes-section-head{display:flex;align-items:center;justify-content:space-between;padding:.25rem .2rem .75rem}.themes-section-head strong{font-size:.85rem}.themes-section-head span{color:var(--fg-muted);font-size:.76rem;font-variant-numeric:tabular-nums}.theme-card-grid{display:grid;gap:.45rem}.theme-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:.7rem;width:100%;min-height:72px;padding:.45rem;border:1px solid transparent;border-radius:12px;color:var(--fg);background:transparent;text-align:left;transition:background-color .14s var(--ease-out),border-color .14s var(--ease-out),transform .14s var(--ease-out)}.theme-card:hover{background:#ffffff0d;transform:translateY(-1px)}.theme-card:active{transform:scale(.96)}.theme-card.is-active{border-color:#2f80ed94;background:#2f80ed24;box-shadow:inset 3px 0 0 var(--brand-blue),0 0 0 1px #2f80ed14}.theme-card-preview{position:relative;width:58px;height:58px;overflow:hidden;border-radius:10px;outline:1px solid rgba(255,255,255,.1)}.theme-card-mini{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:5px;padding:6px;border:1px solid;border-radius:7px;box-shadow:0 12px 24px #00000038}.theme-card-mini span:first-child{width:12px;height:12px;border-radius:999px}.theme-card-mini span:last-child{flex:1;height:6px;border-radius:999px}.theme-card-body{min-width:0;display:flex;flex-direction:column;gap:.12rem}.theme-card-body strong,.theme-card-body span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-card-body strong{font-size:.86rem}.theme-card-body span{color:var(--fg-muted);font-size:.72rem}.theme-card-check{width:16px;height:16px;color:var(--brand-blue)}.theme-card.has-thumb{grid-template-columns:92px minmax(0,1fr) auto}.pthumb{position:relative;display:block;width:92px;height:62px;overflow:hidden;border-radius:8px;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px;font-size:6px;line-height:1.3;text-align:left;-webkit-user-select:none;user-select:none}.pthumb-body{position:absolute;top:5px;right:5px;bottom:5px;left:5px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.pthumb-line{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pthumb-event{font-weight:700}.pthumb--window .pthumb-body{top:3px;right:3px;bottom:3px;left:3px;gap:0;padding:2px;border:1px solid}.pthumb-bar{flex:none;padding:0 2px;color:#fff;font-size:5px;font-weight:700;line-height:9px}.pthumb-pane{flex:1;min-height:0;margin-top:2px;padding:2px;border:1px solid;overflow:hidden}.pthumb-term{top:0;right:0;bottom:0;left:0;padding:4px}.pthumb-hud{padding:1px 3px;border:1px solid;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px))}.pthumb-dlg{top:4px;right:4px;bottom:4px;left:4px;padding:4px 5px;border:2px solid}.pthumb-dlg-name{display:block;margin-bottom:2px;font-size:5px;letter-spacing:.02em}.pthumb-arrow{position:absolute;right:3px;bottom:1px;font-size:5px}.pthumb-bub{gap:3px}.pthumb-chip{width:fit-content;max-width:100%;padding:2px 4px;border:1px solid;border-radius:7px 7px 7px 2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pthumb-chip--event{border-style:dashed;border-radius:7px;font-weight:700}.pthumb-sheet{top:4px;right:4px;bottom:4px;left:4px;padding:5px 4px 4px;border-radius:2px}.pthumb-ruled{padding-bottom:1px;border-bottom:1px solid}.pthumb-tape{position:absolute;top:2px;left:16px;width:28px;height:7px;opacity:.9;transform:rotate(-5deg);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 2px,transparent 2px 4px)}.pthumb-scan,.pthumb-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pthumb-scan{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.14) 0 1px,transparent 1px 3px)}.pthumb-grid{opacity:.35;background:linear-gradient(currentColor .5px,transparent .5px),linear-gradient(90deg,currentColor .5px,transparent .5px);background-size:12px 12px}.theme-palette-variants{display:grid;gap:.4rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.theme-palette-label{color:var(--fg-muted);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.theme-palette-list{display:flex;flex-wrap:wrap;gap:.35rem}.theme-palette-chip{display:inline-flex;align-items:center;gap:.45rem;height:30px;padding:0 .6rem 0 .4rem;border:1px solid var(--border);border-radius:8px;color:var(--fg);background:transparent;font-size:.78rem;transition:background-color .14s var(--ease-out),border-color .14s var(--ease-out),transform .14s var(--ease-out)}.theme-palette-chip:hover{border-color:#2f80ed94;background:#ffffff0d}.theme-palette-chip:active{transform:scale(.96)}.theme-palette-swatches{display:inline-flex;gap:2px}.theme-palette-swatches i{width:10px;height:14px;border-radius:3px;outline:1px solid rgba(255,255,255,.12);outline-offset:-1px}.themes-studio{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:1rem;align-items:start}.theme-panel,.theme-preview-shell{border-radius:18px;overflow:hidden}.theme-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;padding:.45rem;border-bottom:1px solid var(--border);background:#00000029}.theme-tabs.theme-tabs--alert{grid-template-columns:repeat(4,minmax(0,1fr))}.theme-tabs button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.35rem;border:0;border-radius:10px;color:var(--fg-muted);background:transparent;font-size:.72rem;font-weight:800;transition:background-color .14s var(--ease-out),color .14s var(--ease-out),transform .14s var(--ease-out)}.theme-tabs button:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-blue) 78%,white);outline-offset:-2px}.theme-panel-body[role=tabpanel]:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-blue) 72%,white);outline-offset:-3px}.theme-tabs button:hover{color:var(--fg);background:#ffffff0f}.theme-tabs button:active{transform:scale(.96)}.theme-tabs button.is-active{color:#fff;background:#2f80edb8}@media(max-width:520px){.theme-tabs--alert button{min-width:0;overflow:hidden;font-size:.68rem;white-space:nowrap}.theme-tabs--alert button svg{display:none}}.theme-panel-body{display:grid;gap:1.1rem;padding:1.1rem}.theme-panel-hint,.theme-create-list{margin:0;color:var(--fg-muted);font-size:.82rem}.theme-create-summary{display:flex;align-items:center;gap:.8rem;padding:.8rem;border:1px solid rgba(47,128,237,.24);border-radius:14px;background:#2f80ed1a}.theme-create-summary svg{color:var(--brand-blue)}.theme-create-summary div{min-width:0;display:grid;gap:.15rem}.theme-create-summary span{color:var(--fg-muted);font-size:.8rem}.theme-create-list{padding-left:1.1rem}.theme-create-button{width:100%}.theme-preview-shell{position:sticky;top:1rem;min-width:0}.theme-preview-top,.theme-preview-note{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem 1rem}.theme-preview-top{border-bottom:1px solid var(--border)}.theme-preview-top span,.theme-preview-note{color:var(--fg-muted);font-size:.78rem}.theme-preview-tests{display:flex;flex-wrap:wrap;gap:.4rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);background:#00000024}.theme-preview-tests-label{display:inline-flex;align-items:center;margin-right:.15rem;color:var(--fg-muted);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.theme-preview-tests button{display:inline-flex;align-items:center;gap:.35rem;min-height:32px;padding:.3rem .65rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--fg-muted);background:#ffffff0a;font-size:.74rem;font-weight:700;transition:background-color .14s var(--ease-out),border-color .14s var(--ease-out),color .14s var(--ease-out),transform .14s var(--ease-out)}.theme-preview-tests button:hover{color:var(--fg);border-color:#2f80ed80;background:#2f80ed24}.theme-preview-tests button:active{transform:scale(.94)}.theme-preview-frame{position:relative;min-height:640px;padding:18px}.theme-preview-frame iframe{width:100%;height:604px;border:0;border-radius:14px}@media(max-width:1200px){.themes-layout,.themes-studio{grid-template-columns:1fr}.theme-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.themes-header{flex-direction:column}.theme-card-grid,.theme-form-grid{grid-template-columns:1fr}.theme-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-preview-stage{min-height:520px;padding:10px}.theme-live-frame{min-height:500px}}@media(prefers-reduced-motion:reduce){.theme-preview-stage.decor-rain:before,.theme-live-message{animation:none!important}}main#main:has(.studio-shell){overflow:hidden;padding:0}.app-shell:has(.studio-shell) .sidebar{display:none}.studio-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg, #0b0b14);z-index:50}.studio-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;height:100%;color:var(--fg-muted)}.studio-topbar{position:relative;z-index:10;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px;padding:.6rem 1rem;border-bottom:1px solid var(--border);background:#0f0f1cd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.studio-topbar-left{display:flex;align-items:center;gap:.75rem;min-width:0}.studio-topbar-left h1{margin:0;font-size:1.05rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-topbar-family{display:none;padding:.2rem .55rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--fg-muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}@media(min-width:720px){.studio-topbar-family{display:inline-flex}}.studio-topbar-right{position:relative;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.studio-autosave-toggle{display:inline-flex;min-height:36px;align-items:center;gap:.45rem;border:1px solid var(--border);border-radius:999px;padding:.25rem .45rem .25rem .7rem;background:#ffffff0a;color:var(--fg-muted);font:inherit;font-size:.72rem;font-weight:700;cursor:pointer;transition:background-color .14s var(--ease-out),border-color .14s var(--ease-out),color .14s var(--ease-out),transform .14s var(--ease-out)}.studio-autosave-toggle[aria-checked=true]{border-color:color-mix(in srgb,var(--brand-blue) 60%,white);background:color-mix(in srgb,var(--brand-blue) 16%,transparent);color:var(--fg)}.studio-autosave-toggle:active{transform:scale(.96)}.studio-autosave-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-blue) 70%,white);outline-offset:2px}.studio-autosave-toggle-state{min-width:1.7rem;border-radius:999px;padding:.2rem .35rem;background:#ffffff1a;color:var(--fg);text-align:center}.studio-autosave-toggle[aria-checked=true] .studio-autosave-toggle-state{background:var(--brand-blue);color:#fff}.studio-widget-name-input{max-width:220px}.studio-publication-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.75rem 1rem 0;padding:1rem;border:1px solid var(--border);border-left:4px solid var(--success);border-radius:14px;background:var(--surface-solid, var(--surface));box-shadow:var(--shadow-card);animation:studio-panel-enter var(--motion-slow) var(--motion-ease-enter) both}.studio-publication-panel h2,.studio-publication-panel p{margin:0}.studio-publication-panel p,.studio-publication-panel>div>span{color:var(--fg-muted);font-size:.82rem}.studio-publication-actions{display:flex;flex-wrap:wrap;gap:.5rem}.studio-publication-actions [data-copy-state=copied]{border-color:color-mix(in srgb,#57c785 60%,transparent);background:#57c785;color:#07140c}.studio-publication-actions [data-copy-state=error]{border-color:color-mix(in srgb,#ff7b7b 65%,transparent);color:#ffb4b4}@media(max-width:720px){.studio-widget-name-input{display:none}.studio-publication-panel{align-items:flex-start;flex-direction:column}}.studio-save-status{display:inline-flex;align-items:center;min-height:28px;padding:.25rem .55rem;border-radius:999px;color:var(--fg-muted);background:color-mix(in srgb,var(--card, #1a1a2e) 78%,transparent);font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid transparent;transition:color var(--motion-fast) var(--motion-ease-standard),border-color var(--motion-fast) var(--motion-ease-standard),background-color var(--motion-fast) var(--motion-ease-standard)}.studio-save-status-icon{display:grid;width:14px;height:14px;margin-right:.3rem;place-items:center;flex:0 0 auto}.studio-save-status-icon>svg{width:14px;height:14px}.studio-save-status-icon>span{width:7px;height:7px;border-radius:50%;background:currentColor}.studio-save-status.is-dirty{color:#f9a825;border-color:#f9a8253d}.studio-save-status.is-saving{color:var(--brand-blue);border-color:color-mix(in srgb,var(--brand-blue) 28%,transparent)}.studio-save-status.is-saving .studio-save-status-icon{animation:studio-status-spin .8s linear infinite}.studio-save-status.is-saved{color:#57c785;border-color:#57c7853d}.studio-save-status.is-error{color:#ff7b7b;border-color:#ff7b7b47;background:#ff7b7b17}@media(max-width:599px){.studio-save-status.is-clean{display:none}.studio-shell:has(.studio-save-status:not(.is-clean)) .studio-layout-nav{margin-top:2.15rem}.theme-preview-tests button{min-height:44px}.studio-save-status{position:absolute;top:calc(100% + .35rem);right:.5rem;z-index:4;box-shadow:0 8px 20px #0000003d}}.studio-config-actions{display:flex;gap:.35rem}.studio-actions-menu{display:none;position:relative}.studio-actions-menu summary{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:999px;color:var(--fg);background:transparent;cursor:pointer;list-style:none}.studio-actions-menu summary::-webkit-details-marker{display:none}.studio-actions-menu summary:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-blue) 70%,white);outline-offset:2px}.studio-actions-menu-content{position:absolute;top:calc(100% + .5rem);right:0;z-index:70;min-width:170px;padding:.35rem;border:1px solid var(--border);border-radius:12px;background:var(--card, #1a1a2e);box-shadow:0 16px 32px #00000052}.studio-actions-menu-content [data-slot=button]{width:100%;justify-content:flex-start}.studio-topbar-chip{display:none;align-items:center;gap:.4rem;padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--fg-muted);font-size:.75rem;font-weight:700}@media(min-width:720px){.studio-topbar-chip{display:inline-flex}}.studio-topbar-update-notice{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem .35rem .65rem;border-radius:999px;border:1px solid rgba(249,168,37,.35);background:#f9a8251f;color:#f9a825;font-size:.75rem;font-weight:700;white-space:nowrap}.studio-workspace{flex:1;display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(280px,390px);gap:1rem;min-height:0;padding:1rem;overflow:hidden}.studio-layout-nav{display:none;flex-shrink:0;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:var(--bg, #0b0b14)}.studio-layout-nav button{min-height:44px;flex:1;border:1px solid var(--border);border-radius:10px;background:#ffffff0a;color:var(--fg-muted);font:inherit;font-size:.875rem;font-weight:700;cursor:pointer;transition:color var(--motion-fast) var(--motion-ease-standard),background-color var(--motion-fast) var(--motion-ease-standard),border-color var(--motion-fast) var(--motion-ease-standard),box-shadow var(--motion-fast) var(--motion-ease-standard),transform var(--motion-fast) var(--motion-ease-standard)}.studio-layout-nav button.is-active{border-color:var(--brand-blue);background:color-mix(in srgb,var(--brand-blue) 18%,transparent);color:var(--fg);box-shadow:inset 0 -2px 0 var(--brand-blue)}.studio-layout-nav button:active{transform:scale(.97)}.studio-layout-nav button:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-blue) 70%,white);outline-offset:2px}.studio-panel-backdrop,.studio-panel-dismiss{display:none}.studio-workspace:not(:has(.studio-catalog)):not(:has(.studio-skin-panel)){grid-template-columns:minmax(0,1fr) minmax(280px,390px)}.studio-catalog,.studio-skin-panel,.studio-center,.studio-panel{min-height:0;overflow:hidden;display:flex;flex-direction:column}.studio-catalog{border:1px solid var(--border);border-radius:16px;padding:.8rem;background:#1a1a2ec7;box-shadow:0 18px 44px #0000002e}.studio-skin-panel{display:grid;align-content:start;gap:0;border:1px solid var(--border);border-radius:18px;background:#1a1a2ec7;box-shadow:0 18px 44px #0000002e;overflow-y:auto}.studio-skin-heading,.studio-panel-heading{display:grid;gap:.2rem;padding:1rem 1rem .85rem}.studio-skin-heading h2,.studio-panel-heading strong{margin:0;min-width:0;overflow:hidden;color:var(--fg);font-size:.95rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.studio-eyebrow{color:var(--fg-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.studio-skin-copy{display:grid;gap:.8rem;padding:1rem}.studio-skin-copy p,.studio-skin-empty,.studio-skin-rule span{margin:0;color:var(--fg-muted);font-size:.78rem;line-height:1.5}.studio-skin-rule{display:grid;gap:.25rem;border:1px solid color-mix(in srgb,var(--brand-blue) 32%,var(--border));border-radius:12px;padding:.75rem;background:color-mix(in srgb,var(--brand-blue) 9%,transparent)}.studio-skin-rule strong{font-size:.78rem}.studio-skin-gallery-link{color:#8ab8ff;font-size:.78rem;font-weight:700}.studio-skin-empty{padding:1rem}.studio-catalog-filters{position:sticky;top:0;z-index:3;display:grid;gap:.7rem;margin:0 -.25rem 1.5rem;padding:.85rem .25rem;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.studio-catalog-filters input{max-width:38rem;min-height:44px}.studio-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.studio-filter-row>span{min-width:4.6rem;color:var(--fg-muted);font-size:.78rem;font-weight:800}.studio-filter-row button{min-height:36px;border:1px solid var(--border);border-radius:999px;padding:.3rem .65rem;background:#ffffff0a;color:var(--fg-muted);font:inherit;font-size:.78rem;font-weight:700}.studio-filter-row button:hover,.studio-filter-row button.is-active{border-color:color-mix(in srgb,var(--brand-blue) 70%,white);background:color-mix(in srgb,var(--brand-blue) 18%,transparent);color:var(--fg)}.studio-filter-row .studio-filter-clear{margin-left:auto;color:var(--fg)}.studio-catalog-empty{display:grid;gap:.6rem;max-width:38rem;margin:2rem 0 3rem;padding:1.25rem;border:1px dashed var(--border);border-radius:16px;background:#ffffff06}.studio-catalog-empty h2,.studio-catalog-empty p{margin:0}.studio-catalog-empty p{color:var(--fg-muted)}.studio-catalog-show-more{display:none;margin:0 auto 2.5rem}.studio-widget-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.studio-widget-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface-solid) 94%,transparent);box-shadow:0 12px 28px #00000029;transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out),transform .16s var(--ease-out)}.studio-widget-card:hover,.studio-widget-card:focus-within{border-color:color-mix(in srgb,var(--brand-blue) 52%,white);box-shadow:0 16px 34px #00000040;transform:translateY(-2px)}.studio-widget-card-link{display:block;color:inherit;text-decoration:none}.studio-widget-card-link:hover{color:inherit;text-decoration:none}.studio-widget-preview{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#111827}.studio-widget-preview-canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 20% 18%,color-mix(in srgb,var(--catalog-preview-accent, var(--brand-blue)) 48%,transparent),transparent 38%),#172033}.studio-widget-preview-canvas:before{position:absolute;top:18%;right:13%;bottom:18%;left:13%;border:1px solid color-mix(in srgb,var(--catalog-preview-accent, var(--brand-blue)) 64%,white);border-radius:10px;background:color-mix(in srgb,var(--catalog-preview-surface, #23314c) 82%,transparent);box-shadow:0 14px 24px #00000038;content:""}.studio-widget-preview-icon{position:absolute;top:28%;left:21%;z-index:1;width:25%;height:25%;color:var(--catalog-preview-accent, #77b5ff)}.studio-widget-preview-line{position:absolute;z-index:1;right:20%;display:block;height:8%;border-radius:999px;background:color-mix(in srgb,var(--catalog-preview-accent, #77b5ff) 76%,white)}.studio-widget-preview-line.line-one{top:35%;width:29%}.studio-widget-preview-line.line-two{top:50%;width:39%;opacity:.62}.studio-widget-preview-accent{position:absolute;right:13%;bottom:18%;z-index:1;width:26%;height:10%;border-radius:6px;background:var(--catalog-preview-accent, var(--brand-blue))}.studio-widget-preview.is-retro .studio-widget-preview-canvas{background:teal;image-rendering:pixelated}.studio-widget-preview.is-retro .studio-widget-preview-canvas:before{border-radius:0;border-color:#fff;box-shadow:4px 4px #000}.studio-widget-preview.is-retro .studio-widget-preview-line,.studio-widget-preview.is-retro .studio-widget-preview-accent{border-radius:0;background:#d4d0c8}.studio-widget-preview.purpose-goals .studio-widget-preview-accent,.studio-widget-preview.purpose-subathon .studio-widget-preview-accent{left:13%;width:74%}.studio-widget-preview.purpose-scenes .studio-widget-preview-icon{width:30%;height:30%}.studio-widget-preview-size{position:absolute;right:.5rem;bottom:.5rem;z-index:2;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.18rem .42rem;background:#070a14bd;color:#fff;font-size:.67rem;font-weight:800;font-variant-numeric:tabular-nums}.studio-widget-card-heading{display:grid;gap:.3rem;padding:.9rem .9rem .6rem}.studio-widget-card-heading h3,.studio-widget-card-heading p{margin:0}.studio-widget-card-heading h3{font-size:1rem;line-height:1.25}.studio-widget-card-heading p{min-height:3.8em;color:var(--fg-muted);font-size:.78rem;line-height:1.55}.studio-widget-card-origin{color:var(--brand-blue);font-size:.67rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.studio-widget-card-details{display:grid;gap:.4rem;padding:0 .9rem .9rem}.studio-widget-card-details p{margin:0;color:var(--fg-muted);font-size:.72rem;line-height:1.4}.studio-widget-card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.studio-widget-card-tags span{border:1px solid var(--border);border-radius:999px;padding:.18rem .42rem;color:var(--fg-muted);font-size:.67rem;font-weight:700}.studio-widget-card-cta{width:calc(100% - 1.8rem);min-height:40px;margin:auto .9rem .9rem}@media(max-width:639px){.studio-catalog-filters{margin-inline:-.5rem;padding-inline:.5rem}.studio-filter-row{align-items:flex-start}.studio-filter-row>span{width:100%}.studio-filter-row button{min-height:44px}.studio-filter-row .studio-filter-clear{margin-left:0}.studio-catalog-show-more{display:flex}.studio-widget-card-grid{grid-template-columns:1fr}.studio-widget-card-heading p{min-height:auto}}@media(min-width:640px)and (max-width:1023px){.studio-widget-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.studio-widget-card{transition:none}.studio-widget-card:hover,.studio-widget-card:focus-within{transform:none}}.studio-center{border-radius:18px}.studio-panel{border:1px solid var(--border);border-radius:18px;background:#1a1a2ec7;box-shadow:0 18px 44px #0000002e;overflow:hidden}.studio-panel-heading{flex-shrink:0;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 82%,transparent)}.studio-source-summary{display:grid;gap:.35rem;border:1px solid var(--border);border-radius:8px;padding:.75rem .85rem;background:color-mix(in srgb,var(--surface) 90%,transparent)}.studio-source-summary-heading{display:flex;align-items:center;gap:.45rem;color:var(--fg);font-size:.78rem;font-weight:800}.studio-source-summary p{margin:0;color:var(--fg-muted);font-size:.76rem;line-height:1.45}.skin-properties-panel{display:grid;gap:14px}.skin-properties-active{border:1px solid var(--border);border-radius:8px;padding:.7rem .85rem;background:color-mix(in srgb,var(--surface) 90%,transparent)}.skin-properties-card,.skin-properties-subsection{min-width:0;border:1px solid var(--border);border-radius:8px;margin:0;background:color-mix(in srgb,var(--surface) 90%,transparent)}.skin-properties-card>summary,.skin-properties-subsection>summary{display:flex;min-height:40px;align-items:center;gap:.4rem;padding:0 .85rem;color:var(--fg-muted);font-size:.78rem;font-weight:700;cursor:pointer;list-style:none}.skin-properties-card>summary::-webkit-details-marker,.skin-properties-subsection>summary::-webkit-details-marker{display:none}.skin-properties-card>summary:before,.skin-properties-subsection>summary:before{content:"⌄";font-size:.9rem;transition:transform .14s var(--ease-out)}.skin-properties-card:not([open])>summary:before,.skin-properties-subsection:not([open])>summary:before{transform:rotate(-90deg)}.skin-properties-card-body{display:grid;gap:.65rem;border-top:1px solid var(--border);padding:.75rem}.skin-properties-subsection-content,.skin-properties-card-content{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--border);padding:.75rem}.skin-zone-list{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.skin-zone-row{min-width:0;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 92%,transparent);overflow:hidden}.skin-zone-row.is-hovered{border-color:color-mix(in srgb,var(--accent, #7dd3fc) 55%,var(--border))}.skin-zone-row.is-selected{border-color:var(--accent, #7dd3fc);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent, #7dd3fc) 45%,transparent)}.skin-zone-row.is-broken{opacity:.75}.skin-zone-summary{display:flex;width:100%;align-items:center;gap:.55rem;padding:.5rem .6rem;background:transparent;border:0;text-align:left;cursor:pointer}.skin-zone-summary--static{cursor:default}.skin-zone-swatch{width:16px;height:16px;flex:none;border-radius:4px;border:1px solid var(--border);background:repeating-conic-gradient(#8884 0% 25%,transparent 0% 50%) 50% / 8px 8px}.skin-zone-labels{display:grid;min-width:0;gap:1px;flex:1}.skin-zone-name{font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-zone-meta{color:var(--fg-muted);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-zone-badge{flex:none;border-radius:999px;border:1px solid var(--border);padding:1px 7px;color:var(--fg-muted);font-size:.64rem;font-weight:700}.skin-zone-badge--broken{border-color:color-mix(in srgb,#ef4444 55%,var(--border));color:#ef4444}.skin-zone-help{margin:0;padding:0 .6rem .5rem;color:var(--fg-muted);font-size:.68rem;line-height:1.35}.skin-zone-properties{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--border);padding:.6rem}.skin-zone-property{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem .5rem;font-size:.8rem}.skin-zone-property>label{grid-column:1}.skin-zone-property>button{grid-column:2;justify-self:end}.skin-zone-cssvar{grid-column:1 / -1;color:var(--fg-muted);font-size:.62rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-zone-tooltip{position:absolute;z-index:5;display:grid;gap:1px;transform:translate(12px,12px);pointer-events:none;border:1px solid var(--border);border-radius:6px;padding:.3rem .5rem;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 8px 24px #00000047}.studio-zone-tooltip strong{font-size:.75rem}.studio-zone-tooltip span{color:var(--fg-muted);font-size:.65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.palette-panel{display:grid;gap:.9rem}.palette-undo{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;border:1px solid var(--border);border-radius:8px;padding:.5rem .6rem;background:color-mix(in srgb,var(--surface) 92%,transparent);font-size:.75rem}.palette-undo>span{flex:1;min-width:0}.palette-applied{display:grid;gap:.4rem;border:1px solid var(--accent, #7dd3fc);border-radius:8px;padding:.6rem;background:color-mix(in srgb,var(--surface) 92%,transparent)}.palette-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.82rem}.palette-badge{border-radius:999px;border:1px solid var(--accent, #7dd3fc);padding:1px 7px;color:var(--accent, #7dd3fc);font-size:.62rem;font-weight:700}.palette-section{display:grid;gap:.5rem}.palette-section-title{margin:0;color:var(--fg-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.palette-field{display:grid;gap:.25rem}.palette-list,.palette-folder-list{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.palette-row{display:block;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 92%,transparent);overflow:hidden}.palette-row.is-applied{border-color:var(--accent, #7dd3fc)}.palette-row-head{display:flex;align-items:center;gap:.25rem}.palette-row-main{display:flex;flex:1;min-width:0;align-items:center;gap:.55rem;padding:.45rem .55rem;border:0;background:transparent;text-align:left;cursor:pointer}.palette-editor{display:grid;gap:.5rem;border-top:1px solid var(--border);padding:.6rem}.palette-color-list{display:grid;gap:.3rem;margin:0;padding:0;list-style:none}.palette-color-row{display:flex;align-items:center;gap:.25rem}.palette-row-main:disabled{cursor:default;opacity:.65}.palette-row-labels{display:grid;min-width:0;gap:1px}.palette-row-name{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-row-meta{color:var(--fg-muted);font-size:.66rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-swatches{display:inline-flex;gap:2px;flex:none}.palette-swatch{width:13px;height:13px;border-radius:3px;border:1px solid var(--border)}.palette-folder-row{display:flex;align-items:center;gap:.45rem;font-size:.78rem}.palette-folder-create{display:flex;gap:.35rem}.zone-contrast-notice{display:grid;gap:.4rem}.zone-contrast-item{display:flex;align-items:flex-start;gap:.5rem;border:1px solid color-mix(in srgb,#f59e0b 55%,var(--border));border-radius:8px;padding:.5rem .6rem;background:color-mix(in srgb,#f59e0b 10%,transparent)}.zone-contrast-item>svg{margin-top:2px;color:#f59e0b}.zone-contrast-copy{flex:1;min-width:0}.zone-contrast-actions{display:flex;gap:.25rem;flex:none}.art-pack-migration{display:grid;gap:.6rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem;background:color-mix(in srgb,var(--surface) 92%,transparent)}.art-pack-migration-report{display:grid;gap:.5rem}.art-pack-migration-list{display:grid;gap:.25rem;margin:0;padding:0;list-style:none;font-size:.8rem}.art-pack-migration-list>li{display:flex;align-items:center;gap:.4rem}.art-pack-migration-list>li.is-failed{color:#ef4444}.art-pack-migration-actions{display:flex;flex-wrap:wrap;gap:.4rem}.studio-panel .theme-tabs{flex-shrink:0}.studio-panel .theme-panel-body{flex:1;overflow-y:auto;min-height:0}.studio-center .theme-preview-shell{height:100%;display:flex;flex-direction:column}.studio-center .theme-preview-frame{flex:1;min-height:0;overflow:hidden}.studio-center .theme-preview-frame iframe{height:100%}.studio-preview-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);background:#00000024}.studio-preview-toolbar{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border);background:#00000024}.studio-preview-toolbar .studio-preview-controls{flex:1;min-width:0;border-bottom:0;background:transparent}.studio-preview-code-button{flex:0 0 auto;margin-right:.75rem}.studio-preview-background-trigger,.anchored-popover{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:var(--surface-solid, #1e1e32);color:var(--fg);font:inherit;font-size:.72rem;font-weight:700}.studio-preview-background-trigger{min-height:36px;padding:.25rem .5rem;cursor:pointer;transition:background-color .14s var(--ease-out),border-color .14s var(--ease-out),color .14s var(--ease-out),transform .14s var(--ease-out)}.studio-preview-background-trigger:hover,.studio-preview-background-trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--brand-blue) 60%,white);background:color-mix(in srgb,var(--brand-blue) 18%,transparent);color:var(--fg)}.studio-preview-background-trigger:active{transform:scale(.96)}.studio-preview-background-trigger:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-blue) 70%,white);outline-offset:2px}.anchored-popover{position:fixed;top:var(--anchored-popover-top);left:var(--anchored-popover-left);z-index:1000;display:grid;min-width:12rem;padding:.35rem;box-shadow:0 18px 44px #0000006b}.studio-background-popover .studio-preview-control-group{flex-direction:column}.studio-background-popover .studio-preview-control-group button{justify-content:flex-start}.studio-preview-frame{position:relative}.studio-preview-control-group{display:flex;flex-wrap:wrap;gap:.35rem}.studio-preview-control-group button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:.3rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:var(--fg-muted);padding:.25rem .5rem;font:inherit;font-size:.72rem;font-weight:700;cursor:pointer;transition:background-color .14s var(--ease-out),border-color .14s var(--ease-out),color .14s var(--ease-out),transform .14s var(--ease-out)}.studio-preview-control-group button:hover:not(:disabled),.studio-preview-control-group button.is-active{border-color:color-mix(in srgb,var(--brand-blue) 60%,white);background:color-mix(in srgb,var(--brand-blue) 18%,transparent);color:var(--fg)}.studio-preview-control-group button:active:not(:disabled){transform:scale(.96)}.studio-preview-control-group button:disabled{opacity:.45;cursor:default}.studio-preview-control-group button:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-blue) 70%,white);outline-offset:2px}.studio-preview-frame[data-preview-background=transparent]{background-color:#1a1a2e;background-image:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.08) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.studio-preview-frame[data-preview-background=light]{background:#f8fafc}.studio-preview-frame[data-preview-background=dark]{background:#09090b}.studio-preview-canvas{width:100%;height:100%;transform:scale(var(--studio-preview-zoom, 1));transform-origin:center;transition:transform .16s var(--ease-out)}.studio-preview-canvas iframe{display:block;width:100%;height:100%}.studio-preview-safe-area{position:absolute;top:8%;right:8%;bottom:8%;left:8%;z-index:1;pointer-events:none;border:1px dashed rgba(96,165,250,.9);border-radius:10px;box-shadow:0 0 0 999px #0f172a1a}.studio-my-widgets{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.studio-my-widgets>span{display:block;margin-bottom:.5rem;color:var(--fg-muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.studio-create-tab .theme-create-summary svg{color:var(--brand-blue)}@media(max-width:1200px){.studio-layout-nav{display:flex}.studio-workspace{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}.studio-workspace:has(.studio-skin-panel){grid-template-columns:minmax(0,1fr)}.studio-skin-panel{display:none;position:fixed;left:1rem;top:132px;bottom:1rem;width:min(420px,calc(100vw - 2rem));z-index:60}.studio-workspace[data-layout-view=skin] .studio-skin-panel{display:grid;animation:studio-panel-enter var(--motion-slow) var(--motion-ease-enter) both}.studio-panel{display:none;position:fixed;right:1rem;top:132px;bottom:1rem;width:min(420px,calc(100vw - 2rem));z-index:60;background:var(--surface)}.studio-workspace[data-layout-view=options] .studio-panel{display:flex;animation:studio-panel-enter var(--motion-slow) var(--motion-ease-enter) both}.studio-panel-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;border:0;background:#0000006b;cursor:default}.studio-panel-dismiss{position:fixed;top:84px;right:1rem;z-index:61;display:inline-flex;min-height:36px;align-items:center;gap:.35rem;border:1px solid var(--border);border-radius:999px;background:var(--card, #1a1a2e);color:var(--fg);padding:.35rem .65rem;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}}@media(max-width:900px){.studio-workspace{position:relative;grid-template-columns:1fr}.studio-catalog,.studio-skin-panel,.studio-panel{display:none;position:fixed;top:132px;right:1rem;bottom:1rem;left:1rem;width:auto;z-index:60;background:var(--surface)}.studio-workspace[data-layout-view=skin] .studio-skin-panel,.studio-workspace[data-layout-view=styles] .studio-catalog,.studio-workspace[data-layout-view=options] .studio-panel{display:grid;animation:studio-panel-enter var(--motion-slow) var(--motion-ease-enter) both}}@media(max-width:599px){.studio-topbar{gap:.5rem;padding-inline:.5rem;min-height:56px}.studio-topbar-left,.studio-topbar-right{min-width:0}.studio-topbar-left h1{font-size:.95rem}.studio-topbar [data-slot=button]{min-width:44px;min-height:44px}.studio-back-label,.studio-code-label{display:none}.studio-autosave-toggle>span:not(.studio-autosave-knob){display:none}.studio-code-button,.studio-config-actions{display:none}.studio-actions-menu{display:block}.studio-preview-controls{align-items:stretch;padding:.5rem}.studio-preview-toolbar{flex-wrap:wrap}.studio-preview-toolbar .studio-preview-controls{flex:1 1 100%}.studio-preview-code-button{margin:0 .5rem .5rem auto}.studio-preview-control-group{width:100%}.studio-preview-control-group button{min-height:44px;flex:1}.studio-preview-control-group button[aria-label]{flex:0 0 44px;padding-inline:0}.studio-center .theme-preview-frame{min-height:min(520px,62dvh)}.studio-workspace{display:block;overflow-y:auto;padding:.75rem}.studio-catalog,.studio-center,.studio-skin-panel,.studio-panel{display:none;min-height:100%}.studio-workspace[data-layout-view=preview] .studio-center,.studio-workspace[data-layout-view=skin] .studio-skin-panel,.studio-workspace[data-layout-view=styles] .studio-catalog,.studio-workspace[data-layout-view=options] .studio-panel{display:grid}.studio-catalog,.studio-skin-panel,.studio-panel{position:static;width:auto;inset:auto}.studio-panel-backdrop,.studio-panel-dismiss{display:none}}@keyframes studio-panel-enter{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes studio-section-enter{0%{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes studio-status-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.studio-publication-panel,.studio-workspace[data-layout-view] .studio-catalog,.studio-workspace[data-layout-view] .studio-panel,.se-section-content[data-expanded=true]>*{animation:none!important}.studio-save-status.is-saving .studio-save-status-icon{animation:none}.theme-card:hover,.theme-card:active,.theme-tabs button:active,.studio-preview-control-group button:active:not(:disabled),.studio-layout-nav button:active{transform:none}}.studio-inspector{display:flex;flex-direction:column;min-height:0;position:relative}.inspector-search-row{flex:none;padding:.75rem 1rem 0}.inspector-search{flex:1 1 auto;min-width:0;border-radius:8px}.inspector-search input{height:36px}.inspector-search-clear{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border:0;border-radius:6px;color:var(--fg-muted);background:transparent;cursor:pointer}.inspector-search-clear:hover{color:var(--fg);background:#ffffff0f}.inspector-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.inspector-section{display:flex;flex-direction:column;gap:.5rem}.inspector-section-head{display:flex;align-items:center;gap:.5rem}.inspector-section-toggle{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;min-height:36px;padding:0;border:0;color:var(--fg);background:transparent;font:inherit;text-align:left;cursor:pointer}.inspector-section-toggle svg{flex:none;color:var(--fg-muted);transition:transform .14s var(--ease-out)}.inspector-section-toggle svg.is-collapsed{transform:rotate(-90deg)}.inspector-section-heading{display:grid;gap:2px;min-width:0}.inspector-section-name{font-size:.875rem;font-weight:600}h4.inspector-section-name{margin:0;flex:1}.inspector-section-summary{color:var(--fg-muted);font-size:.75rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-section-reset,.inspector-more-toggle,.inspector-back,.inspector-result-go{display:inline-flex;align-items:center;gap:.35rem;min-height:32px;padding:0 .4rem;border:0;border-radius:8px;color:var(--fg-muted);background:transparent;font:inherit;font-size:.8125rem;cursor:pointer}.inspector-section-reset:hover,.inspector-more-toggle:hover,.inspector-back:hover,.inspector-result-go:hover{color:var(--fg);background:#ffffff0f}.inspector-section-reset{flex:none}.inspector-section-body{display:flex;flex-direction:column;gap:.5rem}.inspector-section-body[hidden]{display:none}.inspector-section-locked{margin:0;padding:.625rem .75rem;border:1px dashed var(--border);border-radius:8px;color:var(--fg-muted);font-size:.78rem;line-height:1.45}.inspector-row{position:relative;gap:.75rem;min-height:36px}.inspector-row .se-lbl{font-size:.875rem}.inspector-row.is-focused{border-radius:8px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--brand-blue) 70%,transparent)}.inspector-row-reset{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border:0;border-radius:7px;color:var(--fg-muted);background:transparent;cursor:pointer}.inspector-row-reset:hover{color:var(--fg);background:#ffffff0f}.inspector-more-toggle{align-self:flex-start;margin-left:-.4rem}.inspector-more-toggle svg.is-collapsed{transform:rotate(-90deg)}.inspector-more-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-tan);flex:none}.inspector-event-list{display:flex;flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none}.inspector-event-row{display:flex;align-items:center;gap:.75rem}.inspector-event-switch{width:18px;height:18px;flex:none}.inspector-event-open{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;min-height:48px;padding:.4rem .5rem;border:0;border-radius:10px;color:var(--fg);background:transparent;font:inherit;text-align:left;cursor:pointer}.inspector-event-open:hover{background:#ffffff0d}.inspector-event-open svg{flex:none;color:var(--fg-muted)}.inspector-event-name{display:block;font-weight:600;font-size:.875rem}.inspector-event-summary{flex:1;min-width:0;color:var(--fg-muted);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-event-detail{display:flex;flex-direction:column;gap:1.5rem}.inspector-event-detail-head{display:flex;align-items:center;gap:.6rem}.inspector-event-detail-head strong{font-size:.95rem}.inspector-back{margin-left:-.4rem}.inspector-effective{margin:0;padding:.625rem .75rem;border:1px solid var(--border);border-radius:8px;background:#ffffff08;color:var(--fg-muted);font-size:.78rem;line-height:1.5}.inspector-effective strong{color:var(--fg)}.inspector-results{display:flex;flex-direction:column;gap:.25rem}.inspector-results-count{margin:0 0 .25rem;color:var(--fg-muted);font-size:.75rem}.inspector-results-empty{margin:0;color:var(--fg-muted);font-size:.78rem;line-height:1.5}.inspector-result{display:flex;flex-direction:column}.inspector-result-main{display:grid;gap:2px;min-height:48px;padding:.5rem;border:0;border-radius:10px;color:var(--fg);background:transparent;font:inherit;text-align:left;cursor:pointer}.inspector-result-main:hover{background:#ffffff0d}.inspector-result-path{color:var(--fg-muted);font-size:.6875rem;font-weight:500}.inspector-result-name{font-size:.875rem;font-weight:600}.inspector-result-chip{display:inline-flex;align-items:center;height:19px;margin-left:.4rem;padding:0 .45rem;border:1px solid var(--border);border-radius:999px;color:var(--fg-muted);font-size:.625rem;font-weight:500;vertical-align:2px}.inspector-result-blocked{margin:0 0 .5rem;padding:.625rem .75rem;border:1px solid var(--border);border-radius:10px;background:#ffffff08;color:var(--fg-muted);font-size:.78rem;line-height:1.5}.inspector-result-blocked strong{color:var(--fg)}.inspector-result-go{margin-left:.25rem}.inspector-confirm{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:5;padding:.875rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:var(--surface-solid);box-shadow:0 18px 44px #00000080}.inspector-confirm h4{margin:0 0 .35rem;font-size:.875rem;font-weight:600}.inspector-confirm p{margin:0 0 .75rem;color:var(--fg-muted);font-size:.78rem;line-height:1.5}.inspector-confirm-actions{display:flex;justify-content:flex-end;gap:.5rem}.inspector-confirm-actions button{min-height:32px;padding:0 .75rem;border:1px solid var(--border);border-radius:8px;color:var(--fg);background:transparent;font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer}.inspector-confirm-actions button.is-primary{border-color:transparent;background:var(--brand-blue);color:#fff}@media(max-width:1023px){.inspector-row,.inspector-section-toggle{min-height:44px}.inspector-event-open{min-height:52px}.inspector-more-toggle,.inspector-section-reset,.inspector-back{min-height:44px}.inspector-row-reset{width:44px;height:44px}.inspector-search input{height:44px}}.inspector-row--stacked{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.inspector-row--stacked .se-lbl{flex:none}.inspector-layout-picker{display:grid;grid-template-columns:repeat(var(--layout-columns, 4),minmax(0,1fr));gap:.375rem}.inspector-layout-fixed{display:flex;align-items:center;gap:.6rem;margin:0;padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;color:var(--fg-muted);background:color-mix(in srgb,var(--brand-blue) 8%,transparent);font-size:.75rem;line-height:1.4}.inspector-layout-fixed svg{flex:none;color:var(--fg)}.inspector-layout-fixed strong{color:var(--fg)}.inspector-layout-picker button{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-height:56px;padding:.5rem .25rem .375rem;border:1px solid var(--border);border-radius:8px;color:var(--fg-muted);background:transparent;font:inherit;font-size:.6875rem;cursor:pointer;transition:background-color .14s var(--ease-out),border-color .14s var(--ease-out)}.inspector-layout-picker button:hover{color:var(--fg);background:#ffffff0d}.inspector-layout-picker button.is-selected{border-color:transparent;color:var(--fg);background:color-mix(in srgb,var(--brand-blue) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-blue) 62%,transparent)}@media(max-width:1023px){.inspector-layout-picker{grid-template-columns:repeat(min(var(--layout-columns, 3),3),minmax(0,1fr))}.inspector-layout-picker button{min-height:64px}}.inspector-event-row{flex-wrap:wrap}.inspector-event-kebab{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:0;border-radius:8px;color:var(--fg-muted);background:transparent;cursor:pointer}.inspector-event-kebab:hover,.inspector-event-kebab[aria-expanded=true]{color:var(--fg);background:#ffffff14}.inspector-event-menu{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;width:100%;margin:.25rem 0 .5rem;padding:.625rem .75rem;border:1px solid var(--border);border-radius:10px;background:#ffffff08;color:var(--fg-muted);font-size:.78rem}.inspector-event-menu select{min-height:30px;padding:0 .4rem;border:1px solid var(--border);border-radius:7px;color:var(--fg);background:#ffffff0f;font:inherit}.inspector-event-menu button{min-height:30px;margin-left:auto;padding:0 .6rem;border:1px solid var(--border);border-radius:7px;color:var(--fg);background:transparent;font:inherit;font-weight:600;cursor:pointer}.inspector-confirm.is-inline{position:static;width:100%;margin:.25rem 0 .5rem;box-shadow:none}.inspector-format-limit{margin:.25rem 0 0;padding:.625rem .75rem;border:1px solid color-mix(in srgb,var(--warning) 28%,transparent);border-radius:8px;background:color-mix(in srgb,var(--warning) 7%,transparent);color:var(--fg-muted);font-size:.78rem;line-height:1.45}.inspector-format-limit strong{color:var(--fg)}.inspector-section-name{display:inline-flex;align-items:center;gap:.35rem}.inspector-section-warn{color:var(--warning);flex:none}.ovx-narrow-notice{display:none}@media(max-width:900px){.ovx-shell:not(.ovx-shell-new){grid-template-rows:auto 48px 1fr 28px}.ovx-narrow-notice{display:block;margin:0;padding:8px 12px;border-bottom:1px solid var(--ovx-border, var(--border));background:var(--ovx-panel, var(--surface));color:var(--ovx-fg, var(--foreground));font-size:.8125rem;line-height:1.4}}.version-rollout{max-width:560px}.version-rollout-section h3{margin:0 0 .4rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted)}.version-rollout-section>p{margin:0;font-size:.85rem;color:var(--fg-muted)}.version-rollout-section ul{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.version-rollout-section li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .75rem;align-items:center;padding:.5rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:.85rem}.version-rollout-section li>span:first-child{font-weight:600;color:var(--fg);overflow-wrap:anywhere}.version-rollout-section li>span:nth-child(2){grid-column:1;color:var(--fg-muted);font-size:.8rem}.version-rollout-section li>a{grid-column:2;grid-row:1 / span 2;font-weight:600;color:var(--brand-blue)}.version-rollout-section li:is([data-status=lista],[data-outcome=actualizada]){border-color:color-mix(in srgb,var(--success) 45%,var(--border))}.version-rollout-section li:is([data-status=revisar],[data-status=cambios_pendientes],[data-outcome=revisar]){border-color:color-mix(in srgb,var(--warning) 55%,var(--border))}.version-rollout-section li[data-outcome=error]{border-color:color-mix(in srgb,var(--danger) 55%,var(--border))}.studio-source-compact{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface, transparent);font-size:.8rem;color:var(--fg-muted, inherit)}.studio-source-compact strong{color:var(--fg, inherit);font-weight:600}.studio-source-compact span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-source-compact a{flex:none;font-weight:600;color:var(--fg);text-decoration:underline;text-underline-offset:2px}.live-status{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.live-tile{display:grid;gap:4px;min-width:0;padding:14px 18px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-solid, var(--surface));box-shadow:var(--shadow-card)}.live-tile-label{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted)}.live-tile-label svg{width:16px;height:16px}.live-tile-value{font-size:2rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--fg)}.live-tile-value--small{font-size:1.15rem;font-weight:700}.live-tile-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.live-tile-note{font-size:.875rem;color:var(--fg-muted)}.live-loading{margin:24px 0 0;color:var(--fg-muted)}.live-groups{display:grid;gap:28px;margin-top:24px}.live-group-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:12px}.live-group-head h2{margin:0;font-size:1.25rem;font-weight:800}.live-context{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:var(--fg-muted)}.live-context select{min-height:40px;max-width:min(360px,70vw)}.live-context-note{margin:0;font-size:.875rem;color:var(--fg-muted)}.live-context-note a{color:var(--fg);text-decoration:underline}.live-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;align-items:start}@media(min-width:900px){.live-action--card{grid-column:span 2}}.live-action{display:grid;gap:6px;min-width:0}.live-action--card{gap:10px;padding:14px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.live-action-title{margin:0;font-size:1rem;font-weight:700}.dashboard-page .live-action-btn{width:100%;min-height:56px;border-radius:var(--r-lg);font-size:1rem;white-space:normal}.live-action-status{display:flex;align-items:center;gap:4px;min-height:1.25rem;margin:0;font-size:.8125rem;color:var(--fg-muted)}.live-action-status svg{width:14px;height:14px}.live-action-status[data-state=ok]{color:var(--success);font-weight:600}.live-action-status[data-state=error]{color:var(--danger);font-weight:600}.live-field{display:grid;gap:6px;margin:0;padding:0;border:0;min-width:0;font-size:.875rem}.live-field legend{padding:0;margin-bottom:6px;font-weight:600}.live-field>span{font-weight:600}.live-field input[type=range]{width:100%}.live-field-inline{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--fg-muted)}.live-field-inline input[type=number]{width:6.5rem;flex:none}.live-presets{display:flex;flex-wrap:wrap;gap:6px}.live-preset{min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--fg);font-weight:600}.live-preset[aria-pressed=true]{border-color:var(--pill-primary-base);background:var(--pill-primary-base);color:var(--pill-primary-ink)}@media(max-width:640px){.live-status{position:static;grid-template-columns:1fr 1fr;gap:8px}.live-tile{padding:10px 12px}.live-tile:first-child{grid-column:1 / -1}.live-tile--server .live-tile-note{display:none}.live-actions{grid-template-columns:1fr 1fr}.live-action--card{grid-column:1 / -1}}.live-field-row{display:flex;justify-content:space-between;gap:8px;font-weight:600}.live-field-row output{font-variant-numeric:tabular-nums}.clips-layout{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));align-items:start}.clips-setup{grid-column:1 / -1}.clips-steps{display:grid;gap:10px;margin:0;padding-left:1.25rem;list-style:decimal;line-height:1.55}.clips-settings{display:grid;gap:14px}.clips-toggle{display:flex;align-items:center;gap:10px;font-weight:600}.clips-toggle input{width:18px;height:18px}.clips-rules{width:100%;border-collapse:collapse}.clips-rules th{padding:0 6px 6px;text-align:left;font-size:.8125rem;font-weight:600;color:var(--fg-muted)}.clips-rules td{padding:4px 6px;vertical-align:middle}.clips-rules td:nth-child(2),.clips-rules td:nth-child(3){width:6.5rem}.clips-rules td:last-child{width:2.5rem}.clips-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.clips-field{display:grid;gap:6px;font-size:.875rem}.clips-field>span{font-weight:600}.clips-field select{min-height:36px}.clips-field-row{display:flex;justify-content:space-between;font-weight:600}.clips-hint{margin:0;font-size:.8125rem;color:var(--fg-muted)}.clips-actions{display:flex;gap:8px}.clips-test{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:8px}.clips-test-url{flex:1 1 260px}.clips-history{display:grid;gap:8px;margin:0;padding:0;list-style:none}.clips-history li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface)}.clips-history-main{display:grid;gap:2px;min-width:0}.clips-history-video{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;color:var(--fg-muted)}.clips-history-video a{color:var(--fg);text-decoration:underline}.clips-history-reason{font-size:.8125rem;color:var(--fg-muted)}.clips-status{flex:none;padding:2px 10px;border-radius:999px;border:1px solid var(--border);font-size:.75rem;font-weight:700;white-space:nowrap;color:var(--fg);background:var(--surface)}.clips-status[data-status=playing],.clips-status[data-status=queued]{border-color:var(--pill-primary-base)}.clips-status[data-status=rejected],.clips-status[data-status=failed],.clips-status[data-status=expired]{border-color:var(--danger)}.clips-column{display:grid;gap:20px;align-content:start}.help-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin-bottom:28px}.help-index-card{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);color:var(--fg);text-decoration:none;box-shadow:var(--shadow-card)}.help-index-card:hover{border-color:var(--pill-primary-base)}.help-index-card:focus-visible{outline:3px solid var(--pill-primary-base);outline-offset:2px}.help-index-card svg{flex:none;width:22px;height:22px;margin-top:2px}.help-index-card span{display:grid;gap:2px}.help-index-card small{color:var(--fg-muted);font-size:.8125rem}.help-guide{scroll-margin-top:16px;margin-bottom:36px}.help-guide h2{margin:0 0 12px;font-size:1.35rem;font-weight:800}.help-steps{display:grid;gap:18px;margin:0;padding-left:1.4rem;list-style:decimal}.help-steps li::marker{font-weight:800}.help-steps p{margin:0 0 8px;line-height:1.6;max-width:70ch}.help-steps a{color:var(--fg);text-decoration:underline}.help-shot{display:block;width:100%;max-width:880px;height:auto;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);background:var(--surface)}:root{--motion-instant: 90ms;--motion-fast: .14s;--motion-base: .2s;--motion-slow: .3s;--motion-complex: .4s;--motion-ease-enter: cubic-bezier(.16, 1, .3, 1);--motion-ease-exit: cubic-bezier(.4, 0, 1, 1);--motion-ease-standard: cubic-bezier(.2, 0, 0, 1)}[data-motion-pressable=true]{transform-origin:center}.sidebar-mobile-heading,.mobile-shell-bar,.mobile-nav-backdrop{display:none}.sidebar-nav a,.sidebar-logout,.mobile-nav-trigger,.sidebar-mobile-close{transition:color var(--motion-fast) var(--motion-ease-standard),background-color var(--motion-fast) var(--motion-ease-standard),border-color var(--motion-fast) var(--motion-ease-standard),box-shadow var(--motion-fast) var(--motion-ease-standard),transform var(--motion-fast) var(--motion-ease-standard)}.sidebar-nav a:hover{transform:translate(2px)}.sidebar-nav a:active,.sidebar-logout:active,.mobile-nav-trigger:active,.sidebar-mobile-close:active{transform:scale(.96)}.sidebar-nav a.active{box-shadow:inset 0 0 0 1px #7c6df029}.sidebar-nav a:focus-visible,.sidebar-logout:focus-visible,.mobile-nav-trigger:focus-visible,.sidebar-mobile-close:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.route-loading{min-height:12rem;flex-direction:column;gap:var(--sp-3)}.route-loading-indicator{width:1.75rem;height:1.75rem;border:2px solid rgba(255,255,255,.14);border-top-color:var(--purple);border-radius:50%;animation:route-loading-spin .7s linear infinite}.twitch-btn,.device-code,.device-flow-cancel,.toast-close{transition:color var(--motion-fast) var(--motion-ease-standard),background-color var(--motion-fast) var(--motion-ease-standard),border-color var(--motion-fast) var(--motion-ease-standard),box-shadow var(--motion-fast) var(--motion-ease-standard),transform var(--motion-fast) var(--motion-ease-standard)}.twitch-btn:focus-visible,.device-code:focus-visible,.device-flow-cancel:focus-visible,.toast-close:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.shine{left:0;will-change:transform}.device-flow-start,.device-flow-panel{width:100%}.device-flow-loading{min-height:8.5rem;display:grid;place-content:center;justify-items:center;gap:var(--sp-3);text-align:center;color:var(--fg-muted)}.device-flow-loading p,.device-flow-success p,.device-flow-instruction p{margin:0}.device-flow-spinner{width:2rem;height:2rem;border-width:3px}.device-flow-panel{display:grid;gap:var(--sp-4);text-align:center}.device-flow-instruction{display:grid;justify-items:center;gap:var(--sp-2)}.device-flow-instruction>p{color:var(--fg-muted);font-size:.82rem;font-weight:600}button.device-code{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:min(100%,14rem);border-style:solid;font-family:"Fredoka",var(--font-head, monospace)}.device-copy-status{min-height:1.25rem;color:var(--fg-muted);font-size:.75rem}.device-flow-waiting{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);color:var(--fg-muted);font-size:.78rem}.device-flow-waiting time{min-width:2.6rem;color:var(--fg);font-variant-numeric:tabular-nums}.device-flow-waiting-spinner{width:.9rem;height:.9rem;border-width:2px}.spinner{animation:device-flow-spin .7s linear infinite}@keyframes device-flow-spin{to{transform:rotate(1turn)}}.device-flow-cancel{justify-self:center;padding:.45rem .65rem;color:var(--fg-muted);background:transparent;border:1px solid transparent;border-radius:var(--r);font:inherit;font-size:.78rem;cursor:pointer}.device-flow-cancel:hover{color:var(--fg);background:#ffffff0f}.device-flow-success{min-height:8rem;display:grid;place-content:center;justify-items:center;gap:var(--sp-2);color:var(--success);font-weight:600}.device-flow-success-icon{width:2.75rem;height:2.75rem;display:grid;place-items:center;color:var(--bg-deep);background:var(--success);border-radius:50%;font-size:1.4rem}.toast-close:active{transform:scale(.94)}@keyframes route-loading-spin{to{transform:rotate(1turn)}}@media(max-width:768px){.app-shell{padding-top:3.5rem}.mobile-shell-bar{position:fixed;inset:0 0 auto;z-index:120;height:3.5rem;padding:0 .75rem;display:flex;align-items:center;gap:.75rem;background:color-mix(in srgb,var(--sidebar-bg) 94%,transparent);border-bottom:1px solid var(--border);box-shadow:0 8px 24px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav-trigger,.sidebar-mobile-close{width:2.5rem;height:2.5rem;display:inline-grid;place-items:center;padding:0;color:var(--fg-white);background:#ffffff0f;border:1px solid var(--border);border-radius:var(--r);cursor:pointer}.mobile-nav-trigger:hover,.sidebar-mobile-close:hover{background:#ffffff1c;border-color:#ffffff2e}.mobile-nav-trigger-icon{width:1.1rem;display:grid;gap:3px}.mobile-nav-trigger-icon span{height:2px;border-radius:999px;background:currentColor}.mobile-shell-brand{display:inline-flex;align-items:center;gap:.5rem;color:var(--fg-white);font-family:var(--font-head);font-weight:700;letter-spacing:-.01em}.mobile-nav-backdrop{position:fixed;top:3.5rem;right:0;bottom:0;left:0;z-index:130;display:block;padding:0;opacity:0;visibility:hidden;background:#04040ca8;border:0;cursor:default;transition:opacity var(--motion-base) var(--motion-ease-standard),visibility 0s linear var(--motion-base)}.mobile-nav-backdrop[data-open=true]{opacity:1;visibility:visible;transition-delay:0s}.app-shell>.sidebar{position:fixed;inset:3.5rem auto 0 0;z-index:140;width:min(86vw,20rem);height:auto;display:flex;visibility:hidden;transform:translate3d(-102%,0,0);box-shadow:20px 0 44px #00000057;transition:transform var(--motion-slow) var(--motion-ease-enter),visibility 0s linear var(--motion-slow);will-change:transform}.app-shell>.sidebar[data-mobile-open=true]{visibility:visible;transform:translateZ(0);transition-delay:0s}.sidebar-mobile-heading{display:flex;align-items:center;justify-content:space-between;min-height:2.5rem;padding-left:var(--sp-2);color:var(--fg-white);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar-mobile-close{font-size:1.5rem;line-height:1}.app-shell:has(.studio-shell){padding-top:0}.app-shell:has(.studio-shell) .mobile-shell-bar,.app-shell:has(.studio-shell) .mobile-nav-backdrop{display:none}}@media(prefers-reduced-motion:reduce){[data-motion-pressable=true]{transition-duration:.01ms!important}[data-motion-pressable=true]:active{transform:none!important}.sidebar-nav a:hover,.sidebar-nav a:active,.sidebar-logout:active,.mobile-nav-trigger:active,.sidebar-mobile-close:active{transform:none}.route-loading-indicator{animation:none;border-top-color:var(--purple)}.spinner{animation:none}.shine{display:none}[data-slot=dialog-overlay],[data-slot=dialog-content]{animation:none!important;transition-duration:.01ms!important}.app-shell>.sidebar,.mobile-nav-backdrop{transition-duration:.01ms}}.sidebar-appearance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;color:var(--fg-muted);font-size:.8rem}.app-shell:has(main .workspace-theme-toggle) .sidebar-appearance{display:none}.login-appearance{position:absolute;top:20px;right:20px;z-index:2}[data-workspace-theme] .login-card{background:var(--surface);border-color:var(--border);box-shadow:var(--workspace-shadow)}[data-workspace-theme] .login-card .wordmark,[data-workspace-theme] .device-code{color:var(--fg)}[data-workspace-theme] .login-card :is(.lead,.fine){color:var(--fg-muted)}[data-workspace-theme] .login-card .alert{color:var(--danger)}[data-workspace-theme] .twitch-btn{color:var(--pink-fg)}[data-workspace-theme] .otter-medallion{border-color:var(--border);box-shadow:0 0 0 6px var(--bg),var(--workspace-shadow)}[data-workspace-theme] :is(.search-input,.search-input:focus,.editor-content textarea,.editor-content textarea:focus,.code-editor-field,.code-editor-field .cm-editor){background:var(--surface);color:var(--fg)}[data-workspace-theme] .code-editor-field .cm-gutters{background:var(--surface-hover);color:var(--fg-muted);border-color:var(--border)}[data-workspace-theme] :is(.editor-title,.bc-current,.editor-breadcrumb a:hover){color:var(--fg)}[data-workspace-theme] .bc-separator{color:var(--fg-muted)}[data-workspace-theme] .editor-dirty-dot{color:var(--warning)}[data-workspace-theme] .preview-console{background:var(--bg-deep)}[data-workspace-theme] .preview-console-line code{color:var(--fg)}[data-workspace-theme] .preview-console-line.level-warn code{color:var(--warning)}[data-workspace-theme] .preview-console-line.level-error code{color:var(--danger)}[data-workspace-theme] .btn.ghost{border-color:var(--border)}[data-workspace-theme] .btn.ghost:hover{background:var(--surface-hover);border-color:var(--input)}[data-workspace-theme] :is(input,select,textarea){border-color:var(--input)}[data-workspace-theme] .empty{border-color:var(--border)}[data-workspace-theme=light] .event .source[data-source=kofi]{color:var(--danger)}[data-workspace-theme=light] .event .source[data-source=streamlabs]{color:var(--success)}.local-simulator{display:grid;gap:12px;color:var(--fg);font-size:13px}.local-simulator form{display:grid;gap:10px}.local-simulator label{display:grid;gap:4px;font-weight:600}.local-simulator input,.local-simulator select,.local-simulator textarea{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--fg);font:inherit;font-weight:400}.local-simulator :is(input,select,textarea,button):focus-visible{outline:2px solid var(--pink);outline-offset:2px}.simulator-scope{margin:0;font-weight:650}.simulator-scope span{display:block;margin-top:3px;color:var(--fg-muted);font-weight:400}.simulator-field-row,.simulator-actions{display:flex;gap:8px}.simulator-field-row>*{flex:1;min-width:0}.local-simulator button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--border);border-radius:7px;padding:8px 10px;color:var(--fg);background:var(--surface);font:inherit;cursor:pointer}.local-simulator button:disabled{opacity:.55;cursor:default}.local-simulator .simulator-primary{background:var(--pink);color:var(--ovx-on-accent);border-color:var(--pink);flex:1}.local-simulator .simulator-reset{width:100%}.simulator-compat{margin:0;font-size:.75rem;color:var(--ovx-muted, var(--muted-foreground));display:flex;flex-wrap:wrap;gap:6px;align-items:center}.simulator-compat button{border:1px solid var(--ovx-accent, var(--primary));border-radius:6px;background:transparent;color:var(--ovx-accent, var(--primary));padding:2px 8px;font-size:.72rem;font-weight:600;cursor:pointer}.simulator-error{margin:0;color:var(--danger, #bd3434)}.simulator-results{list-style:none;padding:0;margin:0;display:grid;gap:8px;max-height:160px;overflow-y:auto}.simulator-results li{display:grid;gap:2px;overflow-wrap:anywhere}.simulator-results span{color:var(--fg-muted)}.simulator-results [data-result=error] span{color:var(--danger, #bd3434)}.simulator-declared{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px}.ovx-emulate-menu{width:min(370px,calc(100vw - 24px));max-height:calc(100dvh - 155px);overflow-y:auto}.simulator-menu-content{padding:12px}.simulator-advanced{border-top:1px solid var(--border);padding-top:10px;font-size:12px;color:var(--fg-muted)}.simulator-advanced summary{cursor:pointer}.simulator-advanced label{display:block;padding-top:8px;color:var(--fg)}.simulator-popover{width:min(370px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;padding:16px;color:var(--fg);background:var(--surface)}.simulator-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.simulator-heading button,.simulator-open{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--fg);cursor:pointer}.simulator-open{font-size:12px;font-weight:600}:root[data-workspace-theme]{--r: 14px;--r-lg: 20px;--r-xl: 28px;--editor-wrap: var(--pink);--ovx-bg: var(--bg);--ovx-bg-2: var(--surface);--ovx-bg-3: var(--surface-hover);--ovx-border: var(--border);--ovx-border-2: var(--input);--ovx-fg: var(--fg);--ovx-muted: var(--fg-muted);--ovx-accent: var(--pink);--ovx-ok: var(--success);--on-page: #ffffff;--gloss: linear-gradient(180deg, rgb(255 255 255 / .78), rgb(255 255 255 / .1));--pill-accent: linear-gradient(180deg, #b4f08f 0%, #5cc84a 55%, #3fb53a 100%);--pill-accent-base: #5cc84a;--pill-accent-ink: #0b3208;--pill-danger: linear-gradient(180deg, #f07a86 0%, #c9384a 55%, #b02a3b 100%);--pill-danger-base: #c0303f;scrollbar-color:var(--input) transparent;caret-color:var(--pink)}:root[data-workspace-theme=light]{--page-bg: radial-gradient(1100px 420px at 85% -160px, rgb(255 255 255 / .35), transparent 70%), radial-gradient(120% 60% at 50% 118%, rgb(126 212 106 / .95) 0%, rgb(160 226 130 / .7) 26%, transparent 46%), linear-gradient(180deg, #1668c4 0%, #1c78d3 22%, #4fb3ef 46%, #a6e2fb 70%, #d9f6d2 88%, #9fe07f 100%);--page-bg-solid: #1c78d3;--sidebar-glass: linear-gradient(180deg, rgb(28 112 204 / .42) 0%, rgb(18 96 184 / .62) 30%, rgb(12 84 170 / .78) 55%, rgb(10 80 164 / .82) 80%, rgb(12 84 170 / .8) 100%);--sidebar-solid: linear-gradient(180deg, #1f78d2 0%, #1463bd 100%);--sidebar-border: rgb(255 255 255 / .55);--sidebar-ink: #ffffff;--sidebar-ink-muted: #e3f1ff;--sidebar-active: linear-gradient(180deg, #ffffff 0%, #eef7ff 55%, #dcedfd 100%);--sidebar-active-base: #f2f9ff;--sidebar-active-ink: #0f5fae;--panel-glass: linear-gradient(180deg, rgb(255 255 255 / .9) 0%, rgb(246 252 255 / .84) 55%, rgb(236 250 240 / .82) 100%);--card-sheen: linear-gradient(180deg, #ffffff 0%, #f3faff 100%);--stage: linear-gradient(160deg, #2f78c2 0%, #1a5596 100%);--stage-base: #2468ad;--bar-glass: linear-gradient(180deg, #ffffff 0%, #f3f9ff 55%, #e7f2fd 100%);--bar-highlight: rgb(255 255 255 / .95);--glass: linear-gradient(180deg, rgb(255 255 255 / .78), rgb(240 249 255 / .66));--glass-strong: rgb(244 250 255 / .94);--glass-border: rgb(255 255 255 / .85);--shadow-panel: inset 0 1px 0 rgb(255 255 255 / .9), 0 14px 38px rgb(8 58 120 / .2);--shadow-card: 0 1px 0 rgb(255 255 255 / .9) inset, 0 6px 18px rgb(12 60 120 / .1);--dot: #bcd7ee;--bubble: rgb(255 255 255 / .9);--pill-primary: linear-gradient(180deg, #5aa9ee 0%, #1f74d0 52%, #1463c2 100%);--pill-primary-base: #1463c2;--pill-primary-ink: #ffffff;--pill-glass: linear-gradient(180deg, #ffffff 0%, #eaf5ff 55%, #d9ecfd 100%);--pill-glass-base: #eaf5ff;--pill-glass-ink: #0f5fae;--bg: #eef7fd;--bg-deep: #e2f0fa;--surface: #ffffff;--surface-solid: #ffffff;--surface-hover: #e6f2fc;--border: #cfe2f3;--border-subtle: #e3eef8;--fg: #0c2f55;--fg-muted: #46607d;--fg-white: #0c2f55;--fg-white-muted: #46607d;--sidebar-bg: transparent;--muted: #e3eff9;--input: #9dbcd8;--pink: #1463c2;--pink-dark: #0f56b0;--pink-grad: #1463c2;--pink-fg: #ffffff;--purple: #1463c2;--purple-light: #1463c2;--purple-fg: #ffffff;--ovx-on-accent: #ffffff;--danger: #b82e3e;--success: #1a6e2f;--warning: #8a5a00;--workspace-canvas: #eef1f5;--workspace-dot: #c9d3de;--workspace-shadow: 0 12px 36px rgb(8 58 120 / 14%)}:root[data-workspace-theme=dark]{--page-bg: radial-gradient(1100px 420px at 85% -160px, rgb(92 182 255 / .22), transparent 70%), radial-gradient(120% 60% at 50% 118%, rgb(22 160 150 / .45) 0%, transparent 46%), linear-gradient(180deg, #041629 0%, #072646 30%, #0a3963 62%, #0b4868 84%, #0a4f5c 100%);--page-bg-solid: #072646;--sidebar-glass: linear-gradient(180deg, rgb(14 46 84 / .8) 0%, rgb(8 32 60 / .86) 100%);--sidebar-solid: linear-gradient(180deg, #0f2f55 0%, #0a2340 100%);--sidebar-border: rgb(140 200 255 / .25);--sidebar-ink: #e8f4ff;--sidebar-ink-muted: #b9d4ee;--sidebar-active: linear-gradient(180deg, #d4eeff 0%, #8fcdfb 52%, #6fbdf6 100%);--sidebar-active-base: #7cc4ff;--sidebar-active-ink: #062443;--panel-glass: linear-gradient(180deg, rgb(12 38 68 / .9) 0%, rgb(10 33 60 / .9) 100%);--card-sheen: linear-gradient(180deg, #143659 0%, #11304f 100%);--stage: linear-gradient(160deg, #123a63 0%, #0a2340 100%);--stage-base: #0e2e50;--bar-glass: linear-gradient(180deg, #17395e 0%, #11304f 55%, #0d2844 100%);--bar-highlight: rgb(160 215 255 / .18);--glass: linear-gradient(180deg, rgb(12 40 72 / .82), rgb(8 30 56 / .74));--glass-strong: rgb(10 33 60 / .95);--glass-border: rgb(140 200 255 / .22);--shadow-panel: inset 0 1px 0 rgb(160 215 255 / .14), 0 16px 40px rgb(0 0 0 / .35);--shadow-card: inset 0 1px 0 rgb(160 215 255 / .1), 0 6px 18px rgb(0 0 0 / .25);--dot: #1f4a74;--bubble: rgb(190 230 255 / .4);--pill-primary: linear-gradient(180deg, #d4eeff 0%, #8fcdfb 52%, #6fbdf6 100%);--pill-primary-base: #7cc4ff;--pill-primary-ink: #062443;--pill-glass: linear-gradient(180deg, #2a5f92 0%, #1d4a78 55%, #183f68 100%);--pill-glass-base: #1d4a78;--pill-glass-ink: #e8f4ff;--bg: #0b2340;--bg-deep: #081a31;--surface: #11304f;--surface-solid: #143659;--surface-hover: #1a4169;--border: #24507a;--border-subtle: #1a3d60;--fg: #e8f4ff;--fg-muted: #a9c4de;--fg-white: #e8f4ff;--fg-white-muted: #a9c4de;--sidebar-bg: transparent;--muted: #183a5e;--input: #4a78a3;--pink: #7cc4ff;--pink-dark: #5cb2f5;--pink-grad: #7cc4ff;--pink-fg: #062443;--purple: #7cc4ff;--purple-light: #8fcdfb;--purple-fg: #062443;--ovx-on-accent: #062443;--danger: #ff9aa6;--success: #7fdc8f;--warning: #f0c46a;--workspace-canvas: #172433;--workspace-dot: #2c3e52;--workspace-shadow: 0 12px 36px rgb(0 0 0 / 30%)}html[data-workspace-theme]{background:var(--page-bg-solid);background-image:var(--page-bg);background-attachment:fixed}[data-workspace-theme] iframe{color-scheme:light}[data-workspace-theme] ::selection{background:color-mix(in srgb,var(--pink) 25%,transparent);color:var(--fg)}[data-workspace-theme] :focus-visible{outline-color:var(--pink)}[data-workspace-theme] input::placeholder,[data-workspace-theme] textarea::placeholder{color:var(--fg-muted);opacity:1}.workspace-theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--fg-muted);cursor:pointer}.workspace-theme-toggle:hover{background:var(--surface-hover);color:var(--fg)}.workspace-theme-toggle svg{width:17px;height:17px}[data-workspace-theme] .studio-shell{background:var(--bg)}[data-workspace-theme] .studio-topbar{background:var(--surface);border-color:var(--border);min-height:64px}[data-workspace-theme] .studio-topbar h1{font-size:1rem}[data-workspace-theme] .studio-layout-nav,[data-workspace-theme] .studio-inspector,[data-workspace-theme] .studio-skin-panel,[data-workspace-theme] .studio-panel,[data-workspace-theme] .studio-catalog,[data-workspace-theme] .themes-catalog,[data-workspace-theme] .theme-panel,[data-workspace-theme] .theme-preview-shell,[data-workspace-theme] .theme-preview-top{background:var(--surface)}[data-workspace-theme] .theme-preview-tests,[data-workspace-theme] .studio-preview-toolbar{background:var(--surface-hover)}[data-workspace-theme] .theme-preview-shell{box-shadow:none;border-color:var(--border)}[data-workspace-theme] .studio-skin-gallery-link{color:var(--pink)}[data-workspace-theme] .studio-save-status.is-dirty{color:var(--warning)}[data-workspace-theme] .studio-save-status.is-saved{color:var(--success)}[data-workspace-theme] .studio-save-status.is-error{color:var(--danger)}[data-workspace-theme] .toast{background:var(--surface);box-shadow:var(--workspace-shadow)}[data-workspace-theme] .toast-region{bottom:54px}[data-workspace-theme] .ovx-shell{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) 42px}[data-workspace-theme] .ovx-shell-new{display:flex}[data-workspace-theme] .ovx-topbar{min-height:64px;padding:10px 18px;gap:16px}[data-workspace-theme] .ovx-logo{gap:12px;flex:1}[data-workspace-theme] .ovx-logo>svg{color:var(--ovx-accent)}[data-workspace-theme] .ovx-logo span,[data-workspace-theme] .ovx-heading-name{max-width:min(32vw,440px)}.ovx-heading-copy{display:grid;gap:2px;min-width:0}.ovx-heading-copy small{color:var(--ovx-muted);font:400 .75rem var(--font)}.ovx-heading-copy .ovx-draft-status{font-size:.75rem;color:var(--ovx-muted)}.ovx-heading-copy .ovx-draft-status-error,.ovx-heading-copy .ovx-draft-status-conflict{color:var(--danger)}.ovx-heading-copy .ovx-draft-status-dirty,.ovx-heading-copy .ovx-draft-status-offline{color:var(--warning)}[data-workspace-theme] .ovx-chip{min-height:34px;border-radius:8px;font-size:.78rem;background:var(--surface)}[data-workspace-theme] .ovx-chip:hover{background:var(--surface-hover);text-decoration:none}[data-workspace-theme] .ovx-chip:disabled{opacity:.5;cursor:not-allowed}[data-workspace-theme] .ovx-fullbtn.ovx-danger{color:var(--danger)}[data-workspace-theme] .ovx-publication-chip:not(.warning){background:var(--ovx-accent);color:var(--ovx-on-accent);border-color:var(--ovx-accent)}.ovx-canvas-toolbar{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 18px;border-bottom:1px solid var(--ovx-border);background:var(--ovx-bg-2)}.ovx-canvas-toolbar .ovx-tools{background:transparent;padding:0;gap:4px}.ovx-canvas-toolbar .ovx-tools button{width:34px;height:34px;border-radius:7px}[data-workspace-theme] .ovx-tools button.active{background:var(--surface-hover);color:var(--ovx-accent);box-shadow:inset 0 0 0 1px var(--border)}[data-workspace-theme] .ovx-tools button:hover:not(:disabled){background:var(--surface-hover)}.ovx-canvas-toolbar .ovx-emulate-wrap{margin-left:auto}.ovx-toolbar-caption{color:var(--ovx-muted);font-size:.75rem}.ovx-panel-toggle{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--ovx-fg);min-height:34px;font-size:.78rem}.ovx-panel-toggle svg{width:17px;height:17px}.ovx-output-menu{display:flex;flex-direction:column;gap:6px;width:250px;padding:12px;background:var(--surface);color:var(--fg)}.ovx-output-menu .ovx-chip{justify-content:flex-start}.ovx-output-menu p{color:var(--fg-muted);font-size:.75rem;margin:2px 0 6px}.ovx-notices:empty{display:none}.ovx-notices{max-height:24dvh;overflow:auto;grid-row:3}[data-workspace-theme] .ovx-main{grid-row:4}[data-workspace-theme] .ovx-bottombar{grid-row:5;font:.75rem var(--font);padding:0 16px}[data-workspace-theme] .ovx-bb-item{border:0}[data-workspace-theme] .ovx-bb-zoom button{min-height:30px;min-width:30px;align-items:center;justify-content:center}[data-workspace-theme] .ovx-bb-zoom-val{font-size:.75rem;font-variant-numeric:tabular-nums}[data-workspace-theme] .ovx-main.ovx-settings-mode,[data-workspace-theme] .ovx-main.ovx-layers-mode{grid-template-columns:310px minmax(0,1fr)}[data-workspace-theme] .ovx-main.ovx-panel-collapsed{grid-template-columns:minmax(0,1fr)}.ovx-main.ovx-panel-collapsed>.ovx-left,.ovx-main.ovx-panel-collapsed>.ovx-right{display:none}[data-workspace-theme] .ovx-main.ovx-panel-collapsed>.ovx-canvas-area{grid-column:1;grid-row:1}[data-workspace-theme] .ovx-canvas-area{background:var(--workspace-canvas)}[data-workspace-theme] .ovx-canvas-area .workspace-canvas{background:radial-gradient(circle,var(--workspace-dot) .8px,transparent .8px) 0 0 / 20px 20px var(--bg);border-color:var(--input);border-radius:8px;box-shadow:var(--workspace-shadow)}[data-workspace-theme] .canvas-grid-overlay{opacity:.3}[data-workspace-theme] .canvas-safe-area{border-color:var(--input)}[data-workspace-theme] .ovx-add-slot{padding:14px}[data-workspace-theme] .ovx-add-trigger{min-height:50px;background:var(--surface-hover)}[data-workspace-theme] .ovx-right-head{flex-wrap:wrap;padding:12px 16px}[data-workspace-theme] .ovx-right-title{flex-basis:60%;order:1;margin-top:8px;font-size:.95rem}[data-workspace-theme] .ovx-right-badge{order:2;margin-top:8px;font:.7rem var(--font)}[data-workspace-theme] .ovx-right-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:1px;padding:8px 6px}[data-workspace-theme] .ovx-right-tab{font-size:.7rem;min-height:34px;padding:7px 3px;flex:1 0 auto;white-space:nowrap}[data-workspace-theme] .ovx-right-tab.active{color:var(--ovx-accent);background:var(--surface-hover)}[data-workspace-theme] .ovx-section{padding:16px}[data-workspace-theme] .ovx-section-title{font-size:.78rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--fg)}[data-workspace-theme] .ovx-field{margin-bottom:12px;gap:6px}[data-workspace-theme] .ovx-field span{font:.75rem var(--font)}[data-workspace-theme] .ovx-field input,[data-workspace-theme] .ovx-field select,[data-workspace-theme] .ovx-field textarea{min-height:36px;background:var(--surface);border-color:var(--input);border-radius:7px;font-size:.8rem}[data-workspace-theme] .ovx-field input:focus-visible,[data-workspace-theme] .ovx-field select:focus-visible,[data-workspace-theme] .ovx-field textarea:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.ovx-composition-details>summary{cursor:pointer;color:var(--ovx-muted);font-size:.78rem}.ovx-composition-details[open]>summary{margin-bottom:12px}[data-workspace-theme] .ovx-goal-progress-track{background:var(--border)}[data-workspace-theme] .ovx-accordion-header{font-size:.76rem;letter-spacing:0;text-transform:none;padding:14px 16px}[data-workspace-theme] .ovx-accordion-body{padding:0 16px 14px}[data-workspace-theme] .ovx-search{background:var(--surface);border-color:var(--input)}[data-workspace-theme] .ovx-add-catalog{box-shadow:var(--workspace-shadow)}[data-workspace-theme] .ovx-emulate-menu{background:var(--surface);border-color:var(--border);color:var(--fg);box-shadow:var(--workspace-shadow)}[data-workspace-theme] .ovx-emulate-head{background:var(--surface-hover);color:var(--fg)}[data-workspace-theme] .ovx-code-tabs button.active{color:var(--ovx-on-accent)}@media(max-height:600px){[data-workspace-theme] .ovx-empty-canvas{gap:4px;padding:10px}[data-workspace-theme] .ovx-empty-canvas-icon{display:none}[data-workspace-theme] .ovx-empty-canvas h3{font-size:.85rem}[data-workspace-theme] .ovx-empty-canvas p{font-size:.75rem;line-height:1.3}[data-workspace-theme] .ovx-empty-canvas-actions{margin-top:4px;flex-wrap:wrap;justify-content:center}}@media(max-width:1100px){.ovx-toolbar-caption{display:none}}@media(max-width:860px){[data-workspace-theme] .ovx-topbar{flex-wrap:wrap;padding:10px 12px;gap:8px}[data-workspace-theme] .ovx-logo span,[data-workspace-theme] .ovx-heading-name{max-width:60vw}[data-workspace-theme] .ovx-topbar-right{flex:1 0 auto;flex-wrap:wrap;justify-content:flex-end}[data-workspace-theme] .ovx-main.ovx-settings-mode,[data-workspace-theme] .ovx-main.ovx-layers-mode{display:grid;grid-template-columns:min(280px,42vw) minmax(0,1fr);overflow:hidden}[data-workspace-theme] .ovx-main>.ovx-left,[data-workspace-theme] .ovx-main>.ovx-right{grid-column:1;grid-row:1;max-height:none;min-height:0}[data-workspace-theme] .ovx-main>.ovx-canvas-area{grid-column:2;grid-row:1}[data-workspace-theme] .ovx-main.ovx-panel-collapsed{grid-template-columns:minmax(0,1fr)}.ovx-canvas-toolbar{padding:6px 10px;gap:6px;flex-wrap:wrap}.ovx-panel-toggle span,[data-workspace-theme] .ovx-bb-name{display:none}}@media(max-width:580px){[data-workspace-theme] .ovx-main.ovx-settings-mode,[data-workspace-theme] .ovx-main.ovx-layers-mode{grid-template-columns:minmax(0,1fr);overflow-y:auto}[data-workspace-theme] .ovx-main>.ovx-left,[data-workspace-theme] .ovx-main>.ovx-right{grid-row:1;max-height:42dvh}[data-workspace-theme] .ovx-main>.ovx-canvas-area{grid-column:1;grid-row:2;min-height:260px}[data-workspace-theme] .ovx-main.ovx-panel-collapsed>.ovx-canvas-area{grid-row:1;min-height:100%}[data-workspace-theme] .ovx-bb-count{display:none}[data-workspace-theme] .ovx-bottombar{padding:0 4px;font-size:.68rem}}.widget-thumbnail{position:relative;width:100%;overflow:hidden;border-bottom:1px solid var(--border);background:var(--stage-base);background-image:radial-gradient(rgb(255 255 255 / .14) 1px,transparent 1.2px),var(--stage);background-size:16px 16px,100% 100%}.widget-thumbnail-stage{position:absolute;top:12px;right:12px;bottom:12px;left:12px;overflow:hidden}.widget-thumbnail:has(.widget-thumbnail-caption) .widget-thumbnail-stage{bottom:28px}.widget-thumbnail-caption{position:absolute;bottom:6px;right:12px;color:#fff;font-size:10px;line-height:14px}.widget-thumbnail-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;text-align:center;font-size:12px;color:#fff}.widget-thumbnail-state button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border:1px solid rgb(255 255 255 / .9);background:var(--sidebar-active-base);background-image:var(--sidebar-active);color:var(--sidebar-active-ink);border-radius:999px;padding:4px 12px;font-weight:600}.widget-thumbnail-state button:focus-visible{outline:2px solid #fff;outline-offset:3px}.widget-library-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);background:var(--card);border-radius:12px;box-shadow:0 2px 6px #20133308}.widget-library-card:focus-within{border-color:var(--primary)}.widget-favorite{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;color:var(--muted-foreground);background:transparent;border:0;border-radius:6px}.widget-favorite[aria-pressed=true]{color:var(--primary)}.widget-favorite:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.widget-card-actions{display:flex;gap:8px;padding:0 16px 16px}.widget-card-actions>button:first-child{flex:1}.widget-library-error{border:1px solid var(--border);background:var(--card);padding:28px;border-radius:12px}.ovx-add-catalog .ovx-catalog-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:0 12px;border:1px solid var(--ovx-border);border-radius:8px;overflow:hidden;margin:6px 0}.ovx-catalog-card .widget-thumbnail{border:0}.ovx-catalog-card button.ovx-add-result{text-align:left;display:flex;min-width:0;padding:10px 10px 10px 0}.ovx-catalog-card .ovx-add-result-copy{min-width:0}.ovx-catalog-card .ovx-add-result-copy small{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.ovx-catalog-card .ovx-add-result-meta{display:block;margin-top:6px;font-size:11px;color:var(--ovx-accent)}.widget-versions-entry{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.widget-versions-entry>span{font-size:11px;color:var(--muted-foreground)}.ovx-right>.widget-versions-entry{padding:10px 12px;border-bottom:1px solid var(--border)}.widget-versions-dialog{min-width:0;box-sizing:border-box;width:min(1060px,calc(100vw - 32px));max-width:min(1060px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface-solid);color:var(--fg)}.version-select{display:flex;align-items:center;gap:12px;font-size:13px}.version-select select{padding:7px 12px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground)}.version-changelog{font-size:13px;padding:12px;background:var(--muted);border-radius:8px}.version-changelog p{margin:5px 0 0;white-space:pre-wrap}.version-review-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:16px;align-items:start;min-width:0}.version-preview{min-width:0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.version-preview-label{padding:8px 12px;background:var(--muted);font-size:12px}.version-preview iframe{display:block;width:100%;height:220px;border:0;background:repeating-conic-gradient(#b7b4bf20 0% 25%,transparent 0% 50%) 0 0/20px 20px}.version-preview details{padding:12px;border-top:1px solid var(--border);font-size:13px}.version-preview summary{cursor:pointer}.version-fields{max-height:330px;overflow:auto;padding:0 8px;min-width:0}.version-issues{border:1px solid var(--border);border-radius:8px;padding:12px;font-size:12px;background:var(--muted)}.version-issues ul{padding-left:20px;margin:8px 0}.version-issues code{overflow-wrap:anywhere}.version-issues label{display:flex;gap:8px;align-items:start}.version-issues input{margin-top:2px}.version-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid var(--border);padding-top:14px}.version-actions p{flex:1 1 250px;font-size:12px;color:var(--muted-foreground)}.version-error{font-size:13px;color:var(--destructive)}@media(max-width:900px){.version-review-grid{grid-template-columns:1fr}.version-fields{max-height:230px}.version-preview iframe{height:200px}}.widget-versions-dialog [data-slot=dialog-title],.widget-versions-dialog [data-slot=dialog-description]{margin:0}.widget-versions-dialog [data-slot=dialog-header]{gap:6px}.widget-versions-dialog .version-actions{position:sticky;bottom:-24px;background:var(--surface-solid);padding:12px 0 4px}.version-fields .se-form{min-width:0;grid-template-columns:minmax(0,1fr)}.version-fields .se-section{min-inline-size:0;max-width:100%}.version-fields .se-row{flex-wrap:wrap}.version-fields .se-lbl{overflow-wrap:anywhere}.version-fields :is(input,select,.se-slider,.se-image-input,.se-field-search){min-width:0;max-width:100%}@media(min-width:1440px){[data-workspace-theme] .ovx-main.ovx-settings-mode,[data-workspace-theme] .ovx-main.ovx-layers-mode{grid-template-columns:260px minmax(0,1fr) 310px}[data-workspace-theme] .ovx-main:not(.ovx-panel-collapsed)>.ovx-left{display:flex;grid-column:1;grid-row:1}[data-workspace-theme] .ovx-main:not(.ovx-panel-collapsed)>.ovx-canvas-area{grid-column:2;grid-row:1}[data-workspace-theme] .ovx-main:not(.ovx-panel-collapsed)>.ovx-right{display:flex;grid-column:3;grid-row:1;border-left:1px solid var(--ovx-border);border-right:0}[data-workspace-theme] .ovx-main .ovx-right .ovx-pane-switch,[data-workspace-theme] .ovx-main .ovx-left .ovx-pane-switch-settings{display:none}}[data-workspace-theme] .background-mode-grid button{color:var(--fg-muted);background:var(--surface-hover);border-color:var(--input)}[data-workspace-theme] .background-mode-grid button:hover,[data-workspace-theme] .background-mode-grid button.active{color:var(--fg);background:var(--surface-hover);border-color:var(--ovx-accent)}[data-workspace-theme] .background-hint{color:var(--fg-muted)}[data-workspace-theme] .background-check span,[data-workspace-theme] .background-field span{color:var(--fg)}[data-workspace-theme] main#main{background:transparent;background-image:none}[data-workspace-theme] main#main:has(.studio-shell,.ovx-shell,.editor-shell){background:var(--bg)}[data-workspace-theme] .sidebar{background:var(--sidebar-glass);border-right:1px solid var(--sidebar-border);box-shadow:inset 0 1px #ffffff73,0 14px 38px #04285a40;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);color:var(--sidebar-ink)}@media(min-width:769px){[data-workspace-theme] .app-shell>.sidebar{margin:12px 0 12px 12px;height:calc(100% - 24px);border:1px solid var(--sidebar-border);border-radius:var(--r-xl);padding:var(--sp-4) var(--sp-3)}}[data-workspace-theme] .sidebar-logo{border-bottom-color:var(--sidebar-border)}[data-workspace-theme] :is(.sidebar-logo-name,.sidebar-username){color:var(--sidebar-ink);text-shadow:0 1px 2px rgb(4 40 90 / .35)}[data-workspace-theme] .sidebar-logo-name{font-weight:800}[data-workspace-theme] .sidebar-avatar{position:relative;overflow:hidden;isolation:isolate;background:var(--sidebar-active-base);background-image:var(--sidebar-active);color:var(--sidebar-active-ink);box-shadow:0 2px 6px #04285a4d}[data-workspace-theme] .sidebar-nav{gap:1px;scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .4) transparent}[data-workspace-theme] .sidebar-nav .sidebar-task-heading{margin:.85rem .75rem .2rem;color:var(--sidebar-ink-muted);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}[data-workspace-theme] .sidebar-nav a{position:relative;isolation:isolate;overflow:hidden;padding:.46rem .85rem;border:1px solid transparent;border-left-width:1px;border-radius:999px;color:var(--sidebar-ink);font-weight:500;text-shadow:0 1px 2px rgb(4 40 90 / .3)}[data-workspace-theme] .sidebar-nav a svg{opacity:.9}[data-workspace-theme] .sidebar-nav a:hover{background:#ffffff29;color:var(--sidebar-ink)}[data-workspace-theme] .sidebar-nav a.active{background:var(--sidebar-active-base);background-image:var(--sidebar-active);border-color:#ffffffe6;color:var(--sidebar-active-ink);font-weight:600;text-shadow:none;box-shadow:0 3px 10px #04285a4d}[data-workspace-theme] .sidebar-nav a.active svg{opacity:1}[data-workspace-theme] .sidebar-appearance{color:var(--sidebar-ink)}[data-workspace-theme] .sidebar-logout{border-radius:999px;background:var(--sidebar-active-base);background-image:var(--sidebar-active);border:1px solid rgb(255 255 255 / .9);color:var(--sidebar-active-ink);box-shadow:0 2px 8px #04285a40}[data-workspace-theme] .sidebar-logout:hover{background:var(--surface);border-color:color-mix(in srgb,var(--danger) 45%,var(--border));color:var(--danger)}@media(max-width:768px){[data-workspace-theme] .mobile-shell-bar{background:var(--sidebar-solid);border-bottom:1px solid var(--sidebar-border);box-shadow:0 6px 20px #04285a40}[data-workspace-theme] :is(.mobile-shell-brand,.sidebar-mobile-heading){color:var(--sidebar-ink)}[data-workspace-theme] :is(.mobile-nav-trigger,.sidebar-mobile-close){border-radius:999px;color:var(--sidebar-active-ink);background:var(--sidebar-active-base);border-color:#ffffffe6}[data-workspace-theme] .app-shell>.sidebar{background:var(--sidebar-solid)}}[data-workspace-theme] .workspace-theme-toggle{border-radius:999px;background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-card)}[data-workspace-theme] :is([data-slot=button][data-variant=default],[data-slot=button][data-variant=accent],[data-slot=button][data-variant=secondary],[data-slot=button][data-variant=destructive],.sidebar-nav a.active,.sidebar-avatar,.aero-chip:is([aria-pressed=true],[data-active]),.studio-filter-row button.is-active,.ovx-publication-chip:not(.warning),.ovx-emulate-btn,.local-simulator .simulator-primary,.theme-tabs button.is-active,.editor-tab.active,.test-btn.auto,.test-btn.console-toggle.active){position:relative;isolation:isolate;overflow:hidden}[data-workspace-theme] :is([data-slot=button][data-variant=default],[data-slot=button][data-variant=accent],[data-slot=button][data-variant=secondary],[data-slot=button][data-variant=destructive],.sidebar-nav a.active,.sidebar-avatar,.aero-chip:is([aria-pressed=true],[data-active]),.studio-filter-row button.is-active,.ovx-publication-chip:not(.warning),.ovx-emulate-btn,.local-simulator .simulator-primary,.theme-tabs button.is-active,.editor-tab.active,.test-btn.auto,.test-btn.console-toggle.active):before{content:"";position:absolute;z-index:-1;left:7%;right:7%;top:1px;height:50%;border-radius:999px;background:var(--gloss);opacity:.7;pointer-events:none}[data-workspace-theme] [data-slot=button][data-variant=default]{background-color:var(--pill-primary-base);background-image:var(--pill-primary);color:var(--pill-primary-ink);border-color:color-mix(in srgb,var(--pill-primary-base) 72%,#000);box-shadow:inset 0 -1px #0000001f,0 2px 8px #083a7847}[data-workspace-theme] [data-slot=button][data-variant=accent]{background-color:var(--pill-accent-base);background-image:var(--pill-accent);color:var(--pill-accent-ink);border-color:#2f9a2c;box-shadow:inset 0 -1px #0000001a,0 2px 8px #1e6e1e47}[data-workspace-theme] [data-slot=button][data-variant=secondary]{background-color:var(--pill-glass-base);background-image:var(--pill-glass);color:var(--pill-glass-ink);border-color:var(--border);box-shadow:0 1px 4px #083a7824}[data-workspace-theme] [data-slot=button][data-variant=destructive]{background-color:var(--pill-danger-base);background-image:var(--pill-danger);color:#fff;border-color:#962233}[data-workspace-theme] [data-slot=button][data-variant=outline]{background-color:var(--surface);border-color:var(--border);box-shadow:0 1px 3px #083a781a}[data-workspace-theme] [data-slot=button][data-variant=outline]:hover{background-color:var(--surface-hover);border-color:var(--input)}[data-workspace-theme] [data-slot=button]:is([data-variant=default],[data-variant=accent],[data-variant=secondary],[data-variant=destructive]):hover{filter:brightness(1.06) saturate(1.05)}[data-workspace-theme] a[data-slot=button][data-variant=default]{color:var(--pill-primary-ink)}[data-workspace-theme] a[data-slot=button][data-variant=accent]{color:var(--pill-accent-ink)}[data-workspace-theme] a[data-slot=button][data-variant=secondary]{color:var(--pill-glass-ink)}[data-workspace-theme] a[data-slot=button][data-variant=outline]{color:var(--fg)}.page-layout{display:grid;gap:1.5rem}.dashboard-page.page-layout{width:min(100%,1320px)}.page-layout-header{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem;padding:.5rem .25rem 0;color:var(--on-page)}.page-layout-copy{position:relative;z-index:1;display:grid;gap:.35rem;min-width:0;max-width:46rem}.page-layout-eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--on-page)}.page-layout-title{margin:0;font-size:clamp(2rem,1.4rem + 2.2vw,3rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:var(--on-page);text-shadow:0 2px 10px rgb(4 40 90 / .35)}.page-layout-description{margin:.25rem 0 0;font-size:1rem;color:var(--on-page);text-wrap:pretty;text-shadow:0 1px 4px rgb(4 40 90 / .3)}.page-layout-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.35rem}.page-layout-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.page-panel{position:relative;min-width:0;padding:clamp(1rem,2.2vw,1.75rem);border:1px solid var(--glass-border);border-radius:var(--r-xl);background:var(--panel-glass);box-shadow:var(--shadow-panel);color:var(--fg);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.page-panel.dot-grid{background-color:transparent;background-image:radial-gradient(var(--dot) 1.2px,transparent 1.3px),var(--panel-glass);background-size:18px 18px,100% 100%}.preview-stage{--checker: color-mix(in srgb, var(--fg) 7%, var(--workspace-canvas));position:relative;width:min(100%,calc((100dvh - 16rem) * 16 / 9));min-width:min(100%,20rem);margin-inline:auto;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-lg);background:conic-gradient(var(--checker) 25%,transparent 0 50%,var(--checker) 0 75%,transparent 0) 0 0 / 24px 24px,var(--workspace-canvas)}.preview-stage iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:transparent}.dot-grid{background-image:radial-gradient(var(--dot) 1.2px,transparent 1.3px);background-size:18px 18px;background-position:9px 9px}.aero-bubbles{position:absolute;inset:-1.5rem 0 auto auto;width:min(320px,45%);height:150px;pointer-events:none}.aero-bubbles span{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 28%,var(--bubble) 0%,rgb(255 255 255 / .28) 34%,rgb(255 255 255 / .06) 68%,transparent 72%);box-shadow:inset 0 0 0 1px #ffffff73,inset -4px -6px 12px #ffffff1f}.aero-bubbles span:nth-child(1){width:64px;height:64px;right:6%;top:8px}.aero-bubbles span:nth-child(2){width:28px;height:28px;right:30%;top:54px}.aero-bubbles span:nth-child(3){width:16px;height:16px;right:22%;top:12px}.aero-bubbles span:nth-child(4){width:40px;height:40px;right:46%;top:84px;opacity:.8}@media(max-width:1023px){.aero-bubbles{display:none}}[data-workspace-theme] .login-shell{background:transparent!important}[data-workspace-theme] .scene{background:var(--page-bg-solid);background-image:var(--page-bg)}[data-workspace-theme] .aurora-1{background:radial-gradient(circle,rgb(255 255 255 / .55) 0%,transparent 70%)}[data-workspace-theme] .aurora-2{background:radial-gradient(circle,rgb(126 214 106 / .6) 0%,transparent 70%)}[data-workspace-theme] .grain{display:none}[data-workspace-theme] .bubble{background:radial-gradient(circle at 32% 28%,var(--bubble) 0%,rgb(255 255 255 / .25) 34%,rgb(255 255 255 / .05) 68%,transparent 72%);border:1px solid rgb(255 255 255 / .5)}[data-workspace-theme] .login-card{border:1px solid var(--glass-border);border-radius:var(--r-xl);background:var(--glass-strong);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}[data-workspace-theme] .wordmark-accent{color:var(--pink)}[data-workspace-theme] .otter-medallion{box-shadow:0 0 0 6px var(--glass-border),var(--shadow-panel)}[data-workspace-theme] .twitch-btn{isolation:isolate;border-radius:999px;background-color:var(--pill-primary-base);background-image:var(--pill-primary);color:var(--pill-primary-ink);border:1px solid color-mix(in srgb,var(--pill-primary-base) 72%,#000)}[data-workspace-theme] .twitch-btn:before{content:"";position:absolute;z-index:-1;left:5%;right:5%;top:1px;height:50%;border-radius:999px;background:var(--gloss);opacity:.7;pointer-events:none}[data-workspace-theme=dark] .aero-bubbles span{opacity:.55;box-shadow:inset 0 0 0 1px #a0d7ff59}[data-workspace-theme] [data-slot=card]{background-image:var(--card-sheen);border-color:color-mix(in srgb,var(--border) 70%,#fff)}.aero-chip,.studio-filter-row button{display:inline-flex;align-items:center;gap:.4rem;min-height:2.5rem;padding:0 .9rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--fg-muted);font:inherit;font-size:.875rem;font-weight:500;box-shadow:0 1px 3px #083a7814;transition:background-color .15s var(--ease-out),border-color .15s var(--ease-out),color .15s var(--ease-out),transform .15s var(--ease-out)}.aero-chip:hover,.studio-filter-row button:hover{border-color:var(--input);color:var(--fg)}.aero-chip:is([aria-pressed=true],[data-active]),.studio-filter-row button.is-active{background-color:var(--pill-primary-base);background-image:var(--pill-primary);border-color:color-mix(in srgb,var(--pill-primary-base) 72%,#000);color:var(--pill-primary-ink);font-weight:600;box-shadow:0 2px 8px #083a7840}.studio-filter-row button{min-height:2.25rem;font-size:.8rem}.studio-filter-row .studio-filter-clear{border-style:dashed}.aero-rail{border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--bg) 70%,transparent);box-shadow:inset 0 1px 3px #083a781f}[data-workspace-theme] .studio-catalog-filters{margin:-.5rem -.5rem 1.5rem;padding:.75rem .5rem;border-radius:var(--r-lg);background:color-mix(in srgb,var(--bg) 88%,transparent)}[data-workspace-theme] :is(.widget-library-card,.studio-widget-card){border:1px solid color-mix(in srgb,var(--border) 70%,#fff);border-radius:var(--r-lg);background:var(--surface);background-image:var(--card-sheen);box-shadow:var(--shadow-card)}[data-workspace-theme] :is(.widget-library-card,.studio-widget-card):is(:hover,:focus-within){border-color:color-mix(in srgb,var(--pink) 45%,var(--border));box-shadow:var(--shadow-card),0 10px 26px #083a7824}[data-workspace-theme] .studio-widget-preview{background:var(--stage-base)}[data-workspace-theme] .studio-widget-preview-canvas{background:radial-gradient(circle at 20% 18%,color-mix(in srgb,var(--catalog-preview-accent, #8fd3f7) 45%,transparent),transparent 40%),var(--stage)}[data-workspace-theme] .studio-widget-card-origin{color:var(--pink)}.aero-stage{position:relative;border-bottom:1px solid var(--border);background:var(--stage-base);background-image:radial-gradient(rgb(255 255 255 / .14) 1px,transparent 1.2px),var(--stage);background-size:16px 16px,100% 100%;color:#fff}.aero-stage-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid rgb(255 255 255 / .55);border-radius:999px;background:linear-gradient(180deg,#fff6,#ffffff1a);box-shadow:inset 0 1px #fff9,0 4px 12px #04285a40}.aero-warn-icon{display:grid;flex-shrink:0;place-items:center;width:2rem;height:2rem;border:1px solid #e0a52a;border-radius:999px;background:linear-gradient(180deg,#ffe7a6,#f8c451);box-shadow:inset 0 1px #ffffffb3,0 2px 6px #a0640040;color:#5a3a00}.aero-progress{border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 80%,var(--surface));box-shadow:inset 0 1px 3px #083a782e}.aero-progress-fill{background-color:var(--pill-accent-base);background-image:linear-gradient(180deg,rgb(255 255 255 / .55) 0%,rgb(255 255 255 / .1) 50%,transparent 51%),var(--pill-accent)}.aero-empty{display:flex;flex-direction:column;align-items:center;gap:.9rem;max-width:34rem;margin:0 auto;padding:2.5rem 1.5rem;text-align:center}.aero-empty-bubble{position:relative;display:grid;place-items:center;width:5rem;height:5rem;border:1px solid rgb(255 255 255 / .9);border-radius:999px;background:radial-gradient(circle at 32% 26%,rgb(255 255 255 / .95) 0%,rgb(255 255 255 / .2) 30%,transparent 55%),var(--stage);box-shadow:inset 0 -6px 14px #04285a40,0 10px 26px #083a7840;color:#fff}[data-workspace-theme] :is(.ovx-topbar,.ovx-canvas-toolbar,.ovx-bottombar,.studio-topbar){background:var(--bar-glass);border-color:var(--border);box-shadow:inset 0 1px 0 var(--bar-highlight)}[data-workspace-theme] .ovx-bottombar{font-family:var(--font);font-size:.72rem}[data-workspace-theme] .ovx-chip{border-radius:999px;padding-inline:.85rem;border-color:var(--border);background:var(--surface);box-shadow:0 1px 3px #083a781a;font-weight:600}[data-workspace-theme] .ovx-chip:not(.ovx-emulate-btn,.ovx-publication-chip):hover:not(:disabled){background:var(--surface-hover);border-color:var(--input)}[data-workspace-theme] :is(.ovx-emulate-btn,.ovx-publication-chip:not(.warning)):hover:not(:disabled){filter:brightness(1.06) saturate(1.05)}[data-workspace-theme] .ovx-chip.ovx-publication-chip:not(.warning),[data-workspace-theme] .ovx-chip.ovx-publication-chip:not(.warning):hover{background-color:var(--pill-primary-base);background-image:var(--pill-primary);border-color:color-mix(in srgb,var(--pill-primary-base) 72%,#000);color:var(--pill-primary-ink);box-shadow:inset 0 -1px #0000001f,0 2px 8px #083a7847}[data-workspace-theme] .ovx-chip.ovx-emulate-btn,[data-workspace-theme] .ovx-chip.ovx-emulate-btn:is(:hover,.active),[data-workspace-theme] .local-simulator .simulator-primary{background-color:var(--pill-accent-base);background-image:var(--pill-accent);border-color:#2f9a2c;border-radius:999px;color:var(--pill-accent-ink);font-weight:600;box-shadow:inset 0 -1px #0000001a,0 2px 8px #1e6e1e40}[data-workspace-theme] .ovx-emulate-btn.active{outline:2px solid color-mix(in srgb,var(--pill-accent-base) 60%,#fff);outline-offset:2px}[data-workspace-theme] .ovx-tools button{border-radius:999px}[data-workspace-theme] .ovx-tools button.active{background:var(--sidebar-active-base);background-image:var(--sidebar-active);color:var(--sidebar-active-ink);box-shadow:inset 0 0 0 1px var(--border),0 1px 4px #083a7826}[data-workspace-theme] .workspace-theme-toggle{border-radius:999px}[data-workspace-theme] .ovx-bb-zoom{gap:2px;padding:2px 4px;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:0 1px 3px #083a781a}[data-workspace-theme] .ovx-bb-zoom button{border-radius:999px}[data-workspace-theme] :is(.ovx-emulate-menu,.simulator-popover){border:1px solid var(--glass-border);border-radius:var(--r-lg);background:var(--glass-strong);box-shadow:var(--shadow-panel),0 18px 40px #083a7838;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}[data-workspace-theme] .ovx-emulate-head{background:var(--stage-base);background-image:var(--stage);color:#fff;border-radius:var(--r-lg) var(--r-lg) 0 0}[data-workspace-theme] .local-simulator :is(input,select,textarea){border-radius:10px;background:var(--surface)}[data-workspace-theme] .local-simulator button:not(.simulator-primary){border-radius:999px}[data-workspace-theme] main#main:has(.studio-shell){background:transparent}[data-workspace-theme] .studio-shell{background:transparent}[data-workspace-theme] .studio-inspector{border:0;background:transparent;box-shadow:none}[data-workspace-theme] :is(.studio-skin-panel,.studio-workspace>.studio-panel,.studio-center>.theme-preview-shell){border:1px solid var(--glass-border);border-radius:var(--r-xl);background-color:var(--surface);background-image:var(--card-sheen);box-shadow:var(--shadow-panel)}[data-workspace-theme] .theme-tabs{border-radius:var(--r-xl) var(--r-xl) 0 0;background:color-mix(in srgb,var(--bg) 85%,var(--surface))}[data-workspace-theme] .theme-tabs button{border-radius:999px;color:var(--fg-muted)}[data-workspace-theme] .theme-tabs button:hover:not(.is-active){color:var(--fg);background:var(--surface-hover)}[data-workspace-theme] .theme-tabs button.is-active{background-color:var(--pill-primary-base);background-image:var(--pill-primary);color:var(--pill-primary-ink);box-shadow:0 2px 8px #083a7840}[data-workspace-theme] main#main:has(.editor-shell){background:transparent}[data-workspace-theme] .editor-shell{gap:10px;padding:10px}[data-workspace-theme] .editor-bar{border:1px solid var(--glass-border);border-radius:var(--r-xl);background:var(--bar-glass);box-shadow:inset 0 1px 0 var(--bar-highlight),var(--shadow-panel);color:var(--fg)}[data-workspace-theme] .editor-breadcrumb a{color:var(--fg-muted)}[data-workspace-theme] .bc-separator{color:var(--input)}[data-workspace-theme] .editor-recovered-notice{border-radius:var(--r-lg)}[data-workspace-theme] .editor-body{gap:10px}[data-workspace-theme] .editor-viewnav{gap:3px;padding:10px 8px;border:1px solid var(--sidebar-border);border-radius:var(--r-xl);background:var(--sidebar-glass);box-shadow:inset 0 1px #ffffff73,var(--shadow-panel);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}[data-workspace-theme] .editor-viewnav-item{border:1px solid transparent;border-radius:999px;padding:8px 12px;color:var(--sidebar-ink);text-shadow:0 1px 2px rgb(4 40 90 / .3)}[data-workspace-theme] .editor-viewnav-item:hover{background:#ffffff29;color:var(--sidebar-ink)}[data-workspace-theme] .editor-viewnav-item.active{border-color:#ffffffe6;background:var(--sidebar-active-base);background-image:var(--sidebar-active);color:var(--sidebar-active-ink);text-shadow:none;box-shadow:0 3px 10px #04285a4d}[data-workspace-theme] :is(.editor-panel,.preview-panel){overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-panel)}[data-workspace-theme] :is(.editor-tabs,.editor-footer,.preview-header){background:var(--bar-glass)}[data-workspace-theme] .editor-tabs{gap:4px;padding:8px}[data-workspace-theme] .editor-tab{border:1px solid transparent;border-radius:999px;padding:.4rem 1.1rem}[data-workspace-theme] .editor-tab:hover:not(.active){background:var(--surface-hover)}[data-workspace-theme] .editor-tab.active{border-color:color-mix(in srgb,var(--pill-primary-base) 72%,#000);background-color:var(--pill-primary-base);background-image:var(--pill-primary);color:var(--pill-primary-ink);box-shadow:0 2px 8px #083a7840}[data-workspace-theme] .editor-code-tools{flex-wrap:wrap;overflow:visible;background:transparent}[data-workspace-theme] .editor-code-tools [data-slot=button][data-variant=ghost]{border-color:var(--border);background:var(--surface);color:var(--fg);box-shadow:0 1px 3px #083a781a}[data-workspace-theme] .editor-code-tools [data-slot=button][data-variant=ghost]:hover{background:var(--surface-hover);border-color:var(--input)}[data-workspace-theme] .changelog-input{border-radius:999px;background:var(--surface);border-color:var(--input)}[data-workspace-theme] .test-btn{display:inline-flex;align-items:center;gap:.3rem;min-height:2rem;padding:0 .75rem;border-color:var(--border);border-radius:999px;background:var(--surface);color:var(--fg);box-shadow:0 1px 3px #083a781a}[data-workspace-theme] .test-btn:hover{background:var(--surface-hover);border-color:var(--input);color:var(--fg)}[data-workspace-theme] :is(.test-btn.auto,.test-btn.console-toggle.active){border-color:color-mix(in srgb,var(--pill-primary-base) 72%,#000);background-color:var(--pill-primary-base);background-image:var(--pill-primary);color:var(--pill-primary-ink)}[data-workspace-theme] .fb-add{border:1px dashed var(--input);border-radius:999px;background:var(--surface);color:var(--pink);font-weight:600}[data-workspace-theme] .fb-add:hover{background:var(--surface-hover);border-color:var(--pink)}[data-workspace-theme] .history-item.current{background:color-mix(in srgb,var(--pink) 8%,var(--surface))}[data-workspace-theme] .hv-num{color:var(--pink)}[data-workspace-theme] .hv-badge{border-radius:999px;padding:.1rem .5rem;background:var(--pill-primary-base);color:var(--pill-primary-ink)}[data-workspace-theme] .data-view-toggle{border-radius:999px;background:color-mix(in srgb,var(--bg) 80%,var(--surface));box-shadow:inset 0 1px 3px #083a781f}[data-workspace-theme] .data-view-toggle button{border-radius:999px}[data-workspace-theme] .data-view-toggle button.active{background-color:var(--pill-primary-base);background-image:var(--pill-primary);color:var(--pill-primary-ink);box-shadow:0 1px 4px #083a7840}.scene-thumb{position:relative;border-bottom:1px solid var(--border);background:var(--stage-base);background-image:radial-gradient(rgb(255 255 255 / .14) 1px,transparent 1.2px),var(--stage);background-size:16px 16px,100% 100%;color:#fff}.scene-thumb-frame{position:relative;width:100%;overflow:hidden}.scene-thumb-canvas{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none}.scene-thumb-item{position:absolute;overflow:hidden}.scene-thumb-item iframe{display:block;width:100%;height:100%;border:0;background:transparent;color-scheme:light}.scene-thumb-text{white-space:pre-wrap}.scene-thumb-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.875rem;font-weight:600}.studio-save-cluster{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.studio-save-cluster .studio-save-status{border-color:transparent;background:transparent}.studio-save-cluster .studio-autosave-toggle{min-height:32px;border-color:transparent;background:transparent;padding:.2rem .65rem .2rem .45rem}.studio-save-cluster .studio-autosave-toggle[aria-checked=true]{background:transparent;border-color:transparent}.studio-autosave-knob{position:relative;flex:none;width:26px;height:15px;border-radius:999px;background:color-mix(in srgb,var(--fg-muted) 40%,transparent);transition:background-color .14s var(--ease-out)}.studio-autosave-knob:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform .14s var(--ease-out)}.studio-autosave-toggle[aria-checked=true] .studio-autosave-knob{background:var(--brand-blue)}.studio-autosave-toggle[aria-checked=true] .studio-autosave-knob:after{transform:translate(11px)}@media(prefers-reduced-motion:reduce){.studio-autosave-knob,.studio-autosave-knob:after{transition:none}}.workspace-canvas .widget-wrapper{overflow:visible}.workspace-canvas .widget-wrapper>.iframe-container,.workspace-canvas .widget-wrapper>.ovx-text-el{overflow:hidden;border-radius:inherit}.widget-wrapper .widget-header-tag{top:auto;bottom:100%;right:auto;display:none;max-width:none;margin-bottom:2px;padding:2px 8px;border-radius:6px;background:var(--pill-primary-base, #1f6fd6);color:#fff;font-size:11px;font-weight:700;line-height:1.4;transform:scale(var(--ovx-inv-scale, 1));transform-origin:bottom left}.widget-wrapper.tag-inside .widget-header-tag{top:0;bottom:auto;margin:2px 0 0 2px;transform-origin:top left}.widget-wrapper:hover .widget-header-tag,.widget-wrapper.selected .widget-header-tag{display:block}.widget-wrapper .dimensions-indicator{top:100%;bottom:auto;margin-top:2px;padding:1px 6px;border-radius:6px;background:#0f2846c7;color:#fff;font-size:10px;transform:scale(var(--ovx-inv-scale, 1));transform-origin:top right}.canvas-safe-area:before{color:color-mix(in srgb,var(--fg-muted) 70%,transparent);transform:scale(var(--ovx-inv-scale, 1));transform-origin:bottom left;top:auto;bottom:100%;margin-bottom:2px}.ovx-placement-note{display:flex;gap:10px;margin:12px 12px 0;padding:10px 12px;border-radius:var(--r, 14px);border:1px solid color-mix(in srgb,var(--warning, #b45309) 40%,transparent);background:color-mix(in srgb,var(--warning, #b45309) 10%,var(--surface));color:var(--fg);font-size:.78rem}.ovx-placement-note.is-outside-canvas{border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 9%,var(--surface))}.ovx-placement-note>svg{flex:none;width:16px;height:16px;margin-top:1px;color:var(--warning, #b45309)}.ovx-placement-note.is-outside-canvas>svg{color:var(--danger)}.ovx-placement-note p{margin:2px 0 8px;color:var(--fg-muted);line-height:1.4}.ovx-placement-note button{min-height:28px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--fg);font-weight:700;cursor:pointer}.ovx-placement-note button:hover:not(:disabled){background:var(--surface-hover)}.ovx-placement-note button:disabled{opacity:.55;cursor:not-allowed}.ovx-layer-placement{display:inline-flex;flex:none;color:var(--warning, #b45309)}.ovx-layer-placement.is-outside-canvas{color:var(--danger)}.ovx-layer-placement svg{width:13px;height:13px}