/*! tailwindcss v4.2.4 | 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, Consolas, "Courier New", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-black:#000;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:oklch(8% .012 42);--color-sidebar-raised:oklch(14% .016 42);--color-border:oklch(24% .018 42);--color-text:oklch(80% .022 68);--color-dim:oklch(60% .018 68);--color-accent:oklch(66% .16 28);--color-accent-dim:oklch(66% .16 28/.15);--font-display:"Barlow Condensed", sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box;margin:0;padding:0}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.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}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-\[52px\]{top:52px}.right-0{right:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-\[99\]{z-index:99}.z-\[100\]{z-index:100}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-\[44px\]{height:44px}.h-full{height:100%}.h-px{height:1px}.max-h-\[60\%\]{max-height:60%}.max-h-\[min\(100\%\,540px\)\]{max-height:min(100%,540px)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-\[36px\]{min-height:36px}.min-h-\[44px\]{min-height:44px}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-20{width:calc(var(--spacing) * 20)}.w-\[44px\]{width:44px}.w-full{width:100%}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[44px\]{min-width:44px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-center{transform-origin:50%}.-translate-y-\[6px\]{--tw-translate-y:calc(6px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[6px\]{--tw-translate-y:6px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.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-5{gap:calc(var(--spacing) * 5)}.gap-\[5px\]{gap:5px}.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-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.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-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-accent{border-color:var(--color-accent)}.border-border{border-color:var(--color-border)}.border-red-400\/30{border-color:#ff65684d}@supports (color:color-mix(in lab, red, red)){.border-red-400\/30{border-color:color-mix(in oklab, var(--color-red-400) 30%, transparent)}}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-accent-dim{background-color:var(--color-accent-dim)}.bg-bg{background-color:var(--color-bg)}.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\/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-sidebar-raised\/50{background-color:#0f070580}@supports (color:color-mix(in lab, red, red)){.bg-sidebar-raised\/50{background-color:color-mix(in oklab, var(--color-sidebar-raised) 50%, transparent)}}.bg-text{background-color:var(--color-text)}.bg-transparent{background-color:#0000}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.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-8{padding:calc(var(--spacing) * 8)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.75rem\]{font-size:.75rem}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[20px\]{font-size:20px}.text-\[32px\]{font-size:32px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.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\.5px\]{--tw-tracking:.5px;letter-spacing:.5px}.tracking-\[0\]{--tw-tracking:0;letter-spacing:0}.tracking-\[2\.5px\]{--tw-tracking:2.5px;letter-spacing:2.5px}.tracking-\[4px\]{--tw-tracking:4px;letter-spacing:4px}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-accent{color:var(--color-accent)}.text-dim{color:var(--color-dim)}.text-red-400{color:var(--color-red-400)}.text-text{color:var(--color-text)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-70{opacity:.7}.shadow,.shadow\/main{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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-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))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.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}.\[scrollbar-color\:var\(--border\)_transparent\]{scrollbar-color:var(--border) transparent}.\[scrollbar-width\:thin\]{scrollbar-width:thin}@media (hover:hover){.group-hover\:text-accent:is(:where(.group):hover *){color:var(--color-accent)}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:border-accent\/30:hover{border-color:#e365584d}@supports (color:color-mix(in lab, red, red)){.hover\:border-accent\/30:hover{border-color:color-mix(in oklab, var(--color-accent) 30%, transparent)}}.hover\:bg-accent-dim:hover{background-color:var(--color-accent-dim)}.hover\:bg-accent-dim\/50:hover{background-color:#e3655813}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent-dim\/50:hover{background-color:color-mix(in oklab, var(--color-accent-dim) 50%, transparent)}}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:text-text:hover{color:var(--color-text)}.hover\:opacity-100:hover{opacity:1}}.active\:cursor-grabbing:active{cursor:grabbing}@media (width>=40rem){.sm\:ml-auto{margin-left:auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:py-\[18px\]{padding-block:18px}}@media (width>=48rem){.md\:flex{display:flex}.md\:hidden{display:none}}}:root{--token-ink-0:oklch(7.5% .012 42);--token-ink-1:oklch(9.5% .014 42);--token-ink-2:oklch(12.5% .016 42);--token-ink-3:oklch(16% .018 42);--token-ink-4:oklch(20% .018 42);--token-ink-5:oklch(29% .02 42);--token-ink-6:oklch(38% .024 42);--token-ash-1:oklch(84% .022 68);--token-ash-2:oklch(62% .019 68);--token-ash-3:oklch(48% .017 68);--token-flare:oklch(66% .16 28);--token-flare-soft:oklch(66% .16 28/.2);--surface-app:var(--token-ink-0);--surface-workspace:var(--token-ink-1);--surface-panel:var(--token-ink-2);--surface-panel-raised:var(--token-ink-3);--surface-card:oklch(14% .017 42);--surface-control:oklch(10.5% .014 42);--surface-control-hover:oklch(18% .021 42);--surface-control-selected:oklch(21% .036 36);--line-muted:var(--token-ink-4);--line-default:var(--token-ink-5);--line-strong:var(--token-ink-6);--text-primary:var(--token-ash-1);--text-secondary:var(--token-ash-2);--text-muted:var(--token-ash-3);--accent-primary:var(--token-flare);--accent-soft:var(--token-flare-soft);--control-h-compact:32px;--control-h-default:44px;--control-h-large:52px;--control-pad-x-compact:10px;--control-pad-x-default:16px;--control-radius:0;--control-font-size-xs:10px;--control-font-size-sm:11px;--control-font-size-md:12px;--control-letter-spacing:.12em;--row-h-compact:36px;--row-h-default:44px;--focus-ring:2px solid var(--accent-primary);--focus-ring-offset:3px;--state-danger:oklch(66% .18 28);--state-success:oklch(72% .14 152);--state-warning:oklch(74% .12 68);--state-hidden-opacity:.58;--state-disabled-opacity:.55;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:0;--radius-md:2px;--radius-lg:4px;--radius-xl:9px;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-display:"Barlow Condensed", "Arial Narrow", Impact, sans-serif;--type-ui-xs:10px;--type-ui-sm:11px;--type-ui-md:12px;--type-body:15px;--type-title:28px;--type-display:clamp(48px, 6vw, 88px);--leading-ui:1.2;--leading-body:1.65;--leading-tight:.92;--weight-ui:600;--weight-strong:700;--weight-display:900;--shadow-none:none;--shadow-focus:0 0 0 3px var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-focus:0 0 0 3px color-mix(in oklch, var(--accent-primary) 20%, transparent)}}:root{--shadow-overlay:0 22px 70px var(--surface-app)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-overlay:0 22px 70px color-mix(in oklch, var(--surface-app) 70%, transparent)}}:root{--motion-fast:.12s;--motion-base:.18s;--motion-slow:.26s;--ease-standard:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-emphasized:cubic-bezier(.25, 1, .5, 1);--editor-canvas-bg:oklch(8.8% .013 42);--editor-grid-dot:oklch(22% .014 42/.48);--editor-selection-outline:var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){:root{--editor-selection-outline:color-mix(in oklch, var(--accent-primary) 70%, var(--line-strong))}}:root{--node-card-bg:oklch(13.8% .017 42);--node-card-bg-hover:oklch(16.5% .02 42);--node-card-header-bg:oklch(11% .015 42);--node-card-border:oklch(34% .024 42);--node-card-border-soft:oklch(24% .018 42);--node-card-outline:oklch(18% .018 42);--node-card-selected-bg:oklch(16% .028 36);--node-card-selected-header-bg:oklch(18% .034 36);--app-bg:var(--surface-app);--workspace-bg:var(--surface-workspace);--panel-bg:var(--surface-panel);--panel-raised:var(--surface-panel-raised);--surface-bg:var(--surface-card);--surface-hover:var(--surface-control-hover);--surface-input:var(--surface-control);--surface-selected:var(--surface-control-selected);--canvas-stage-bg:oklch(11% .013 42);--border-muted:var(--line-muted);--border:var(--line-default);--border-strong:var(--line-strong);--text:var(--text-primary);--text-dim:var(--text-secondary);--text-muted:var(--token-ash-3);--bg:var(--app-bg);--sidebar-bg:var(--panel-bg);--sidebar-raised:var(--panel-raised);--accent:var(--accent-primary);--accent-dim:var(--accent-soft);--danger:oklch(66% .18 28);--success:oklch(72% .14 152);--warning:oklch(74% .12 68);--node-kind-fill:oklch(69% .12 42);--node-kind-image:oklch(74% .08 78);--node-kind-text:oklch(80% .05 92);--node-kind-emoji:oklch(71% .14 28);--node-kind-effect:oklch(66% .1 18);--node-kind-primitive:oklch(72% .08 55);--node-kind-noise:oklch(58% .03 68);--node-kind-array:oklch(70% .05 108);--node-kind-merge:oklch(68% .07 150);--node-kind-color:oklch(70% .07 200);--node-kind-export:oklch(84% .03 88);--node-handle:oklch(74% .17 152);--node-grid:var(--editor-grid-dot);--node-danger:oklch(62% .15 25);--node-backdrop:var(--bg)}@supports (color:color-mix(in lab, red, red)){:root{--node-backdrop:color-mix(in oklch, var(--bg) 82%, transparent)}}:root{--mono:ui-monospace, Consolas, "Courier New", monospace;--display:"Barlow Condensed", sans-serif;--sidebar-w:260px;--touch:44px}@keyframes ai-status-spin{to{transform:rotate(360deg)}}.checkerboard-surface{background-color:oklch(12% .012 42);background-image:linear-gradient(45deg,oklch(18% .014 42) 25%,#0000 25% 75%,oklch(18% .014 42) 75%),linear-gradient(45deg,oklch(18% .014 42) 25%,#0000 25% 75%,oklch(18% .014 42) 75%);background-position:0 0,12px 12px;background-size:24px 24px}html,body{background:var(--app-bg);height:100%;color:var(--text);font-family:var(--mono);font-size:12px}#root{height:100%;display:flex}.app{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.editor-layout>.app{flex:1;height:auto;min-height:0}.editor-layout-nodes{position:relative}.editor-layout-nodes .site-nav-compact{border:1px solid var(--border-strong);background:var(--panel-bg);width:auto;max-width:calc(100% - 32px);padding:8px 10px;position:absolute;top:14px;left:16px;right:auto}@supports (color:color-mix(in lab, red, red)){.editor-layout-nodes .site-nav-compact{background:color-mix(in oklch, var(--panel-bg) 96%, transparent)}}@media (width>=768px){.app{flex-direction:row}}.sidebar{background:var(--panel-bg);border-top:1px solid var(--border-strong);flex-direction:column;flex:1;order:2;min-height:0;display:flex;overflow:hidden}.sidebar:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 62%);opacity:.54;flex:none;height:2px}.sidebar-sections{flex:1;min-height:0;overflow:hidden auto}.sidebar-sections::-webkit-scrollbar{width:4px}.sidebar-sections::-webkit-scrollbar-track{background:0 0}.sidebar-sections::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar-sections{--node-bg:var(--bg);--node-surface:var(--sidebar-bg);--node-border:var(--border);--node-text:var(--text);--node-text-dim:var(--text-dim);--node-focus:var(--accent)}.node-inspector-section-copy,.node-inspector-stack,.node-inspector-control{flex-direction:column;display:flex}.node-inspector-section-copy{gap:2px;min-width:0}.node-inspector-stack{gap:8px}.node-inspector-detached{border-top:1px solid var(--border-strong);margin-top:8px;padding-top:8px}.node-badge-row{flex-wrap:wrap;gap:6px;display:flex}.node-badge{border:1px solid var(--node-border);color:var(--node-text);background:var(--node-bg);letter-spacing:.04em;text-transform:uppercase;border-radius:0;padding:3px 7px;font-size:9px}.editor-target-header{border:1px solid var(--border-strong);background:var(--panel-raised);flex-direction:column;gap:8px;margin:10px;padding:10px;display:flex}@supports (color:color-mix(in lab, red, red)){.editor-target-header{background:color-mix(in oklch, var(--panel-raised) 82%, var(--accent) 3%)}}.editor-target-header{box-shadow:inset 2px 0 0 var(--accent)}@supports (color:color-mix(in lab, red, red)){.editor-target-header{box-shadow:inset 2px 0 0 color-mix(in oklch, var(--accent) 72%, transparent)}}.editor-target-header--compact{margin:8px;padding:8px}.editor-target-header__topline,.editor-target-header__badges{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.editor-target-header__topline{color:var(--text-dim);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.editor-target-header__topline span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.editor-target-header__title{min-width:0;color:var(--text);font-family:var(--mono);letter-spacing:.08em;overflow-wrap:anywhere;text-transform:uppercase;font-size:13px;line-height:1.2}.editor-target-header--compact .editor-target-header__title{font-size:11px}.editor-target-header__breadcrumbs{min-width:0;color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:5px;display:flex}@supports (color:color-mix(in lab, red, red)){.editor-target-header__breadcrumbs{color:color-mix(in oklch, var(--text-dim) 82%, var(--text))}}.editor-target-header__breadcrumbs{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:8px;line-height:1.4}.editor-target-header__breadcrumbs span{align-items:center;gap:5px;min-width:0;display:inline-flex}.editor-target-header__breadcrumbs span:not(:last-child):after{content:"/";color:var(--border-strong)}.editor-target-header__description{color:var(--text-dim);font-family:var(--mono);margin:0;font-size:10px;line-height:1.5}.editor-target-header__badges{flex-wrap:wrap;justify-content:flex-start}.editor-target-header__notes{gap:5px;display:grid}.editor-target-note{border-left:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);margin:0;padding-left:7px;font-size:9px;line-height:1.45}.editor-target-header--compact .editor-target-note{display:none}.editor-target-note--accent{border-color:var(--accent)}.editor-target-note--success{border-color:var(--success)}.editor-target-note--warning{border-color:var(--warning);color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.editor-target-note--warning{color:color-mix(in oklch, var(--warning) 72%, var(--text))}}.editor-target-note--muted{border-color:var(--border)}.editor-target-badge{border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:3px 6px;font-size:8px}.editor-target-badge--accent{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.editor-target-badge--accent{border-color:color-mix(in oklch, var(--accent) 62%, var(--border))}}.editor-target-badge--accent{color:var(--accent)}.editor-target-badge--success{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.editor-target-badge--success{border-color:color-mix(in oklch, var(--success) 50%, var(--border))}}.editor-target-badge--success{color:var(--success)}.editor-target-badge--warning{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.editor-target-badge--warning{border-color:color-mix(in oklch, var(--warning) 58%, var(--border))}}.editor-target-badge--warning{color:var(--warning)}.editor-target-badge--muted{color:var(--text-dim)}.node-target-actions{border:1px solid var(--border);background:var(--panel-bg);gap:8px;margin:0 10px 10px;padding:8px 10px;display:grid}@supports (color:color-mix(in lab, red, red)){.node-target-actions{background:color-mix(in oklch, var(--panel-bg) 82%, transparent)}}.node-target-toggle{min-height:28px;color:var(--text-dim);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}.node-inspector-section-title{color:var(--node-text);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.node-inspector-section-summary,.node-inspector-label{color:var(--node-text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:9px}.node-inspector-row,.node-inspector-toggle,.node-inspector-control-header{min-height:var(--touch);justify-content:space-between;align-items:center;gap:8px;display:flex}.node-inspector-row{gap:10px}.node-inspector-toggle{cursor:pointer}.node-inspector-control{gap:4px}.node-inspector-control-label{align-items:center;gap:6px;min-width:0;display:flex}.node-inspector-value{color:var(--node-text);font-size:10px}.node-inspector-note{color:var(--node-text-dim);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;margin:0;padding:8px 0 2px;font-size:9px;line-height:1.45}.node-inspector-section{border:1px solid var(--border);background:var(--surface-bg);border-radius:3px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.node-inspector-section{background:color-mix(in oklch, var(--surface-bg) 74%, var(--panel-bg))}}.node-inspector-section-open{border-color:var(--border-strong);background:var(--panel-raised)}@supports (color:color-mix(in lab, red, red)){.node-inspector-section-open{background:color-mix(in oklch, var(--panel-raised) 86%, var(--accent) 4%)}}.node-inspector-section-open{box-shadow:inset 2px 0 0 var(--accent)}@supports (color:color-mix(in lab, red, red)){.node-inspector-section-open{box-shadow:inset 2px 0 0 color-mix(in oklch, var(--accent) 72%, transparent)}}.node-section-button{transition:background .18s cubic-bezier(.25,1,.5,1),color .18s cubic-bezier(.25,1,.5,1)}.node-section-button:hover{background:var(--surface-hover)}.node-inspector-section-button{width:100%;min-height:var(--touch);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.node-inspector-section-toggle{color:var(--node-text-dim);flex-shrink:0;font-size:10px}.node-inspector-section-open .node-inspector-section-toggle{color:var(--accent)}.node-inspector-section-body{flex-direction:column;gap:8px;padding:2px 10px 10px;display:flex}.node-section-button:focus-visible,.node-inspector-action:focus-visible,.node-field:focus-visible,.node-color-input:focus-visible,.node-check:focus-visible{outline:2px solid var(--node-focus);outline-offset:2px}.node-field,.node-slider,.node-color-input,.node-check{background:var(--surface-input);transition:border-color .12s cubic-bezier(.25,1,.5,1),box-shadow .12s cubic-bezier(.25,1,.5,1),background .12s cubic-bezier(.25,1,.5,1)}.node-field{width:100%;min-height:var(--touch);border:1px solid var(--border);color:var(--node-text);font-family:var(--mono);border-radius:3px;outline:none;padding:10px 12px;font-size:11px}.node-field-textarea{resize:vertical;min-height:64px}.node-field:hover,.node-color-input:hover{border-color:var(--border-strong);background:var(--surface-bg)}@supports (color:color-mix(in lab, red, red)){.node-field:hover,.node-color-input:hover{background:color-mix(in oklch, var(--surface-bg) 84%, black)}}.font-picker{position:relative}.font-picker-trigger{text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.font-picker-trigger-copy,.font-picker-option-main{flex-direction:column;gap:3px;min-width:0;display:flex}.font-picker-trigger-label,.font-picker-option-name{color:var(--node-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font-picker-trigger-meta,.font-picker-option-category{color:var(--node-text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.font-picker-trigger-sample,.font-picker-option-sample{color:var(--node-text);letter-spacing:0;text-transform:uppercase;font-size:18px;line-height:1}.font-picker-panel{border:1px solid var(--border-strong);background:var(--panel-raised);flex-direction:column;gap:8px;padding:8px;display:flex}@supports (color:color-mix(in lab, red, red)){.font-picker-panel{background:color-mix(in oklch, var(--panel-raised) 92%, var(--bg))}}.font-picker-search{min-height:38px}.font-picker-google{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.font-picker-import{border:1px solid var(--accent);background:var(--accent);min-height:36px}@supports (color:color-mix(in lab, red, red)){.font-picker-import{background:color-mix(in oklch, var(--accent) 10%, transparent)}}.font-picker-import{color:var(--accent);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;font-size:10px}.font-picker-import:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.font-picker-import:hover{background:color-mix(in oklch, var(--accent) 16%, var(--surface-bg))}}.font-picker-google-action{border:1px solid var(--border-strong);background:var(--surface-hover);min-height:38px;color:var(--node-text);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;font-size:9px}.font-picker-google-action:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.font-picker-google-action:disabled{cursor:not-allowed;opacity:.48}.font-picker-policy{color:var(--node-text-dim);font-size:9px;line-height:1.45}.font-picker-error{border:1px solid var(--accent);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;padding:8px 9px;font-size:9px}.font-picker-categories{gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.font-picker-category{border:1px solid var(--border);min-height:30px;color:var(--node-text-dim);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;padding:0 9px;font-size:9px}.font-picker-category:hover,.font-picker-category-active{border-color:var(--border-strong);color:var(--node-text);background:var(--surface-hover)}.font-picker-list{border:1px solid var(--border);flex-direction:column;max-height:260px;display:flex;overflow-y:auto}.font-picker-option{border:0;border-bottom:1px solid var(--border);min-height:58px;color:var(--node-text);font-family:var(--mono);text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.font-picker-option:last-child{border-bottom:0}.font-picker-option:hover,.font-picker-option-selected{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.font-picker-option:hover,.font-picker-option-selected{background:color-mix(in oklch, var(--accent) 9%, var(--surface-bg))}}.font-picker-option-selected .font-picker-option-name,.font-picker-option-selected .font-picker-option-sample{color:var(--accent)}.font-picker-empty{color:var(--node-text-dim);letter-spacing:.08em;text-transform:uppercase;padding:14px 10px;font-size:10px}.node-inspector-action{min-height:var(--touch);border:1px solid var(--border);color:var(--node-text);background:var(--surface-bg);border-radius:3px}@supports (color:color-mix(in lab, red, red)){.node-inspector-action{background:color-mix(in oklch, var(--surface-bg) 74%, transparent)}}.node-inspector-action{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;font-size:10px}.node-inspector-action:hover{border-color:var(--border-strong);background:var(--surface-hover);color:var(--accent)}.node-slider{accent-color:var(--accent);background:0 0;border:none;width:100%;padding:0}.node-slider-row{align-items:center;gap:8px;display:flex}.node-slider-number{border:1px solid var(--border);background:var(--surface-input);width:62px;min-height:28px;color:var(--node-text);font-family:var(--mono);border-radius:3px;outline:none;padding:6px 8px;font-size:10px}.node-slider-number:hover,.node-slider-number:focus{border-color:var(--border-strong)}.node-color-input{width:var(--touch);height:var(--touch);border:1px solid var(--border);background:var(--surface-input);cursor:pointer;border-radius:3px;padding:4px}.node-check{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}@media (width>=768px){.sidebar{width:var(--sidebar-w);border-top:none;border-right:1px solid var(--border-strong);flex:none;order:1}}.sidebar-mobile-bar{border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-mobile-bar .bottom-bar{padding:8px 10px}@media (width>=768px){.sidebar-mobile-bar{display:none}}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;height:20px}.emoji-btn{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;opacity:.4;min-height:var(--touch);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:20px;transition:opacity .15s,border-color .15s,background .15s;display:flex}.emoji-btn.active{opacity:1;border-color:var(--accent);background:var(--accent-dim)}.emoji-btn:hover{opacity:.8;border-color:oklch(66% .16 28/.5)}.main{background:var(--workspace-bg);flex-direction:column;flex:0 0 40%;order:1;justify-content:center;align-items:center;gap:0;min-height:0;padding:8px;display:flex;overflow:hidden}.main-nodes{background:var(--workspace-bg);flex:1;justify-content:stretch;align-items:stretch;width:100%;padding:0;position:relative}.main-layers{background:linear-gradient(180deg, var(--canvas-stage-bg), var(--workspace-bg)), var(--workspace-bg);position:relative}@supports (color:color-mix(in lab, red, red)){.main-layers{background:linear-gradient(180deg, color-mix(in oklch, var(--canvas-stage-bg) 96%, transparent), var(--workspace-bg)), var(--workspace-bg)}}.node-mode-stage{flex:1;width:100%;min-height:0;display:flex}.floating-view-toggle{z-index:30;position:absolute;top:76px;left:16px}.storage-warning-strip{z-index:28;border:1px solid var(--border-strong);background:var(--panel-bg);align-items:center;gap:8px;width:auto;max-width:760px;min-height:40px;margin-left:auto;padding:7px;display:flex;position:absolute;top:12px;left:12px;right:12px}@supports (color:color-mix(in lab, red, red)){.storage-warning-strip{background:color-mix(in oklch, var(--panel-bg) 94%, transparent)}}.storage-warning-strip{color:var(--text-dim);font-family:var(--mono);box-shadow:inset 2px 0 0 var(--accent)}@supports (color:color-mix(in lab, red, red)){.storage-warning-strip{box-shadow:inset 2px 0 0 color-mix(in oklch, var(--accent) 42%, transparent)}}.storage-warning-strip__main{flex-wrap:wrap;flex:1;align-items:center;gap:5px;min-width:0;display:flex}.storage-warning-strip__warnings{max-width:220px;color:var(--warning);font-size:9px;line-height:1.35}.storage-status-pill{border:1px solid var(--border);background:var(--surface-input);min-height:22px;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;padding:3px 7px;font-size:9px;line-height:1;display:inline-flex}.storage-status-pill-ok{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.storage-status-pill-ok{border-color:color-mix(in oklch, var(--success) 48%, var(--border))}}.storage-status-pill-ok{color:var(--success)}.storage-status-pill-warning{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.storage-status-pill-warning{border-color:color-mix(in oklch, var(--warning) 54%, var(--border))}}.storage-status-pill-warning{color:var(--warning)}.storage-status-pill-danger{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.storage-status-pill-danger{border-color:color-mix(in oklch, var(--danger) 60%, var(--border))}}.storage-status-pill-danger{color:var(--danger)}.storage-status-pill-muted{color:var(--text-muted)}@media (width<=767px){.storage-warning-strip{max-width:none;padding:5px;top:8px;left:8px;right:8px}.storage-status-pill{min-height:20px;padding:2px 5px;font-size:8px}.storage-warning-strip__warnings,.storage-status-pill:nth-of-type(n+4){display:none}.empty-canvas-start{max-height:116px;padding:8px;bottom:10px}.empty-canvas-guide{font-size:8px}.empty-canvas-start-actions{scrollbar-width:none;grid-template-rows:repeat(2,34px);grid-template-columns:none;grid-auto-columns:minmax(72px,1fr);grid-auto-flow:column;overflow-x:auto}.empty-canvas-start-actions::-webkit-scrollbar{display:none}.empty-canvas-start-actions button,.empty-canvas-start-actions a{min-height:34px;font-size:9px}}.project-workspace-button{gap:6px;position:relative}.project-workspace-dot{background:currentColor;border:1px solid;width:5px;height:5px}.project-workspace-button-ok .project-workspace-dot{color:var(--success)}.project-workspace-button-warning .project-workspace-dot{color:var(--warning)}.project-workspace-button-danger .project-workspace-dot{color:var(--danger)}.project-workspace-badge{color:currentColor;letter-spacing:.08em;margin-left:1px;font-size:8px}.view-mode-toggle{flex-shrink:0;align-items:stretch;gap:0;display:flex}.view-mode-toggle-sidebar{align-self:stretch}.view-mode-toggle-sidebar button{min-width:76px}.layer-panel-header{min-height:var(--touch);border-bottom:1px solid var(--border-strong);background:var(--surface-bg);flex-shrink:0;justify-content:space-between;align-items:stretch;display:flex}.layer-add-button{min-height:var(--touch);border:0;border-left:1px solid var(--border);color:var(--text);cursor:pointer;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;padding:0 14px;font-size:10px;transition:background .12s ease-out,color .12s ease-out}.layer-add-button:hover{background:var(--surface-hover);color:var(--accent)}.layer-row{background:var(--panel-bg);border-bottom-color:var(--border-muted)!important}@supports (color:color-mix(in lab, red, red)){.layer-row{background:color-mix(in oklch, var(--panel-bg) 76%, transparent)}}.layer-row{color:var(--text-dim);scroll-margin-top:calc(var(--touch) + 8px);transition:background .12s ease-out,color .12s ease-out,box-shadow .12s ease-out,opacity .12s ease-out}.layer-row:hover,.layer-row:focus-within{background:var(--surface-hover)!important}.layer-row.bg-accent-dim,.layer-row-selected{box-shadow:inset 3px 0 0 var(--accent), inset 0 0 0 1px var(--accent), inset 0 1px 0 var(--text);background:var(--surface-selected)!important}@supports (color:color-mix(in lab, red, red)){.layer-row.bg-accent-dim,.layer-row-selected{box-shadow:inset 3px 0 0 color-mix(in oklch, var(--accent) 78%, var(--text)), inset 0 0 0 1px color-mix(in oklch, var(--accent) 44%, var(--border)), inset 0 1px 0 color-mix(in oklch, var(--text) 10%, transparent)}}.layer-row-drop-target{position:relative;background:var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.layer-row-drop-target{background:color-mix(in oklch, var(--accent) 12%, var(--surface-hover))!important}}.layer-row-drop-target{box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.layer-row-drop-target{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent) 48%, var(--border))}}.layer-row-drop-target:before{content:"";z-index:2;background:var(--accent);height:2px;box-shadow:0 0 10px var(--accent);position:absolute;left:8px;right:8px}@supports (color:color-mix(in lab, red, red)){.layer-row-drop-target:before{box-shadow:0 0 10px color-mix(in oklch, var(--accent) 44%, transparent)}}.layer-row-drop-target:after{content:"";z-index:3;border:2px solid var(--accent);background:var(--panel-bg);width:7px;height:7px;position:absolute;left:10px;transform:rotate(45deg)}.layer-row-drop-before:before{top:-1px}.layer-row-drop-before:after{top:-4px}.layer-row-drop-after:before{bottom:-1px}.layer-row-drop-after:after{bottom:-4px}.layer-row-hidden{background:var(--panel-bg)!important}@supports (color:color-mix(in lab, red, red)){.layer-row-hidden{background:color-mix(in oklch, var(--panel-bg) 86%, var(--bg))!important}}.layer-row-hidden{color:var(--text-muted);opacity:.82}.layer-row-hidden .layer-area-chip,.layer-row-hidden .layer-ai-history-count{opacity:.7}.layer-row-hidden>span:not(:first-child):not(:nth-child(2)){color:var(--text-muted)}.layer-row-hidden>span:nth-child(3){text-decoration:line-through;-webkit-text-decoration-color:var(--text-muted);-webkit-text-decoration-color:var(--text-muted);-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){.layer-row-hidden>span:nth-child(3){-webkit-text-decoration-color:color-mix(in oklch, var(--text-muted) 60%, transparent);-webkit-text-decoration-color:color-mix(in oklch, var(--text-muted) 60%, transparent);-webkit-text-decoration-color:color-mix(in oklch, var(--text-muted) 60%, transparent);text-decoration-color:color-mix(in oklch, var(--text-muted) 60%, transparent)}}.layer-row.bg-accent-dim>.layer-row-drag-handle,.layer-row-selected>.layer-row-drag-handle,.layer-row:hover>.layer-row-drag-handle{color:var(--accent)}.layer-row-drag-handle{width:12px;min-height:24px;color:var(--text-muted);font-family:var(--mono);background:0 0;border:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.layer-row-drag-handle:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.layer-row .text-dim{color:var(--text-muted)}.layer-row:hover .text-dim,.layer-row.bg-accent-dim .text-dim,.layer-row-selected .text-dim{color:var(--text-dim)}.layer-row-hidden:hover,.layer-row-hidden:focus-within{opacity:.86}.layer-row-locked{box-shadow:inset 2px 0 0 var(--warning)}@supports (color:color-mix(in lab, red, red)){.layer-row-locked{box-shadow:inset 2px 0 0 color-mix(in oklch, var(--warning) 58%, transparent)}}.layer-row-locked .layer-row-drag-handle{cursor:not-allowed;opacity:1}.layer-lock-badge{border:1px solid var(--warning);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.layer-lock-badge{border:1px solid color-mix(in oklch, var(--warning) 45%, var(--border))}}.layer-lock-badge{color:var(--warning);padding:1px 4px}@supports (color:color-mix(in lab, red, red)){.layer-lock-badge{color:color-mix(in oklch, var(--warning) 74%, var(--text-dim))}}.layer-lock-badge{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:8px}.layer-meta-badge{border:1px solid var(--accent);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.layer-meta-badge{border:1px solid color-mix(in oklch, var(--accent) 42%, var(--border))}}.layer-meta-badge{color:var(--accent);padding:1px 4px}@supports (color:color-mix(in lab, red, red)){.layer-meta-badge{color:color-mix(in oklch, var(--accent) 74%, var(--text-dim))}}.layer-meta-badge{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:8px}.layer-area-chip{border:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;max-width:92px;min-height:18px;padding:0 5px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.layer-area-chip{border:1px solid color-mix(in srgb, var(--border) 78%, transparent)}}.layer-area-chip{background:var(--sidebar-bg)}@supports (color:color-mix(in lab, red, red)){.layer-area-chip{background:color-mix(in srgb, var(--sidebar-bg) 82%, transparent)}}.layer-area-chip{color:var(--text-dim);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.layer-row-actions{opacity:.78;flex-shrink:0;align-items:center;gap:2px;transition:opacity .12s ease-out;display:inline-flex}.layer-row-action[aria-pressed=false]{color:var(--text-muted)}.layer-row-action[aria-pressed=false]:after{content:"";background:currentColor;width:11px;height:1px;position:absolute;transform:rotate(-34deg)}.layer-row:hover .layer-row-actions,.layer-row:focus-within .layer-row-actions{opacity:1}.layer-row-action{width:20px;height:24px;color:var(--text-dim);cursor:pointer;font-family:var(--mono);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:10px;line-height:1;transition:border-color .12s ease-out,background .12s ease-out,color .12s ease-out;display:inline-flex;position:relative}.layer-row-action:hover,.layer-row-action:focus-visible{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.layer-row-action:hover,.layer-row-action:focus-visible{border-color:color-mix(in srgb, var(--border) 82%, transparent)}}.layer-row-action:hover,.layer-row-action:focus-visible{background:var(--accent-dim);color:var(--text);outline:none}.layer-row-action:disabled{cursor:not-allowed;opacity:.38}.layer-row-action:disabled:hover,.layer-row-action:disabled:focus-visible{color:var(--text-dim);background:0 0;border-color:#0000}.layer-row-action-danger:hover,.layer-row-action-danger:focus-visible{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.layer-row-action-danger:hover,.layer-row-action-danger:focus-visible{border-color:color-mix(in oklch, var(--danger) 44%, var(--border))}}.layer-row-action-danger:hover,.layer-row-action-danger:focus-visible{color:var(--danger)}.layer-row-quick-add{display:inline-flex;position:relative}.layer-row-quick-add-menu{z-index:70;border:1px solid var(--border);background:var(--surface-bg);min-width:136px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 14px 32px oklch(6% .012 42/.5)}.layer-row-quick-add-menu button{width:100%;color:var(--text-dim);cursor:pointer;font-family:var(--mono);letter-spacing:.1em;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:8px 10px;font-size:10px;display:flex}.layer-row-quick-add-menu button:hover,.layer-row-quick-add-menu button:focus-visible{background:var(--accent-dim);color:var(--accent);outline:none}.layer-row-quick-add-menu span{width:16px;color:var(--accent);text-align:center}.layer-row-quick-add-divider{background:var(--border);height:1px;margin:4px 0}.add-library-surface{z-index:10000;border:1px solid var(--border-strong);background:var(--surface-bg);box-shadow:0 16px 36px var(--bg), 0 0 0 1px var(--accent);flex-direction:column;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.add-library-surface{box-shadow:0 16px 36px color-mix(in oklch, var(--bg) 72%, transparent), 0 0 0 1px color-mix(in oklch, var(--accent) 7%, transparent)}}.add-library-surface{color:var(--text);font-family:var(--mono);isolation:isolate}.add-library-layer-menu{width:min(540px,100vw - 16px);max-height:min(72vh,620px);position:fixed}.add-library-layer-quick-menu{width:min(520px,100vw - 16px);max-height:min(66vh,520px);position:fixed}.add-library-node-menu{position:fixed}.add-library-search{border-bottom:1px solid var(--border);background:var(--panel-bg);flex-shrink:0;align-items:center;gap:8px;height:38px;padding:0 10px;display:flex}.add-library-search.artifact-search-field{border:0;border-bottom:1px solid var(--border);border-radius:0;min-height:38px}.add-library-search-icon,.add-library-search .artifact-search-icon{color:var(--text-dim);pointer-events:none;flex-shrink:0;font-size:13px}.add-library-search-input{min-width:0;color:var(--text);font-family:var(--mono);background:0 0;border:none;outline:none;flex:1;font-size:11px}.add-library-search-input::placeholder{color:var(--text-muted)}.add-library-search-clear{width:22px;height:22px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;place-items:center;font-size:14px;line-height:1;display:grid}.add-library-search-clear:hover,.add-library-search-clear:focus-visible{border-color:var(--border);color:var(--text);outline:none}.add-library-browse{border-bottom:1px solid var(--border);background:var(--surface-bg);flex-shrink:0;gap:6px;padding:7px 8px;display:flex;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.add-library-browse{background:color-mix(in oklch, var(--surface-bg) 72%, var(--panel-bg))}}.add-library-browse{overscroll-behavior-x:contain}.add-library-browse-item{min-height:28px;color:var(--text-dim);cursor:pointer;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;padding:0 8px;font-size:8px}.add-library-browse-item.artifact-toolbar-button,.add-library-recipe.artifact-toolbar-button{letter-spacing:.1em;border-width:1px;font-size:8px}.add-library-browse-item:hover,.add-library-browse-item:focus-visible{border-color:var(--border);color:var(--text);outline:none}.add-library-browse-item-active{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.add-library-browse-item-active{background:color-mix(in oklch, var(--accent) 9%, transparent)}}.add-library-browse-item-active{color:var(--accent)}.add-library-recipes{border-bottom:1px solid var(--border);background:var(--panel-bg);flex-shrink:0;gap:6px;padding:8px;display:flex;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.add-library-recipes{background:color-mix(in oklch, var(--panel-bg) 72%, var(--surface-bg))}}.add-library-recipes{overscroll-behavior-x:contain}.add-library-recipe{border:1px solid var(--border);min-height:30px;color:var(--text-dim);cursor:pointer;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:0 0;flex-shrink:0;padding:0 9px;font-size:8px}.add-library-recipe:hover,.add-library-recipe-active{border-color:var(--accent);color:var(--accent)}.add-library-recipe-active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.add-library-recipe-active{background:color-mix(in oklch, var(--accent) 10%, transparent)}}.add-library-list{max-height:inherit;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.add-library-body{flex:1;min-height:0;display:flex}.add-library-section{flex-direction:column;display:flex}.add-library-section-header{border-bottom:1px solid var(--border);background:var(--panel-bg);color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;flex-shrink:0;justify-content:space-between;gap:10px;padding:7px 10px 5px;font-size:9px;display:flex}.add-library-section-header small{color:var(--text-muted);letter-spacing:.08em;text-align:right;text-transform:uppercase;font-size:8px}.add-library-row{border:0;border-bottom:1px solid var(--border);align-items:center;gap:9px;width:100%;min-height:52px;padding:8px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.add-library-row{border-bottom:1px solid color-mix(in oklch, var(--border) 55%, transparent)}}.add-library-row{color:var(--text);cursor:pointer;text-align:left;background:0 0;transition:background 90ms ease-out,color 90ms ease-out}.add-library-section:last-child .add-library-row:last-child,.add-library-row:last-child{border-bottom:0}.add-library-row:hover,.add-library-row-active{background:var(--surface-hover)}.add-library-row[draggable=true]{cursor:grab}.add-library-row[draggable=true]:active{cursor:grabbing}.add-library-row[draggable=true] .add-library-row-symbol{cursor:grab}.add-library-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.add-library-row-symbol{width:18px;color:var(--accent);text-align:center;flex-shrink:0;font-size:12px;line-height:1}.add-library-row-symbol[data-add-kind=content]{color:var(--text)}.add-library-row-symbol[data-add-kind=source],.add-library-row-symbol[data-add-kind=utility]{color:var(--text-dim)}.add-library-row-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.add-library-row-label{color:var(--text);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.add-library-row-desc{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.35;overflow:hidden}.add-library-row-tag{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;padding:1px 5px;font-size:8px}.add-library-row-drag{border:1px solid var(--accent);flex-shrink:0;padding:1px 5px}@supports (color:color-mix(in lab, red, red)){.add-library-row-drag{border:1px solid color-mix(in oklch, var(--accent) 34%, transparent)}}.add-library-row-drag{color:var(--accent);letter-spacing:.08em;opacity:0;text-transform:uppercase;font-size:8px;transition:opacity 90ms ease-out}.add-library-row:hover .add-library-row-drag,.add-library-row-active .add-library-row-drag,.add-library-row:focus-visible .add-library-row-drag{opacity:1}.add-library-empty{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;padding:12px 10px;font-size:10px}.add-library-empty.artifact-empty-state,.add-library-detail-empty.artifact-empty-state{background:0 0;border:0}.add-library-empty .artifact-empty-state-copy,.add-library-detail-empty .artifact-empty-state-copy{gap:4px}.add-library-empty .artifact-empty-state-title,.add-library-detail-empty .artifact-empty-state-title{color:inherit;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:400;line-height:1.5}.add-library-detail-empty .artifact-empty-state-body{color:var(--text-muted);font-size:9px;line-height:1.45}.add-library-detail{border-left:1px solid var(--border);background:var(--panel-bg);flex-direction:column;flex-shrink:0;gap:12px;width:180px;padding:12px;display:none}@supports (color:color-mix(in lab, red, red)){.add-library-detail{background:color-mix(in oklch, var(--panel-bg) 64%, var(--bg))}}.add-library-node-menu .add-library-detail,.add-library-layer-menu .add-library-detail,.add-library-layer-quick-menu .add-library-detail{display:flex}.add-library-preview-frame{border:1px solid var(--border);background:var(--surface-bg);min-height:132px;position:relative;overflow:hidden}.add-library-preview-frame.artifact-preview-frame{padding:0;display:block}.add-library-preview-frame .artifact-preview-frame-body{background:var(--surface-bg);border:0;min-height:0;position:absolute;inset:0}.add-library-preview-frame:after{border:1px solid var(--accent);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.add-library-preview-frame:after{border:1px solid color-mix(in oklch, var(--accent) 22%, transparent)}}.add-library-preview-frame:after{content:"";pointer-events:none}.add-library-rendered-preview{background:linear-gradient(45deg, var(--bg) 25%, transparent 25%), linear-gradient(-45deg, var(--bg) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--bg) 75%), linear-gradient(-45deg, transparent 75%, var(--bg) 75%), var(--surface-bg);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.add-library-rendered-preview{background:linear-gradient(45deg, color-mix(in oklch, var(--bg) 80%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in oklch, var(--bg) 80%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in oklch, var(--bg) 80%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in oklch, var(--bg) 80%, transparent) 75%), var(--surface-bg)}}.add-library-rendered-preview{background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.add-library-rendered-preview img{object-fit:cover;width:100%;height:100%;display:block}.add-library-effect-preview-loading{background:linear-gradient(90deg, transparent, var(--accent), transparent), repeating-linear-gradient(135deg, var(--panel-bg) 0 10px, var(--bg) 10px 20px);width:100%;height:100%;display:block}@supports (color:color-mix(in lab, red, red)){.add-library-effect-preview-loading{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--accent) 14%, transparent), transparent), repeating-linear-gradient(135deg, color-mix(in oklch, var(--panel-bg) 78%, var(--accent)) 0 10px, color-mix(in oklch, var(--bg) 88%, var(--accent)) 10px 20px)}}.add-library-effect-preview-loading{background-size:160% 100%,auto;animation:.9s linear infinite add-library-preview-loading}@keyframes add-library-preview-loading{0%{background-position:160% 0,0 0}to{background-position:-160% 0,0 0}}@media (prefers-reduced-motion:reduce){.add-library-effect-preview-loading{animation:none}}.add-library-detail-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.add-library-detail-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:8px}.add-library-detail-copy strong{color:var(--text);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:400}.add-library-detail-copy p,.add-library-detail-empty{color:var(--text-dim);margin:0;font-size:10px;line-height:1.5}.add-library-tags{flex-wrap:wrap;gap:5px;display:flex}.add-library-tags span{border:1px solid var(--border);padding:2px 5px}@supports (color:color-mix(in lab, red, red)){.add-library-tags span{border:1px solid color-mix(in oklch, var(--border) 70%, transparent)}}.add-library-tags span{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;font-size:8px}.add-library-tags .add-library-tag.artifact-badge{border-color:var(--border);min-height:0;padding:2px 5px}@supports (color:color-mix(in lab, red, red)){.add-library-tags .add-library-tag.artifact-badge{border-color:color-mix(in oklch, var(--border) 70%, transparent)}}.add-library-tags .add-library-tag.artifact-badge{color:var(--text-muted);letter-spacing:0;font-size:8px;font-weight:400}.add-library-favorite{border:1px solid var(--border);min-height:30px;color:var(--text-dim);cursor:pointer;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;align-self:flex-start;margin-top:2px;padding:0 9px;font-size:8px}.add-library-favorite.action-button{min-height:30px;padding:0 9px;font-size:8px}.add-library-favorite:hover,.add-library-favorite:focus-visible,.add-library-favorite-active{border-color:var(--accent);color:var(--accent);outline:none}.add-library-favorite-active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.add-library-favorite-active{background:color-mix(in oklch, var(--accent) 9%, transparent)}}.add-library-row-tag.artifact-badge{border-color:var(--border);min-height:0;color:var(--text-muted);letter-spacing:.08em;padding:1px 5px;font-size:8px;font-weight:400}.add-library-mobile{max-height:min(78vh,520px)}.add-library-mobile .add-library-detail{display:none}@media (width<=760px){.add-library-layer-menu,.add-library-layer-quick-menu{width:calc(100vw - 16px)}.add-library-layer-menu .add-library-detail,.add-library-layer-quick-menu .add-library-detail{display:none}}.layer-empty-state{border-bottom:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;gap:12px;padding:16px 14px;font-size:10px;line-height:1.5;display:flex}.layer-empty-state p{margin:0}.layer-empty-kicker{color:var(--accent);letter-spacing:.16em;font-size:9px;font-weight:700}.layer-empty-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.layer-empty-actions-primary{grid-template-columns:repeat(4,minmax(0,1fr))}.layer-empty-actions-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.layer-empty-starters{gap:6px;display:grid}.layer-empty-actions .action-button,.layer-empty-starters .action-button{min-height:34px;padding-inline:10px}.layer-empty-starters .action-button{justify-content:space-between}.layer-empty-starters .action-button:after{content:"Recipe";color:var(--text-muted);letter-spacing:.12em;font-size:8px}.layer-selection-actions{z-index:8;border-bottom:1px solid var(--border);background:var(--surface-bg);min-height:34px;color:var(--text);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;padding:0 10px 0 14px;font-size:9px;display:flex;position:sticky;top:0}.layer-selection-actions span{flex:1;min-width:0}.layer-selection-actions button,.layer-area-action-menu button{border:1px solid var(--border);min-height:24px;color:var(--text-dim);cursor:pointer;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;align-items:center;gap:7px;font-size:9px;display:inline-flex}.layer-selection-actions button{padding:0 9px}.layer-selection-actions button:hover,.layer-area-action-menu button:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--text)}.layer-area-action-menu{border:1px solid var(--border);background:var(--surface-bg);z-index:60;flex-direction:column;min-width:150px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.layer-context-menu{z-index:80;position:fixed}.layer-area-action-menu button{text-align:left;border-width:0 0 1px;justify-content:flex-start;padding:7px 9px}.layer-area-action-menu button:last-child{border-bottom:0}.layer-area-folder{border-bottom:1px solid var(--border-strong);background:linear-gradient(90deg, var(--layer-area-color,var(--accent)), transparent 42%), var(--surface-bg);position:relative}@supports (color:color-mix(in lab, red, red)){.layer-area-folder{background:linear-gradient(90deg, color-mix(in oklch, var(--layer-area-color,var(--accent)) 10%, transparent), transparent 42%), color-mix(in oklch, var(--surface-bg) 76%, var(--panel-bg))}}.layer-area-folder{box-shadow:inset 0 0 0 1px var(--layer-area-color,var(--accent))}@supports (color:color-mix(in lab, red, red)){.layer-area-folder{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--layer-area-color,var(--accent)) 18%, transparent)}}.layer-area-folder-header{border-bottom:1px solid var(--border);align-items:center;gap:7px;width:100%;min-height:30px;padding:0 92px 0 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.layer-area-folder-header{border-bottom:1px solid color-mix(in oklch, var(--border) 76%, transparent)}}.layer-area-folder-header{background:var(--layer-area-color,var(--accent))}@supports (color:color-mix(in lab, red, red)){.layer-area-folder-header{background:color-mix(in oklch, var(--layer-area-color,var(--accent)) 5%, transparent)}}.layer-area-folder-header{color:var(--text);font-family:var(--mono);letter-spacing:.12em;text-align:left;text-transform:uppercase;font-size:9px;transition:background .12s ease-out,color .12s ease-out}.layer-area-folder-header:hover{background:var(--layer-area-color,var(--accent))}@supports (color:color-mix(in lab, red, red)){.layer-area-folder-header:hover{background:color-mix(in oklch, var(--layer-area-color,var(--accent)) 13%, var(--surface-hover))}}.layer-area-folder-header:hover{color:var(--text)}.layer-area-folder-collapsed .layer-area-folder-header{border-bottom-color:#0000}.layer-area-folder-note{border-bottom:1px solid var(--border);margin:0;padding:7px 12px 8px 30px}@supports (color:color-mix(in lab, red, red)){.layer-area-folder-note{border-bottom:1px solid color-mix(in srgb, var(--border) 48%, transparent)}}.layer-area-folder-note{color:var(--text-dim)}@supports (color:color-mix(in lab, red, red)){.layer-area-folder-note{color:color-mix(in srgb, var(--text-dim) 78%, transparent)}}.layer-area-folder-note{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:8px;line-height:1.45}.layer-area-folder-collapsed .layer-area-folder-note{display:none}.layer-area-folder-toggle,.layer-area-name-button,.layer-area-rename,.layer-area-remove{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;align-items:center;display:inline-flex}.layer-area-folder-toggle{border:1px solid var(--layer-area-color,var(--accent));flex-shrink:0;justify-content:center;width:18px;height:20px;padding:0}@supports (color:color-mix(in lab, red, red)){.layer-area-folder-toggle{border:1px solid color-mix(in oklch, var(--layer-area-color,var(--accent)) 28%, var(--border))}}.layer-area-folder-toggle{background:var(--layer-area-color,var(--accent))}@supports (color:color-mix(in lab, red, red)){.layer-area-folder-toggle{background:color-mix(in oklch, var(--layer-area-color,var(--accent)) 7%, transparent)}}.layer-area-name-button{text-align:left;flex:auto;justify-content:flex-start;min-width:0;padding:0}.layer-area-name-button:hover,.layer-area-rename:hover,.layer-area-remove:hover{color:var(--accent)}.layer-area-name-input{border:0;border-bottom:1px solid var(--accent);min-width:72px;color:var(--text);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;outline:none;flex:1;font-size:9px}.layer-area-rename,.layer-area-remove{z-index:1;justify-content:center;width:22px;height:22px;padding:0;position:absolute;top:4px}.layer-area-remove{right:58px}.layer-area-rename{right:34px}.layer-area-visibility{z-index:1;width:22px;height:22px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:11px;display:inline-flex;position:absolute;top:4px;right:10px}.layer-area-visibility:hover{color:var(--accent)}.layer-area-visibility:disabled{cursor:default;opacity:.35}.layer-area-caret{width:8px;color:var(--text);text-align:center;flex-shrink:0}.layer-area-folder-label{color:var(--layer-area-color,var(--accent));flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.layer-area-folder-label{color:color-mix(in oklch, var(--layer-area-color,var(--accent)) 78%, var(--text))}}.layer-area-folder-label{letter-spacing:.14em;font-size:8px}.layer-area-folder .layer-row-nested{border-bottom-color:var(--border);padding-left:22px}@supports (color:color-mix(in lab, red, red)){.layer-area-folder .layer-row-nested{border-bottom-color:color-mix(in oklch, var(--border) 58%, transparent)}}.layer-area-folder .layer-row-nested{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.layer-area-folder .layer-row-nested{background:color-mix(in oklch, var(--bg) 32%, transparent)}}.layer-area-folder .layer-row-nested:last-child{border-bottom:0}.layer-ai-status{border:1px solid var(--accent);align-items:center;gap:5px;max-width:86px;min-height:18px;display:inline-flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.layer-ai-status{border:1px solid color-mix(in oklch, var(--accent) 38%, var(--border))}}.layer-ai-status{color:var(--accent);font-family:var(--mono);letter-spacing:.12em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;flex-shrink:0;padding:0 5px;font-size:8px;line-height:1}.layer-ai-status-failed{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.layer-ai-status-failed{border-color:color-mix(in oklch, var(--danger) 52%, var(--border))}}.layer-ai-status-failed{color:var(--danger)}.layer-ai-status-spinner{border:1px solid var(--accent);width:9px;height:9px}@supports (color:color-mix(in lab, red, red)){.layer-ai-status-spinner{border:1px solid color-mix(in oklch, var(--accent) 24%, transparent)}}.layer-ai-status-spinner{border-top-color:var(--accent);border-radius:999px;flex-shrink:0;animation:.9s linear infinite ai-status-spin}.layer-ai-history-count{border:1px solid var(--accent);align-items:center;min-height:18px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.layer-ai-history-count{border:1px solid color-mix(in oklch, var(--accent) 34%, var(--border))}}.layer-ai-history-count{color:var(--text-dim);font-family:var(--mono);flex-shrink:0;padding:0 5px;font-size:8px;line-height:1}.layer-graph-helper-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:30px;padding:0 12px 0 22px;display:flex}@supports (color:color-mix(in lab, red, red)){.layer-graph-helper-row{border-bottom:1px solid color-mix(in oklch, var(--border) 48%, transparent)}}.layer-graph-helper-row{background:repeating-linear-gradient(-45deg, var(--layer-area-color,var(--accent)) 0 1px, transparent 1px 7px), var(--bg)}@supports (color:color-mix(in lab, red, red)){.layer-graph-helper-row{background:repeating-linear-gradient(-45deg, color-mix(in oklch, var(--layer-area-color,var(--accent)) 5%, transparent) 0 1px, transparent 1px 7px), color-mix(in oklch, var(--bg) 42%, transparent)}}.layer-graph-helper-row{color:var(--text-dim)}@supports (color:color-mix(in lab, red, red)){.layer-graph-helper-row{color:color-mix(in oklch, var(--text-dim) 82%, transparent)}}.layer-graph-helper-row{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.layer-area-folder .layer-graph-helper-row:last-child{border-bottom:0}.layer-graph-helper-grip{text-align:center;flex-shrink:0;width:10px}.layer-graph-helper-icon{width:20px;color:var(--layer-area-color,var(--accent));flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.layer-graph-helper-icon{color:color-mix(in oklch, var(--layer-area-color,var(--accent)) 78%, var(--accent))}}.layer-graph-helper-icon{text-align:center;font-size:10px}.layer-graph-helper-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.layer-graph-helper-kind{color:var(--text-dim);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.layer-graph-helper-kind{color:color-mix(in oklch, var(--text-dim) 70%, transparent)}}.layer-graph-helper-remove{width:18px;height:18px;color:var(--text-dim);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.layer-graph-helper-remove{color:color-mix(in oklch, var(--text-dim) 70%, transparent)}}.layer-graph-helper-remove{cursor:pointer;font:inherit;line-height:1}.layer-graph-helper-remove:hover{color:var(--accent)}.layer-area-dot{flex-shrink:0;width:6px;height:6px}.layer-area-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.layer-area-more{color:var(--accent);flex-shrink:0}.layer-area-summary{color:var(--text-dim);flex-shrink:0;margin-left:auto}@supports (color:color-mix(in lab, red, red)){.layer-area-summary{color:color-mix(in srgb, var(--text-dim) 76%, transparent)}}.layer-area-graph-count{color:var(--layer-area-color,var(--accent));flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.layer-area-graph-count{color:color-mix(in oklch, var(--layer-area-color,var(--accent)) 78%, var(--accent))}}.main>.bottom-bar{display:none}.main-nodes>.bottom-bar{right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);z-index:30;border:1px solid var(--border-strong);background:var(--panel-bg);width:auto;max-width:calc(100% - 32px);display:flex;position:absolute;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.main-nodes>.bottom-bar{background:color-mix(in oklch, var(--panel-bg) 96%, transparent)}}.main-nodes>.bottom-bar{padding:8px}@media (width>=768px){.main{flex:1;order:2;gap:16px;padding:20px}.main>.bottom-bar{display:flex}.main-nodes{padding:0}.main-nodes>.bottom-bar{bottom:18px}}.canvas-wrapper canvas,.pixi-container canvas{box-shadow:0 0 0 1px var(--border-strong), 0 0 0 8px var(--canvas-stage-bg);display:block}@supports (color:color-mix(in lab, red, red)){.canvas-wrapper canvas,.pixi-container canvas{box-shadow:0 0 0 1px var(--border-strong), 0 0 0 8px color-mix(in oklch, var(--canvas-stage-bg) 86%, transparent)}}.canvas-wrapper canvas,.pixi-container canvas{aspect-ratio:1;width:auto;max-width:100%;height:100%;max-height:min(100%,540px)}.pixi-container{position:relative}.canvas-wrapper{background:radial-gradient(circle at 50% 50%, var(--canvas-stage-bg), transparent 58%), var(--workspace-bg)}@supports (color:color-mix(in lab, red, red)){.canvas-wrapper{background:radial-gradient(circle at 50% 50%, color-mix(in oklch, var(--canvas-stage-bg) 84%, transparent), transparent 58%), var(--workspace-bg)}}.canvas-area{padding:10px}.empty-canvas-start{bottom:calc(var(--touch) + 22px);z-index:12;border:1px solid var(--border);background:var(--panel-bg);gap:10px;width:min(560px,100% - 32px);display:grid;position:absolute;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.empty-canvas-start{background:color-mix(in oklch, var(--panel-bg) 96%, transparent)}}.empty-canvas-start{padding:12px}.empty-canvas-start-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.empty-canvas-guide{color:var(--text-dim);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.empty-canvas-guide a{color:var(--accent);text-decoration:none}.empty-canvas-guide a:hover,.empty-canvas-guide a:focus-visible{color:var(--text);outline:none}.empty-canvas-start-actions button,.empty-canvas-start-actions a{border:1px solid var(--border);min-height:44px;color:var(--text);cursor:pointer;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:oklch(9% .015 42/.82);justify-content:center;align-items:center;font-size:10px;line-height:1;text-decoration:none;transition:background .12s ease-out,border-color .12s ease-out,color .12s ease-out;display:inline-flex}.empty-canvas-start-actions button:hover,.empty-canvas-start-actions a:hover{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.ai-generation-panel{gap:8px;display:grid}.site-nav-mobile-action,#mobile-nav-menu>.action-button{width:100%;margin-top:8px}.ai-generation-access-banner{border:1px solid var(--accent);gap:7px;display:grid}@supports (color:color-mix(in lab, red, red)){.ai-generation-access-banner{border:1px solid color-mix(in oklch, var(--accent) 42%, var(--border))}}.ai-generation-access-banner{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ai-generation-access-banner{background:color-mix(in oklch, var(--accent) 10%, var(--surface-bg))}}.ai-generation-access-banner{color:var(--text);padding:12px}.ai-generation-access-banner span,.ai-generation-provenance span{color:var(--accent);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1.2}.ai-generation-access-banner p,.ai-generation-provenance p{color:var(--text-dim);font-family:var(--mono);overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.45}.ai-generation-access-action{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.ai-generation-access-action{border:1px solid color-mix(in oklch, var(--accent) 52%, var(--border))}}.ai-generation-access-action{background:var(--accent-dim);color:var(--accent);cursor:pointer;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;min-height:34px;padding:0 12px;font-size:10px}.ai-generation-access-action:disabled{cursor:default;opacity:.55}.ai-generation-provenance{border:1px solid var(--border-strong);background:var(--surface-input);gap:7px;padding:10px 12px;display:grid}.ai-generation-history-nav{border:1px solid var(--border);background:var(--surface-input);grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;display:grid}.ai-generation-history-button{height:34px;color:var(--accent);cursor:pointer;font-family:var(--mono);background:0 0;border:0;font-size:18px;line-height:1}.ai-generation-history-button:disabled{cursor:default;opacity:.32}.ai-generation-history-count{min-width:0;color:var(--text-dim);font-family:var(--mono);letter-spacing:.12em;text-align:center;text-transform:uppercase;font-size:10px;line-height:1}.ai-generation-provenance-loading{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ai-generation-provenance-loading{border-color:color-mix(in oklch, var(--accent) 45%, var(--border))}}.ai-generation-provenance-loading{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ai-generation-provenance-loading{background:color-mix(in oklch, var(--accent) 7%, var(--bg))}}.ai-generation-provenance-failed{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.ai-generation-provenance-failed{border-color:color-mix(in oklch, var(--danger) 50%, var(--border))}}.ai-generation-provenance-failed{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.ai-generation-provenance-failed{background:color-mix(in oklch, var(--danger) 8%, var(--bg))}}.ai-generation-provenance-failed span{color:var(--danger)}.ai-generation-actions{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;display:grid}.ai-generation-action{border:1px solid var(--accent);min-height:32px}@supports (color:color-mix(in lab, red, red)){.ai-generation-action{border:1px solid color-mix(in oklch, var(--accent) 42%, var(--border))}}.ai-generation-action{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ai-generation-action{background:color-mix(in oklch, var(--accent) 7%, transparent)}}.ai-generation-action{color:var(--accent);cursor:pointer;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:9px}.ai-generation-action:disabled{cursor:default;opacity:.45}.ai-generation-diagnostics{border:1px solid var(--border);gap:5px;display:grid}@supports (color:color-mix(in lab, red, red)){.ai-generation-diagnostics{border:1px solid color-mix(in oklch, var(--border) 80%, transparent)}}.ai-generation-diagnostics{background:var(--surface-input);padding:8px 10px}.ai-generation-diagnostics div{grid-template-columns:58px minmax(0,1fr);align-items:baseline;gap:8px;min-width:0;display:grid}.ai-generation-diagnostics span{color:var(--text-dim);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:8px}.ai-generation-diagnostics code{min-width:0;color:var(--text);font-family:var(--mono);overflow-wrap:anywhere;font-size:9px}.ai-generation-dev-diagnostics{border:1px solid var(--accent);gap:8px;display:grid}@supports (color:color-mix(in lab, red, red)){.ai-generation-dev-diagnostics{border:1px solid color-mix(in oklch, var(--accent) 36%, var(--border))}}.ai-generation-dev-diagnostics{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ai-generation-dev-diagnostics{background:color-mix(in oklch, var(--accent) 5%, var(--surface-input))}}.ai-generation-dev-diagnostics{padding:9px 10px}.ai-generation-dev-diagnostics-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.ai-generation-dev-diagnostics-header span{color:var(--accent);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:700}.ai-generation-dev-diagnostics-header button{border:1px solid var(--accent);min-height:28px}@supports (color:color-mix(in lab, red, red)){.ai-generation-dev-diagnostics-header button{border:1px solid color-mix(in oklch, var(--accent) 44%, var(--border))}}.ai-generation-dev-diagnostics-header button{color:var(--accent);cursor:pointer;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:0 0;padding:0 9px;font-size:8px}.ai-generation-dev-diagnostics-header button:disabled{cursor:default;opacity:.5}.ai-generation-dev-diagnostics-rows{gap:5px;display:grid}.ai-generation-dev-diagnostics-rows div{grid-template-columns:64px minmax(0,1fr);gap:8px;min-width:0;display:grid}.ai-generation-dev-diagnostics-rows span{color:var(--text-dim);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:8px}.ai-generation-dev-diagnostics-rows code{min-width:0;color:var(--text);font-family:var(--mono);overflow-wrap:anywhere;font-size:9px}.ai-generation-panel textarea,.ai-generation-panel select{border:1px solid var(--border);background:var(--surface-input);width:100%;color:var(--text);font-family:var(--mono);font-size:11px}.ai-generation-panel textarea{resize:vertical;min-height:74px;padding:8px;line-height:1.35}.ai-generation-panel select{height:34px;padding:0 8px}.ai-generation-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.ai-generation-submit{min-height:38px}.ai-generation-meta{min-height:14px;color:var(--text-dim);font-family:var(--mono);letter-spacing:0;overflow-wrap:anywhere;justify-content:space-between;gap:8px;font-size:9px;display:flex}@media (width>=768px){.empty-canvas-start{bottom:96px}.empty-canvas-start-actions{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.pixi-container canvas{transition:none;animation:none}}.pa-badge--bordered:after{content:"";pointer-events:none;z-index:10;position:absolute;inset:0;box-shadow:inset 0 0 0 2.5cqw #fff}.pa-badge{aspect-ratio:8/5;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden;container-type:inline-size}.pa-label{box-sizing:border-box;background:#000;flex-direction:column;width:100%;height:100%;padding:3.4cqw;display:flex}.pa-inner{box-sizing:border-box;background:#fff;border:.8cqw solid #000;flex-direction:column;flex:1;display:flex}.pa-row{justify-content:center;align-items:center;display:flex;overflow:hidden}.pa-row--top{background:#000;flex:0 0 26%}.pa-row--middle{background:#fff;flex:0 0 48%}.pa-row--bottom{background:#000;flex:0 0 26%}.pa-text{white-space:nowrap;text-transform:uppercase;line-height:1;display:block}.pa-text--parental{color:#fff;letter-spacing:.32em;text-indent:.32em;font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:8cqw}.pa-text--advisory{color:#000;letter-spacing:0;font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:21cqw}.pa-text--explicit{color:#fff;letter-spacing:.22em;text-indent:.22em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:6.5cqw;font-weight:900}.toggle-switch{cursor:pointer;align-items:center;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch__track{background:oklch(25% .01 280);border-radius:9px;width:32px;height:18px;transition:background .18s;display:block}.toggle-switch input:checked+.toggle-switch__track{background:var(--accent)}.toggle-switch__track:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .18s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-switch__track:after{transform:translate(14px)}.pa-hint{font-family:var(--mono);color:var(--text-dim);margin-top:4px;font-size:.65rem;line-height:1.5}.bottom-bar{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:6px;width:100%;display:grid}.main>.bottom-bar,.sidebar-mobile-bar .bottom-bar{border:1px solid var(--border);background:var(--panel-bg)}@supports (color:color-mix(in lab, red, red)){.main>.bottom-bar,.sidebar-mobile-bar .bottom-bar{background:color-mix(in oklch, var(--panel-bg) 94%, transparent)}}.main>.bottom-bar,.sidebar-mobile-bar .bottom-bar{padding:8px}.bottom-rand-group{grid-area:1/1/auto/3;align-items:center;gap:6px;display:flex}.bottom-link-group{grid-area:2/1;align-items:center;gap:6px;min-width:0;display:flex}.bottom-right-group{grid-area:2/2;justify-content:flex-end;align-items:center;gap:6px;display:flex}@media (width<=767px){.sidebar-mobile-bar .bottom-bar{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto}.sidebar-mobile-bar .bottom-rand-group{grid-column:1/3;width:100%}.sidebar-mobile-bar .bottom-link-group{scrollbar-width:none;grid-area:2/1;padding-bottom:2px;overflow-x:auto}.sidebar-mobile-bar .bottom-link-group::-webkit-scrollbar{display:none}.sidebar-mobile-bar .bottom-link-group .action-button{flex:none}.sidebar-mobile-bar .bottom-right-group{grid-area:2/2;display:flex}.sidebar-mobile-bar .bottom-right-group .action-button{width:76px;min-width:76px;padding-left:8px;padding-right:8px;font-size:8px}}@media (width>=768px){.bottom-bar{flex-direction:row;justify-content:space-between;align-items:center;gap:6px;padding:0;display:flex}.bottom-link-group{order:1;min-width:auto}.bottom-rand-group{order:2}.bottom-right-group{order:3;justify-content:flex-end;margin-left:auto}}.bottom-label{letter-spacing:2px;color:var(--text-dim);white-space:nowrap;font-size:9px}.rand-btn{flex:1}@media (width>=768px){.rand-btn{flex:none}}.btn{background:var(--surface-bg)}@supports (color:color-mix(in lab, red, red)){.btn{background:color-mix(in oklch, var(--surface-bg) 88%, transparent)}}.btn{border:1px solid var(--border);color:var(--text);font-family:var(--mono);letter-spacing:1.5px;height:var(--touch);cursor:pointer;white-space:nowrap;border-radius:3px;justify-content:center;align-items:center;padding:0 12px;font-size:10px;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.btn:hover{border-color:var(--border-strong);background:var(--surface-hover);color:var(--accent)}.btn:active{transition-duration:50ms;transform:scale(.96)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{border-color:var(--accent);color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.btn-primary{background:color-mix(in oklch, var(--accent) 8%, var(--surface-bg))}}.btn-primary:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.btn-primary:hover{background:color-mix(in oklch, var(--accent) 14%, var(--surface-bg))}}.btn-primary:active{background:var(--accent-dim)}.btn-full{justify-content:center;width:100%}.btn-icon{color:var(--text-dim);border-color:#0000;padding:0 8px;font-size:16px}.btn-danger{color:oklch(65% .18 15/.8);border-color:oklch(55% .18 15/.4)}.btn-danger:hover{background:oklch(55% .18 15/.1);border-color:oklch(55% .18 15/.8)}.btn-small{letter-spacing:1px;height:32px;padding:0 8px;font-size:9px}.library-card-action{height:32px;min-height:32px;font-size:var(--type-ui-xs);padding-inline:8px}.library-card-action-delete{color:var(--text-muted);border-color:var(--border-strong)}@supports (color:color-mix(in lab, red, red)){.library-card-action-delete{border-color:color-mix(in oklch, var(--border-strong) 82%, transparent)}}.library-card-action-delete:hover{color:var(--danger);border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.library-card-action-delete:hover{border-color:color-mix(in oklch, var(--danger) 48%, var(--border))}}.library-card-action-delete:hover{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.library-card-action-delete:hover{background:color-mix(in oklch, var(--danger) 7%, transparent)}}.library-card-open{min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:0;flex:1;gap:10px;padding:0;display:flex}button.library-card-open{cursor:pointer}button.library-card-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.library-card-artwork{flex:none;display:block;position:relative}.library-card-badge,.library-card-hover-cue{z-index:1;font-family:var(--mono);text-transform:uppercase;font-weight:700;position:absolute}.library-card-badge{border:1px solid var(--accent);align-items:center;min-height:24px;display:inline-flex;top:8px;left:8px}@supports (color:color-mix(in lab, red, red)){.library-card-badge{border:1px solid color-mix(in oklch, var(--accent) 54%, var(--border))}}.library-card-badge{background:var(--surface-bg)}@supports (color:color-mix(in lab, red, red)){.library-card-badge{background:color-mix(in oklch, var(--surface-bg) 78%, transparent)}}.library-card-badge{color:var(--accent);letter-spacing:.16em;padding:0 8px;font-size:9px}.library-card-hover-cue{color:var(--text);letter-spacing:.14em;opacity:0;pointer-events:none;transition:opacity .16s var(--ease-out);font-size:10px;line-height:1;bottom:10px;right:10px}.library-card-secondary-actions{z-index:3;align-items:center;min-height:0;position:absolute;top:10px;right:10px}.library-card-more-action{border:1px solid var(--border-strong);justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.library-card-more-action{border:1px solid color-mix(in oklch, var(--border-strong) 78%, transparent)}}.library-card-more-action{background:var(--surface-bg)}@supports (color:color-mix(in lab, red, red)){.library-card-more-action{background:color-mix(in oklch, var(--surface-bg) 74%, transparent)}}.library-card-more-action{color:var(--text-dim);cursor:pointer;font-family:var(--mono);font-size:15px;line-height:1}.library-card-more-action:hover,.library-card-more-action[aria-expanded=true]{background:var(--surface-bg)}@supports (color:color-mix(in lab, red, red)){.library-card-more-action:hover,.library-card-more-action[aria-expanded=true]{background:color-mix(in oklch, var(--surface-bg) 92%, var(--accent))}}.library-card-more-action:hover,.library-card-more-action[aria-expanded=true]{border-color:var(--accent);color:var(--text)}.library-card-more-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-delete-dialog{border:1px solid var(--danger);width:min(420px,100vw - 32px);top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.project-delete-dialog{border:1px solid color-mix(in oklch, var(--danger) 42%, var(--border))}}.project-delete-dialog{background:var(--surface-bg)}@supports (color:color-mix(in lab, red, red)){.project-delete-dialog{background:color-mix(in oklch, var(--surface-bg) 90%, var(--panel-bg))}}.project-delete-dialog{color:var(--text);padding:22px;transform:translate(-50%,-50%)}.project-delete-dialog__title{color:var(--danger);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.project-delete-dialog__copy{color:var(--text-dim);margin:14px 0 0;font-size:14px;line-height:1.5}.project-delete-dialog__actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.export-wrap{position:relative}.export-menu{background:var(--panel-raised);border:1px solid var(--border-strong);z-index:100;border-radius:4px;min-width:142px;position:absolute;bottom:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 18px 46px oklch(0% none none/.56)}.export-option{width:100%;min-height:var(--touch);color:var(--text);font-family:var(--mono);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 14px;font-size:11px;transition:background .12s;display:flex}.export-option:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.export-option:hover{background:color-mix(in oklch, var(--accent) 13%, var(--surface-bg))}}.export-option:hover{color:var(--accent)}.export-option:disabled{opacity:.5;cursor:not-allowed}.export-menu-divider{background:var(--border-strong);height:1px;margin:2px 0}.library-panel{box-shadow:-18px 0 50px oklch(0% none none/.44)}.library-panel>div:first-child,.library-panel>div:nth-child(2),.library-panel>div:nth-child(3){border-color:var(--border-strong);background:var(--panel-raised)}@supports (color:color-mix(in lab, red, red)){.library-panel>div:first-child,.library-panel>div:nth-child(2),.library-panel>div:nth-child(3){background:color-mix(in oklch, var(--panel-raised) 82%, transparent)}}.library-panel input{border-color:var(--border);background:var(--surface-input)}.project-save-panel{border-bottom:1px solid var(--border-strong);background:var(--panel-raised);flex-direction:column;flex-shrink:0;gap:8px;padding:10px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.project-save-panel{background:color-mix(in oklch, var(--panel-raised) 82%, transparent)}}.project-primary-save{grid-template-columns:minmax(0,1fr) 128px;align-items:stretch;gap:8px;display:grid}.project-name-field{box-sizing:border-box;border:1px solid var(--border);background:var(--surface-input);flex-direction:column;justify-content:center;gap:4px;min-width:0;height:52px;padding:7px 10px 8px;display:flex}.project-name-field span{color:var(--success);letter-spacing:.14em;font-size:8px}.project-name-field input{width:100%;min-width:0;color:var(--text);font-family:var(--mono);text-overflow:ellipsis;background:0 0;border:0;outline:0;font-size:11px;line-height:1.2}.project-name-field:focus-within{border-color:var(--accent)}.project-name-field input::placeholder{color:var(--text-dim)}.library-save-button.action-button{box-sizing:border-box;width:128px;min-width:128px;height:52px;min-height:52px;padding-inline:0}.project-workspace-summary{background:var(--panel-raised)}@supports (color:color-mix(in lab, red, red)){.project-workspace-summary{background:color-mix(in oklch, var(--panel-raised) 82%, transparent)}}.project-status-stack{flex-direction:column;gap:6px;display:flex}.project-status-line{border:1px solid var(--border);background:var(--surface-input);justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:0 8px;font-size:10px;line-height:1.2;display:flex}.project-status-line__label{color:var(--text-muted)}.project-status-line__value{color:var(--text-dim);text-align:right}.project-status-line-ok .project-status-line__value{color:var(--success)}.project-status-line-warning .project-status-line__value{color:var(--warning)}.project-status-line-danger .project-status-line__value{color:var(--danger)}.project-workspace-summary__header{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:9px;display:flex}.project-workspace-summary__rows{border:1px solid var(--border);background:var(--surface-input);flex-direction:column;display:flex}.project-workspace-summary__row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:6px 8px;display:flex}@supports (color:color-mix(in lab, red, red)){.project-workspace-summary__row{border-bottom:1px solid color-mix(in oklch, var(--border) 74%, transparent)}}.project-workspace-summary__row{color:var(--text-muted);font-size:10px;line-height:1.25}.project-workspace-summary__row:last-child{border-bottom:0}.project-workspace-summary__value{color:var(--text-dim);text-align:right}.project-workspace-summary__value-ok{color:var(--success)}.project-workspace-summary__value-warning{color:var(--warning)}.project-workspace-summary__value-danger{color:var(--danger)}.project-workspace-summary__value-muted{color:var(--text-muted)}.project-workspace-summary__warnings{border:1px solid var(--warning);flex-direction:column;gap:5px;margin-top:8px;padding:7px 8px;display:flex}@supports (color:color-mix(in lab, red, red)){.project-workspace-summary__warnings{border:1px solid color-mix(in oklch, var(--warning) 54%, var(--border))}}.project-workspace-summary__warnings{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.project-workspace-summary__warnings{background:color-mix(in oklch, var(--warning) 12%, transparent)}}.project-workspace-summary__warnings{color:var(--warning);font-size:9px;line-height:1.35}.project-storage-details{border:1px solid var(--border);margin-top:8px}@supports (color:color-mix(in lab, red, red)){.project-storage-details{border:1px solid color-mix(in oklch, var(--border) 80%, transparent)}}.project-storage-details{background:var(--surface-bg)}@supports (color:color-mix(in lab, red, red)){.project-storage-details{background:color-mix(in oklch, var(--surface-bg) 62%, transparent)}}.project-storage-details summary{cursor:pointer;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;padding:7px 8px;font-size:9px;list-style:none}.project-storage-details summary::-webkit-details-marker{display:none}.project-storage-details summary:after{content:"+";float:right;color:var(--text-muted)}.project-storage-details[open] summary:after{content:"-"}.project-storage-details .project-workspace-summary__rows{border:0;border-top:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.project-storage-details .project-workspace-summary__rows{border-top:1px solid color-mix(in oklch, var(--border) 68%, transparent)}}.project-storage-details .project-workspace-summary__rows{background:0 0}.project-new-blank-action{min-height:42px;color:var(--text-dim);border-color:var(--border-strong)}@supports (color:color-mix(in lab, red, red)){.project-new-blank-action{border-color:color-mix(in oklch, var(--border-strong) 86%, transparent)}}.project-new-blank-action{background:var(--surface-bg)}@supports (color:color-mix(in lab, red, red)){.project-new-blank-action{background:color-mix(in oklch, var(--surface-bg) 70%, transparent)}}.project-new-blank-action:hover{color:var(--accent);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.project-new-blank-action:hover{border-color:color-mix(in oklch, var(--accent) 38%, var(--border))}}.project-new-blank-action:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.project-new-blank-action:hover{background:color-mix(in oklch, var(--accent) 6%, var(--surface-bg))}}.library-card{border-color:var(--border-strong);background:var(--surface-bg)}@supports (color:color-mix(in lab, red, red)){.library-card{background:color-mix(in oklch, var(--surface-bg) 84%, var(--panel-bg))}}.library-card{box-shadow:inset 1px 0 0 var(--border-strong)}@supports (color:color-mix(in lab, red, red)){.library-card{box-shadow:inset 1px 0 0 color-mix(in oklch, var(--border-strong) 82%, transparent)}}.library-card:hover{background:var(--surface-hover);box-shadow:inset 1px 0 0 var(--accent)}@supports (color:color-mix(in lab, red, red)){.library-card:hover{box-shadow:inset 1px 0 0 color-mix(in oklch, var(--accent) 72%, transparent)}}.library-card-active{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.library-card-active{border-color:color-mix(in oklch, var(--success) 44%, var(--border))}}.library-card-active{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.library-card-active{background:color-mix(in oklch, var(--success) 6%, var(--surface-bg))}}.library-card-active{box-shadow:inset 1px 0 0 var(--success)}@supports (color:color-mix(in lab, red, red)){.library-card-active{box-shadow:inset 1px 0 0 color-mix(in oklch, var(--success) 70%, transparent)}}.library-card-active:hover{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.library-card-active:hover{border-color:color-mix(in oklch, var(--success) 58%, var(--border))}}.library-card-active:hover{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.library-card-active:hover{background:color-mix(in oklch, var(--success) 9%, var(--surface-bg))}}.library-card-active:hover{box-shadow:inset 1px 0 0 var(--success)}@supports (color:color-mix(in lab, red, red)){.library-card-active:hover{box-shadow:inset 1px 0 0 color-mix(in oklch, var(--success) 78%, transparent)}}.library-card-draft{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.library-card-draft{border-color:color-mix(in oklch, var(--warning) 42%, var(--border))}}.library-card-draft{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.library-card-draft{background:color-mix(in oklch, var(--warning) 7%, var(--surface-bg))}}.library-card-draft{box-shadow:inset 1px 0 0 var(--warning)}@supports (color:color-mix(in lab, red, red)){.library-card-draft{box-shadow:inset 1px 0 0 color-mix(in oklch, var(--warning) 68%, transparent)}}.library-card-draft:hover{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.library-card-draft:hover{border-color:color-mix(in oklch, var(--warning) 62%, var(--border))}}.library-card-draft:hover{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.library-card-draft:hover{background:color-mix(in oklch, var(--warning) 10%, var(--surface-bg))}}.library-card-draft:hover{box-shadow:inset 1px 0 0 var(--warning)}@supports (color:color-mix(in lab, red, red)){.library-card-draft:hover{box-shadow:inset 1px 0 0 color-mix(in oklch, var(--warning) 74%, transparent)}}.library-card-draft .library-card-action-load{color:var(--warning);border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.library-card-draft .library-card-action-load{border-color:color-mix(in oklch, var(--warning) 44%, var(--border))}}.library-card-draft .library-card-action-load:hover{color:var(--surface-bg);border-color:var(--warning);background:var(--warning)}.projects-route{min-height:100vh;font-family:var(--mono)}.projects-page-shell{width:min(1120px,100vw - 32px);margin:0 auto;padding:104px 0 56px}.projects-page-header{flex-direction:column;gap:14px;padding-bottom:0;display:flex}.projects-page-kicker{color:var(--accent);letter-spacing:.24em;text-transform:uppercase;font-size:10px;font-weight:700}.projects-page-title-row{justify-content:space-between;align-items:end;gap:24px;display:flex}.projects-page-title-row h1{color:var(--text);font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0;font-size:clamp(48px,9vw,112px);font-weight:900;line-height:.85}.projects-page-title-row p{max-width:52ch;color:var(--text-dim);margin:12px 0 0;font-size:13px;line-height:1.5}.projects-page-context{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:11px;line-height:1.4;display:flex}.projects-page-context span{position:relative}.projects-page-context span+span:before{color:var(--accent);position:absolute;top:.12em;left:-10px}@supports (color:color-mix(in lab, red, red)){.projects-page-context span+span:before{color:color-mix(in oklch, var(--accent) 58%, var(--text-muted))}}.projects-page-context span+span:before{content:"/"}.projects-page-context-warning{color:var(--warning)}.projects-page-warning{border:1px solid var(--warning);margin-top:14px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.projects-page-warning{border:1px solid color-mix(in oklch, var(--warning) 54%, var(--border))}}.projects-page-warning{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.projects-page-warning{background:color-mix(in oklch, var(--warning) 10%, var(--surface-bg))}}.projects-page-warning{color:var(--warning);font-size:11px;line-height:1.4}.projects-page-library{min-height:420px;margin-top:18px}.projects-page-library>.flex-1{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;gap:34px 28px;padding:0;display:grid;overflow:visible}.projects-page-library .library-card{width:100%;min-height:0;box-shadow:none;background:0 0;border-color:#0000;flex-direction:column;gap:10px;margin:0;padding:0;transition:border-color .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:visible}.projects-page-library .library-card:hover{box-shadow:none;background:0 0;border-color:#0000;transform:translateY(-2px)}.projects-page-library .library-card:focus-within{box-shadow:none;border-color:#0000}.projects-page-library .library-card-active,.projects-page-library .library-card-active:hover{box-shadow:none;background:0 0;border-color:#0000}.projects-page-library .library-card img{object-fit:contain;border:0;width:100%;height:100%;display:block;position:absolute;inset:0;transform:none}.projects-page-library .library-card-artwork{aspect-ratio:1;outline-offset:0;background:0 0;outline:1px solid #0000;justify-content:center;align-items:center;width:100%;transition:outline-color .18s cubic-bezier(.16,1,.3,1),background-color .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.projects-page-library .library-card:hover .library-card-artwork,.projects-page-library .library-card:focus-within .library-card-artwork{outline-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.projects-page-library .library-card:hover .library-card-artwork,.projects-page-library .library-card:focus-within .library-card-artwork{outline-color:color-mix(in oklch, var(--accent) 32%, transparent)}}.projects-page-library .library-card-active .library-card-artwork,.projects-page-library .library-card-active:hover .library-card-artwork{outline-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.projects-page-library .library-card-active .library-card-artwork,.projects-page-library .library-card-active:hover .library-card-artwork{outline-color:color-mix(in oklch, var(--accent) 54%, transparent)}}.projects-page-library .library-card-open{flex-direction:column;gap:10px}.projects-page-library button.library-card-open:hover .library-card-hover-cue,.projects-page-library button.library-card-open:focus-visible .library-card-hover-cue{opacity:0}.projects-page-library .library-card-hover-cue{display:none}.projects-page-library .library-card-copy{gap:0;min-height:0;padding:0 2px}.projects-page-library .library-card-seed,.projects-page-library .library-card-size{display:none}.projects-page-library .library-card-actions{justify-content:flex-end;width:auto;padding:0}.projects-page-library .library-card-action{flex:none;min-width:0}.projects-page-library .library-card-action-delete{min-width:72px}.projects-page-library .library-card-secondary-actions{opacity:0;pointer-events:none;transition:opacity .16s var(--ease-out);margin-top:0}.projects-page-library .library-card:hover .library-card-secondary-actions,.projects-page-library .library-card:focus-within .library-card-secondary-actions,.projects-page-library .library-card-active .library-card-secondary-actions,.projects-page-library .library-card-draft .library-card-secondary-actions{opacity:1;pointer-events:auto}.projects-page-library .library-card-more-action{background:var(--surface-bg);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.projects-page-library .library-card-more-action{background:color-mix(in oklch, var(--surface-bg) 58%, transparent)}}.projects-page-library .library-card-more-action{color:var(--text-dim)}@supports (color:color-mix(in lab, red, red)){.projects-page-library .library-card-more-action{color:color-mix(in oklch, var(--text-dim) 84%, transparent)}}.projects-page-library .library-card-more-action:hover,.projects-page-library .library-card-more-action[aria-expanded=true]{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.projects-page-library .library-card-more-action:hover,.projects-page-library .library-card-more-action[aria-expanded=true]{border-color:color-mix(in oklch, var(--accent) 44%, transparent)}}.projects-page-library .library-card-more-action:hover,.projects-page-library .library-card-more-action[aria-expanded=true]{background:var(--surface-bg)}@supports (color:color-mix(in lab, red, red)){.projects-page-library .library-card-more-action:hover,.projects-page-library .library-card-more-action[aria-expanded=true]{background:color-mix(in oklch, var(--surface-bg) 76%, transparent)}}.projects-page-library .library-card-more-action:hover,.projects-page-library .library-card-more-action[aria-expanded=true]{color:var(--text)}.projects-page-library .library-card-action-copy{flex:1.2}.projects-page-library .library-card-draft{background:var(--warning);flex-direction:row;grid-column:1/-1;width:100%;min-height:128px;margin-bottom:20px;padding:12px;display:flex;overflow:visible}@supports (color:color-mix(in lab, red, red)){.projects-page-library .library-card-draft{background:color-mix(in oklch, var(--warning) 6%, var(--surface-bg))}}.projects-page-library .library-card-draft:hover{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.projects-page-library .library-card-draft:hover{background:color-mix(in oklch, var(--warning) 9%, var(--surface-bg))}}.projects-page-library .library-card-draft:hover{transform:none}.projects-page-library .library-card-draft .library-card-open{flex-direction:row;gap:10px}.projects-page-library .library-card-draft .library-card-artwork{aspect-ratio:auto;width:104px;height:104px}.projects-page-library .library-card-draft .library-card-actions{position:absolute;top:12px;right:12px}.projects-page-library .library-card-draft img{border:1px solid var(--warning);width:104px;height:104px;position:static}@supports (color:color-mix(in lab, red, red)){.projects-page-library .library-card-draft img{border:1px solid color-mix(in oklch, var(--warning) 26%, var(--border))}}.projects-page-library .library-card-draft img{object-fit:cover;transform:none}.projects-page-library .library-card-draft .library-card-copy{padding:0}@media (width<=720px){.projects-page-shell{width:min(100vw - 20px,560px);padding-top:84px}.projects-page-title-row{flex-direction:column;align-items:stretch;gap:16px}.projects-page-title-row .action-button{width:100%}.projects-page-library>.flex-1{grid-template-columns:minmax(0,1fr);gap:26px}.projects-page-library .library-card{flex-direction:column;padding:0}.projects-page-library .library-card-open{flex-direction:column;gap:0}.projects-page-library .library-card-copy{padding:0 2px}.projects-page-library .library-card-actions{padding:0}.projects-page-library .library-card-secondary-actions{opacity:1;pointer-events:auto}.projects-page-library .library-card-action{flex:0 auto}}.export-option--env{gap:6px}.export-option-sub{opacity:.5;margin-left:auto;font-size:9px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.btn,.emoji-btn,.export-option{transition-duration:.01ms!important}}.landing-grain{pointer-events:none;z-index:999;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:300px 300px;position:fixed;inset:0}.landing-headline{font-family:var(--display);letter-spacing:-.02em;color:var(--text);text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(3.2rem,10vw,10rem);font-weight:900;line-height:.9;animation:.55s cubic-bezier(.16,1,.3,1) both landing-rise}.landing-headline__accent{color:var(--accent);display:inline}.landing-deck{font-family:var(--mono);color:var(--text-dim);letter-spacing:.01em;margin:0;font-size:.875rem;line-height:1.55}.landing-features li{font-family:var(--mono);color:var(--text-dim);letter-spacing:.02em;font-size:.9rem;line-height:1.6}.landing-features li:before{content:"— ";color:var(--accent)}.landing-footer{text-align:left;padding:24px clamp(24px,5vw,72px)}.landing-footer__link{font-family:var(--mono);color:var(--text-dim);letter-spacing:.04em;font-size:.72rem;text-decoration:none}.landing-footer__link:hover{color:var(--text)}@keyframes landing-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-fade{0%{opacity:0}to{opacity:1}}@keyframes step-content-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.landing-headline{animation:none}}.slider-info-btn{cursor:pointer;width:14px;height:14px;color:var(--text-dim);font-size:10px;font-family:var(--mono);opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;transition:opacity .15s,color .15s;display:inline-flex}.group:hover .slider-info-btn{opacity:1}.slider-info-btn:hover,.slider-info-btn:focus-visible{color:var(--accent)}.group:focus-within .slider-info-btn{opacity:1}@media (width<=767px){.slider-info-btn{display:none}}.effect-popup{z-index:400;background:var(--sidebar-bg);border:1px solid var(--border);pointer-events:auto;opacity:0;border-radius:4px;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);position:fixed;overflow:hidden;transform:translate(6px);box-shadow:0 4px 24px oklch(0% 0 0/.5)}.effect-popup--visible{opacity:1;transform:translate(0)}.effect-popup__image-wrap{aspect-ratio:1;background:oklch(12% .016 42);width:100%;overflow:hidden}.effect-popup__image{object-fit:cover;width:100%;height:100%;display:block}.effect-popup__image-placeholder{width:100%;height:100%}.effect-popup__body{flex-direction:column;gap:4px;padding:10px 12px 12px;display:flex}.effect-popup__title{font-family:var(--mono);letter-spacing:2px;color:var(--accent);text-transform:uppercase;font-size:9px;font-weight:600}.effect-popup__desc{font-family:var(--mono);color:var(--text);margin:0;font-size:10px;line-height:1.55}.effect-popup__family{font-family:var(--mono);color:var(--accent-2);font-size:9px;line-height:1.45}.effect-popup__value{font-family:var(--mono);color:var(--text-dim);margin-top:2px;font-size:9px}@media (width<=767px){.effect-popup{display:none}}@media (prefers-reduced-motion:reduce){.effect-popup{transition:opacity .01ms;transform:none}}.hero-cover{aspect-ratio:1;cursor:pointer;outline-offset:0px;background:oklch(14% .01 280);outline:1.5px solid #0000;flex-shrink:0;width:100%;max-width:480px;transition:outline-color .18s;position:relative;overflow:hidden}@media (width>=768px){.hero-cover{width:clamp(280px,40vw,520px)}}.hero-cover:hover{outline-color:var(--accent)}.hero-cover__img{object-fit:cover;width:100%;height:100%;transition:opacity .5s;display:block}.hero-cover__img--fade{opacity:0}@media (prefers-reduced-motion:reduce){.hero-cover__img{transition:none}}.hero-cover__overlay{pointer-events:none;background:oklch(5% .01 42/.82);flex-direction:column;justify-content:flex-end;padding:16px;display:flex;position:absolute;inset:0}.hero-cover__seed{font-family:var(--mono);color:var(--text-dim);letter-spacing:.04em;margin-bottom:4px;font-size:.65rem}.hero-cover__cta{font-family:var(--mono);color:var(--accent);letter-spacing:.04em;font-size:.72rem}.home-main{flex-direction:column;display:flex;position:relative}.home-stage{--hero-h:calc(100dvh - 56px);grid-template-rows:auto auto;grid-template-columns:1fr;display:grid;position:relative;overflow:clip}@media (width>=1024px){.home-stage{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:var(--hero-h) auto}}.home-stage__canvas{z-index:3;border-bottom:1px solid var(--border);background:oklch(6% .01 42);flex-direction:column;grid-area:1/1/-1;justify-content:center;align-self:start;align-items:center;gap:clamp(8px,1.6vw,24px);height:48dvh;padding:clamp(12px,3vw,48px) clamp(12px,4vw,64px);display:flex;position:sticky;top:0;overflow:hidden}@media (width>=1024px){.home-stage__canvas{height:var(--hero-h);border-bottom:none;border-right:1px solid var(--border);gap:clamp(12px,1.6vw,24px);padding:clamp(20px,4vw,48px) clamp(16px,4vw,64px)}}.home-mosaic{opacity:0;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:3px;padding:0;animation:1.2s cubic-bezier(.16,1,.3,1) .3s forwards home-mosaic-in;display:grid;position:absolute;inset:0;overflow:hidden}@media (width>=768px){.home-mosaic{grid-template-columns:repeat(5,1fr)}}@keyframes home-mosaic-in{to{opacity:1}}.home-mosaic__thumb{object-fit:cover;opacity:.13;filter:blur(1.5px)saturate(1.4);width:100%;height:100%;transition:opacity .4s;display:block}@media (prefers-reduced-motion:reduce){.home-mosaic{opacity:1;animation:none}}.home-hero-overlay{z-index:2;height:auto;min-height:var(--hero-h);pointer-events:none;flex-direction:column;grid-area:1/1;justify-content:flex-start;align-items:flex-start;gap:clamp(12px,1.8vw,24px);padding:48dvh clamp(20px,5vw,56px) clamp(48px,8dvh,96px);transition:opacity .48s cubic-bezier(.16,1,.3,1);display:flex;position:relative}@media (width>=1024px){.home-hero-overlay{height:var(--hero-h);border-bottom:1px solid var(--border);grid-column:2;justify-content:center;gap:clamp(16px,2vw,30px);min-height:0;padding:clamp(56px,8vw,132px) clamp(48px,7vw,120px) clamp(48px,6vw,88px)}}.home-hero-overlay>*{pointer-events:auto}.home-hero-overlay--faded{opacity:0;pointer-events:none}.home-hero__eyebrow{font-family:var(--mono);letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;margin:0;font-size:.7rem;animation:.4s cubic-bezier(.16,1,.3,1) both landing-rise}.home-hero__headline{font-family:var(--display);letter-spacing:-.02em;color:var(--text);text-transform:uppercase;text-wrap:balance;max-width:6.1ch;margin:0;font-size:clamp(2.4rem,13vw,12rem);font-weight:900;line-height:.86;animation:.55s cubic-bezier(.16,1,.3,1) .1s both landing-rise}@media (width>=1024px){.home-hero__headline{max-width:6.6ch;font-size:clamp(4.75rem,8.6vw,9.6rem)}}.home-hero__deck{font-family:var(--mono);color:var(--text-dim);max-width:34ch;margin:0;font-size:clamp(.85rem,1.1vw,1rem);line-height:1.55;animation:.5s cubic-bezier(.16,1,.3,1) .26s both landing-rise}.home-hero__actions{flex-wrap:wrap;align-items:center;gap:12px;animation:.5s cubic-bezier(.16,1,.3,1) .38s both landing-rise;display:flex}.home-hero__hint{font-family:var(--mono);letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;opacity:.4;align-self:flex-end;margin:auto 0 0;padding-top:clamp(18px,3vw,40px);font-size:.7rem;animation:2.2s ease-in-out .7s infinite home-hint;display:none}@media (width>=1024px){.home-hero__hint{display:block}}.home-hero__hint--used{opacity:0;pointer-events:none;animation:none}@keyframes home-hint{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.85;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.home-hero__eyebrow,.home-hero__deck,.home-hero__headline,.home-hero__actions,.home-hero__hint,.home-hero-overlay{opacity:1;transition:none;animation:none}}.home-canvas-frame{aspect-ratio:1;border:1px solid var(--border);will-change:transform, opacity;background:oklch(8% .012 42);flex-shrink:0;width:min(72vw,38dvh,360px);animation:.7s cubic-bezier(.16,1,.3,1) 60ms both landing-rise;position:relative}@media (width>=1024px){.home-canvas-frame{width:min(36vw,70dvh,560px)}}.home-canvas--layer{width:100%;height:100%;transition:opacity .45s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:0}.home-canvas--front{opacity:1;z-index:1}.home-canvas--back{opacity:0;z-index:0}.home-canvas-noise{pointer-events:none;width:100%;height:100%;image-rendering:pixelated;mix-blend-mode:normal;z-index:3;opacity:1;will-change:contents;transition:opacity .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.home-canvas-noise--faded{opacity:0}@media (prefers-reduced-motion:reduce){.home-canvas-noise{transition:none;animation:none}}.home-canvas-mark{pointer-events:none;width:14px;height:14px;animation:.5s cubic-bezier(.16,1,.3,1) both landing-fade;position:absolute}.home-canvas-mark:before,.home-canvas-mark:after{content:"";background:var(--accent);position:absolute}.home-canvas-mark:before{width:14px;height:1px}.home-canvas-mark:after{width:1px;height:14px}.home-canvas-mark--tl{animation-delay:.3s;top:-22px;left:-22px}.home-canvas-mark--tl:before{top:13px;left:0}.home-canvas-mark--tl:after{top:0;left:13px}.home-canvas-mark--tr{animation-delay:.36s;top:-22px;right:-22px}.home-canvas-mark--tr:before{top:13px;right:0}.home-canvas-mark--tr:after{top:0;right:13px}.home-canvas-mark--bl{animation-delay:.42s;bottom:-22px;left:-22px}.home-canvas-mark--bl:before{bottom:13px;left:0}.home-canvas-mark--bl:after{bottom:0;left:13px}.home-canvas-mark--br{animation-delay:.48s;bottom:-22px;right:-22px}.home-canvas-mark--br:before{bottom:13px;right:0}.home-canvas-mark--br:after{bottom:0;right:13px}.home-canvas-meta{width:min(72vw,38dvh,360px);font-family:var(--mono);letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase;justify-content:space-between;font-size:.65rem;transition:opacity .48s cubic-bezier(.16,1,.3,1);display:flex}@media (width>=1024px){.home-canvas-meta{width:min(36vw,70dvh,560px)}}.home-canvas-meta--hidden,.home-progress--hidden{opacity:0;pointer-events:none}.home-progress{flex-direction:row;gap:4px;width:min(36vw,70dvh,560px);margin:0;padding:0;list-style:none;transition:opacity .48s cubic-bezier(.16,1,.3,1);display:none}.home-mobile-dots{align-items:center;gap:0;transition:opacity .48s cubic-bezier(.16,1,.3,1);display:flex}.home-mobile-dots--hidden{opacity:0;pointer-events:none}.home-mobile-dot{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;padding:0;display:grid}.home-mobile-dot:before{content:"";background:oklch(35% .012 42);border-radius:50%;width:6px;height:6px;transition:background .25s cubic-bezier(.16,1,.3,1),width .25s cubic-bezier(.16,1,.3,1),height .25s cubic-bezier(.16,1,.3,1)}.home-mobile-dot--reached:before{background:oklch(55% .018 42)}.home-mobile-dot--current:before{background:var(--accent);width:9px;height:9px}@media (width>=1024px){.home-mobile-dots{display:none}.home-progress{display:flex}}.home-progress__item{font-family:var(--mono);letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;flex-direction:column;flex:1;gap:6px;font-size:.6rem;transition:color .22s cubic-bezier(.16,1,.3,1);display:flex}.home-progress__btn{cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:none;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.home-progress__item:hover .home-progress__bar,.home-progress__btn:hover .home-progress__bar{opacity:.7;filter:brightness(1.4)}.home-progress__bar{background:oklch(20% .012 42);height:2px;transition:background .22s cubic-bezier(.16,1,.3,1);display:block}.home-progress__item--reached .home-progress__bar{background:var(--accent)}.home-progress__item--current .home-progress__bar{background:var(--accent);height:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-stage__copy{z-index:1;flex-direction:column;grid-area:2/1;display:flex;position:relative}@media (width>=1024px){.home-stage__copy{grid-area:2/2;min-width:0}}.home-step{opacity:.4;contain:style layout;border-bottom:1px dashed oklch(20% .018 42);flex-direction:column;justify-content:center;gap:14px;min-height:60dvh;padding:clamp(32px,5vw,48px) clamp(24px,6vw,36px) clamp(36px,6vw,80px);transition:opacity .38s cubic-bezier(.16,1,.3,1);display:flex}@media (width>=1024px){.home-step{justify-content:center;min-height:100dvh;padding:clamp(64px,9vw,144px) clamp(48px,7vw,120px)}}.home-step--active{opacity:1}.home-step--active .home-step__index{animation:.35s cubic-bezier(.16,1,.3,1) both step-content-in}.home-step--active .home-step__title{animation:.4s cubic-bezier(.16,1,.3,1) 35ms both step-content-in}.home-step--active .home-step__body{animation:.4s cubic-bezier(.16,1,.3,1) 85ms both step-content-in}.home-step__index{font-family:var(--mono);letter-spacing:.18em;color:var(--accent);text-transform:uppercase;align-items:center;gap:12px;font-size:.7rem;display:flex}.home-step__num{color:var(--accent)}.home-step__rule{background:linear-gradient(to right, var(--accent), transparent);flex:0 96px;height:1px}.home-step__kind{color:var(--text-dim);letter-spacing:.16em;font-size:.65rem}.home-step__title{font-family:var(--display);letter-spacing:-.015em;color:var(--text);text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(2.2rem,7vw,5.5rem);font-weight:900;line-height:.9}.home-step__body{color:var(--text-dim);max-width:38ch;margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:clamp(.95rem,1.05vw,1.05rem);line-height:1.65}@media (prefers-reduced-motion:reduce){.home-step,.home-step--active .home-step__index,.home-step--active .home-step__title,.home-step--active .home-step__body,.home-progress__item,.home-progress__bar{transition:none;animation:none}.home-step--active .home-step__index,.home-step--active .home-step__title,.home-step--active .home-step__body{opacity:1;transform:none}}.home-cta-section{background:linear-gradient(#0000,oklch(11% .014 42));flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;min-height:55dvh;padding:clamp(48px,8vw,112px) clamp(24px,6vw,88px);display:flex}.home-cta-section>*{opacity:0;transform:translateY(16px)}.home-cta-section--visible>:first-child{animation:.5s cubic-bezier(.16,1,.3,1) forwards landing-rise}.home-cta-section--visible>:nth-child(2){animation:.5s cubic-bezier(.16,1,.3,1) 70ms forwards landing-rise}.home-cta-section--visible>:nth-child(3){animation:.5s cubic-bezier(.16,1,.3,1) .15s forwards landing-rise}.home-cta-section--visible>:nth-child(4){animation:.5s cubic-bezier(.16,1,.3,1) .22s forwards landing-rise}@media (width>=1024px){.home-cta-section{min-height:70dvh;padding:clamp(64px,9vw,144px) clamp(48px,7vw,120px)}}.home-cta-eyebrow{font-family:var(--mono);letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin:0;font-size:.7rem}.home-cta-title{font-family:var(--display);letter-spacing:-.015em;color:var(--text);text-transform:uppercase;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(2.4rem,6vw,4.8rem);font-weight:900;line-height:.92}.home-cta-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.home-cta-fineprint{font-family:var(--mono);color:var(--text-dim);max-width:44ch;margin:0;font-size:.7rem;line-height:1.55}@media (prefers-reduced-motion:reduce){.home-canvas-frame,.home-canvas-mark,.home-canvas-meta,.home-progress,.home-cta-section>*{opacity:1;animation:none;transform:none}}.showcase-main{flex-direction:column;flex:1;gap:clamp(20px,3vw,32px);width:100%;max-width:1680px;margin:0 auto;padding:clamp(48px,7vw,80px) clamp(14px,4vw,48px) clamp(32px,5vw,56px);display:flex}.showcase-header{border-bottom:1px solid var(--border);gap:clamp(14px,2vw,22px);padding-bottom:clamp(18px,2vw,26px);display:grid}.showcase-header__top{flex-direction:column;gap:6px;display:flex}.showcase-header__eyebrow{font-family:var(--mono);letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin:0;font-size:10px}.showcase-header__title{font-family:var(--display);color:var(--text);text-transform:uppercase;margin:0;font-size:clamp(2.4rem,7vw,5rem);font-weight:900;line-height:.94}.showcase-header__deck{font-family:var(--mono);color:var(--text-dim);letter-spacing:.02em;max-width:60ch;margin:0;font-size:13px;line-height:1.55}.showcase-library{gap:0;display:grid}.showcase-mosaic{align-items:flex-start;gap:clamp(10px,1.4vw,18px);display:flex}.showcase-mosaic__col{flex-direction:column;flex:1 1 0;gap:clamp(10px,1.4vw,18px);min-width:0;display:flex}.showcase-tile{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;outline:none;padding:0;display:block}.showcase-tile:focus-visible .showcase-tile__frame{outline:2px solid var(--accent);outline-offset:2px}.showcase-tile__frame{outline-offset:0;will-change:transform;background:oklch(12% .01 42);outline:1px solid oklch(18% .012 42);width:100%;transition:outline-color .18s ease-out,transform .22s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.showcase-tile:hover .showcase-tile__frame{outline-color:var(--accent);transform:translateY(-2px)}.showcase-tile__img,.showcase-tile__loading{object-fit:cover;width:100%;height:100%;display:block}.showcase-tile__loading{background:oklch(14% .01 42);animation:2.4s ease-in-out infinite showcase-pulse;position:absolute;inset:0}@keyframes showcase-pulse{0%,to{opacity:.4}50%{opacity:.7}}.showcase-tile__overlay{opacity:0;pointer-events:none;background:linear-gradient(#0000 25%,oklch(4% .005 42/.18) 42%,oklch(4% .005 42/.7) 68%,oklch(4% .005 42/.96) 100%);flex-direction:column;justify-content:flex-end;gap:5px;padding:clamp(10px,1.4vw,16px);transition:opacity .18s ease-out;display:flex;position:absolute;inset:0}.showcase-tile:hover .showcase-tile__overlay,.showcase-tile:focus-visible .showcase-tile__overlay{opacity:1}.showcase-tile__seed{font-family:var(--mono);color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.showcase-tile__name{font-family:var(--display);text-transform:uppercase;color:var(--text);margin:0;font-size:clamp(16px,2vw,24px);font-weight:700;line-height:1.1}.showcase-tile__cta{font-family:var(--mono);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.showcase-sentinel{justify-content:center;justify-items:center;gap:12px;min-height:64px;padding:40px 0 16px;display:grid}.showcase-loading{font-family:var(--mono);letter-spacing:.16em;color:var(--text-dim);text-transform:uppercase;font-size:10px}@media (prefers-reduced-motion:reduce){.showcase-tile__loading{animation:none}.showcase-tile__overlay{transition:none}}@media (pointer:coarse){.showcase-tile__overlay{opacity:1}}.docs-page{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.docs-page--sectioned{--docs-sidebar-width:clamp(220px, 18vw, 292px)}.docs-shell{grid-template-columns:var(--docs-sidebar-width) minmax(0, 1fr);gap:clamp(28px,4vw,72px);width:min(1440px,100%);margin:0 auto;padding:clamp(64px,8vw,104px) clamp(16px,4vw,48px) clamp(56px,8vw,96px);display:grid}.docs-sidebar{align-self:start;gap:20px;display:grid;position:sticky;top:18px}.docs-sidebar__brand{min-height:44px;color:var(--text);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;font-size:.76rem;text-decoration:none;display:inline-flex}.docs-sidebar__brand span{color:var(--accent)}.docs-sidebar__brand strong{font-weight:400}.docs-sidebar__nav{border-left:1px solid var(--border);display:grid}.docs-sidebar__link{color:var(--text-dim);font-family:var(--mono);border-left:1px solid #0000;gap:5px;min-height:58px;padding:9px 14px;text-decoration:none;display:grid;transform:translate(-1px)}.docs-sidebar__link span{color:var(--text);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.docs-sidebar__link small{color:var(--text-dim);letter-spacing:0;font-size:.72rem;line-height:1.35}.docs-sidebar__link:hover,.docs-sidebar__link:focus-visible,.docs-sidebar__link--active{border-left-color:var(--accent);background:oklch(11% .014 42);outline:none}.docs-sidebar__link--active span,.docs-sidebar__link:hover span,.docs-sidebar__link:focus-visible span{color:var(--accent)}.docs-main{flex-direction:column;gap:clamp(36px,6vw,72px);min-width:0;display:flex}.docs-hero{gap:16px;display:grid}.docs-hero h1{max-width:10ch;color:var(--text);font-family:var(--display);letter-spacing:-.015em;text-transform:uppercase;margin:0;font-size:clamp(3.2rem,9vw,7.5rem);font-weight:900;line-height:.88}.docs-hero p{max-width:70ch;color:var(--text-dim);font-family:var(--mono);margin:0;font-size:clamp(.9rem,1.1vw,1rem);line-height:1.65}.docs-feed{flex-direction:column;flex:1;gap:clamp(48px,8vw,96px);padding:clamp(72px,10vw,144px) clamp(16px,4vw,48px) clamp(56px,8vw,96px);display:flex}.docs-intro{text-align:left;flex-direction:column;gap:18px;width:min(1120px,100%);margin:0 auto;display:flex}.docs-intro__headline{font-family:var(--display);letter-spacing:-.02em;color:var(--text);text-transform:uppercase;margin:0;font-size:clamp(3.5rem,12vw,9rem);font-weight:900;line-height:.85}.docs-intro__deck{font-family:var(--mono);color:var(--text-dim);max-width:66ch;margin:0;font-size:clamp(.85rem,1.2vw,1rem);line-height:1.6}.docs-intro__actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.docs-action{border:1px solid var(--border);min-height:44px;color:var(--text-dim);font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;align-items:center;padding:10px 14px;font-size:.68rem;text-decoration:none;transition:border-color .15s ease-out,color .15s ease-out,background .15s ease-out;display:inline-flex}.docs-action:hover{border-color:var(--accent);color:var(--accent)}.docs-action--primary{background:var(--text);border-color:var(--text);color:var(--bg)}.docs-action--primary:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.docs-search-panel{border:1px solid var(--border);background:oklch(9% .012 42);gap:14px;width:min(1120px,100%);margin:0 auto;padding:clamp(16px,3vw,28px);scroll-margin-top:88px;display:grid}.docs-search-panel__header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;display:grid}.docs-search-panel__header h2{color:var(--text);font-family:var(--display);letter-spacing:-.015em;text-transform:uppercase;margin:0;font-size:clamp(2rem,4.5vw,4rem);font-weight:900;line-height:.94}.docs-search-count{color:var(--text-dim);font-family:var(--mono);letter-spacing:.12em;text-align:right;text-transform:uppercase;font-size:.7rem;line-height:1.4}.docs-search-box{display:block}.docs-search-box input{border:1px solid var(--border);width:100%;min-height:58px;color:var(--text);font-family:var(--mono);letter-spacing:0;background:oklch(6% .01 42);outline:none;padding:0 18px;font-size:clamp(.95rem,1.1vw,1.08rem)}.docs-search-box input:focus-visible{border-color:var(--accent)}.docs-search-box input::placeholder{color:var(--text-dim)}.docs-type-filter{flex-wrap:wrap;gap:6px;display:flex}.docs-type-filter__item{border:1px solid var(--border);min-height:44px;color:var(--text-dim);cursor:pointer;font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;background:0 0;padding:9px 13px;font-size:.72rem;transition:border-color .15s ease-out,color .15s ease-out,background .15s ease-out}.docs-type-filter__item:hover,.docs-type-filter__item:focus-visible{border-color:var(--accent);color:var(--accent)}.docs-type-filter__item--active{background:var(--text);border-color:var(--text);color:var(--bg)}.docs-filter-details{border:1px solid var(--border);background:oklch(7% .01 42)}.docs-filter-details summary{cursor:pointer;min-height:44px;color:var(--text-dim);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:14px;padding:0 14px;font-size:.74rem;display:flex}.docs-filter-details__mark{color:var(--accent);letter-spacing:0;font-size:1rem;line-height:1;transition:transform .15s ease-out}.docs-filter-details[open] .docs-filter-details__mark{transform:rotate(45deg)}.docs-filter-details[open] summary{color:var(--text)}.docs-filter-details .docs-type-filter{border-top:1px solid var(--border);padding:10px}.docs-start-points{border:1px solid var(--border);background:var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.docs-start-points--index{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.docs-start-point{min-height:188px;color:inherit;cursor:pointer;text-align:left;background:oklch(7% .01 42);border:0;flex-direction:column;justify-content:flex-end;gap:10px;padding:18px;text-decoration:none;display:flex}.docs-start-point strong{color:var(--text);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:1rem}.docs-start-point span{color:var(--text-dim);font-family:var(--mono);font-size:.9rem;line-height:1.55}.docs-start-point__action{letter-spacing:.14em;text-transform:uppercase;color:var(--accent)!important;font-size:.72rem!important}.docs-start-point:hover,.docs-start-point:focus-visible{outline:1px solid var(--accent);outline-offset:-1px;background:oklch(11% .014 42)}.docs-search-results{border:1px solid var(--border);background:oklch(7% .01 42);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-content:start;display:grid}.docs-search-result{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:164px;color:inherit;background:oklch(7% .01 42);align-content:start;gap:10px;padding:16px;text-decoration:none;display:grid}.docs-search-result:hover,.docs-search-result:focus-visible{outline:1px solid var(--accent);outline-offset:-1px;background:oklch(11% .014 42)}.docs-search-result__meta{color:var(--accent);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.docs-search-result strong{color:var(--text);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:1rem;line-height:1.35}.docs-search-result span:last-child,.docs-search-empty{color:var(--text-dim);font-family:var(--mono);margin:0;font-size:.92rem;line-height:1.52}.docs-search-empty{background:oklch(7% .01 42);grid-column:1/-1;padding:16px}.docs-search-reset{border:1px solid var(--border);width:fit-content;min-height:44px;color:var(--text-dim);cursor:pointer;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;padding:10px 14px;font-size:.74rem}.docs-search-reset:hover,.docs-search-reset:focus-visible{border-color:var(--accent);color:var(--accent)}.docs-jump-row{border:1px solid var(--border);background:var(--border);grid-template-columns:repeat(4,minmax(0,1fr));width:min(1120px,100%);margin:calc(clamp(48px,8vw,96px)/-1.6129) auto 0;display:grid}.docs-jump-row--inline{margin-top:calc(clamp(36px,6vw,72px)/-1.66667)}.docs-jump-row a{min-height:44px;color:var(--text-dim);font-family:var(--mono);letter-spacing:.13em;text-align:center;text-transform:uppercase;background:oklch(7% .01 42);justify-content:center;align-items:center;padding:10px;font-size:.72rem;text-decoration:none;display:flex}.docs-jump-row a:hover,.docs-jump-row a:focus-visible{color:var(--accent);outline:1px solid var(--accent);outline-offset:-1px;background:oklch(11% .014 42)}.docs-guide-section{border-top:1px solid var(--border);grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);width:min(1120px,100%);margin:0 auto;padding-top:clamp(18px,3vw,28px);scroll-margin-top:88px;display:grid}.docs-guide-section--stacked{grid-template-columns:minmax(0,1fr)}.docs-guide-section--stacked .docs-guide-section__title{max-width:22ch}.docs-guide-section__header{flex-direction:column;gap:10px;display:flex}.docs-guide-section__eyebrow,.docs-recipe__mode{font-family:var(--mono);letter-spacing:.16em;color:var(--accent);text-transform:uppercase;font-size:.72rem}.docs-guide-section__title{max-width:17ch;font-family:var(--display);letter-spacing:-.015em;color:var(--text);text-transform:uppercase;margin:0;font-size:clamp(1.9rem,4vw,3.25rem);font-weight:900;line-height:.92}.docs-guide-section__body{flex-direction:column;gap:18px;display:flex}.docs-step-list,.docs-recipe-list,.docs-trouble-list{border:1px solid var(--border);border-bottom:none;flex-direction:column;display:flex}.docs-step,.docs-recipe,.docs-trouble{border-bottom:1px solid var(--border);background:oklch(9% .012 42)}.docs-step{grid-template-columns:64px minmax(0,1fr);gap:16px;padding:16px;display:grid}.docs-step__num{font-family:var(--mono);color:var(--accent);letter-spacing:.12em;font-size:.82rem}.docs-step__copy,.docs-recipe,.docs-trouble,.docs-choice,.docs-reference-item,.docs-compact-grid>div{font-family:var(--mono)}.docs-step__copy h3,.docs-recipe h3,.docs-trouble h3,.docs-choice h3,.docs-reference-item h3{color:var(--text);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.95rem}.docs-step__copy p,.docs-recipe p,.docs-trouble p,.docs-choice p,.docs-reference-item p,.docs-compact-grid p{color:var(--text-dim);margin:8px 0 0;font-size:.92rem;line-height:1.58}.docs-step__copy span,.docs-recipe__steps{color:oklch(75% .06 74);letter-spacing:.05em;margin-top:9px;font-size:.82rem;line-height:1.45;display:block}.docs-choice-grid,.docs-reference-grid,.docs-application-grid,.docs-workflow-guide-grid{border:1px solid var(--border);background:var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.docs-workflow-guide{min-height:288px;color:var(--text-dim);font-family:var(--mono);background:oklch(9% .012 42);flex-direction:column;gap:12px;padding:clamp(16px,2.4vw,22px);scroll-margin-top:96px;display:flex}.docs-workflow-guide__num{width:fit-content;color:var(--accent);letter-spacing:.14em;font-size:.78rem}.docs-workflow-guide h3{max-width:13ch;color:var(--text);font-family:var(--display);letter-spacing:-.015em;text-transform:uppercase;margin:auto 0 0;font-size:clamp(1.85rem,3.6vw,3.05rem);font-weight:900;line-height:.9}.docs-workflow-guide p{max-width:56ch;margin:0;font-size:.94rem;line-height:1.58}.docs-workflow-guide__next{border-top:1px solid var(--border);gap:8px;padding-top:12px;display:grid}.docs-workflow-guide__next span{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;line-height:1.35}.docs-workflow-guide__next strong{color:oklch(75% .06 74);letter-spacing:.03em;font-size:.86rem;font-weight:400;line-height:1.48}.docs-workflow-guide__links{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.docs-workflow-guide__links a{border:1px solid var(--border);min-height:44px;color:var(--text);letter-spacing:.12em;text-transform:uppercase;align-items:center;padding:10px 14px;font-size:.74rem;text-decoration:none;display:inline-flex}.docs-workflow-guide__links a:hover,.docs-workflow-guide__links a:focus-visible{border-color:var(--accent);color:var(--accent)}.docs-workflow-guide__secondary{color:var(--text-dim)!important}.docs-workflow-guide__secondary:hover,.docs-workflow-guide__secondary:focus-visible{color:var(--accent)!important}.docs-reference-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.docs-reference-grid--dense{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.docs-choice,.docs-reference-item,.docs-application{background:oklch(9% .012 42);padding:16px}.docs-choice ul{flex-direction:column;gap:7px;margin:14px 0 0;padding:0;list-style:none;display:flex}.docs-choice li{color:oklch(75% .06 74);font-size:.82rem;line-height:1.45}.docs-mini-list,.docs-flow-step__tags{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.docs-mini-list span,.docs-flow-step__tags span,.docs-application>span:last-child{color:oklch(75% .06 74);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid oklch(22% .018 42);padding:5px 7px;font-size:.72rem;line-height:1.35}.docs-flow-map{border:1px solid var(--border);background:var(--border);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid}.docs-flow-step{min-height:240px;font-family:var(--mono);background:oklch(9% .012 42);flex-direction:column;padding:16px;display:flex}.docs-flow-step__num{color:var(--accent);letter-spacing:.14em;font-size:.78rem}.docs-flow-step h3,.docs-application h3{color:var(--text);letter-spacing:.09em;text-transform:uppercase;margin:auto 0 0;font-size:.95rem}.docs-flow-step p,.docs-application p{color:var(--text-dim);margin:10px 0 0;font-size:.9rem;line-height:1.55}.docs-application-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.docs-application{flex-direction:column;min-height:220px;display:flex}.docs-application>span:last-child{margin-top:auto;display:block}.docs-recipe{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px;display:grid}.docs-recipe-list--featured{border-bottom:1px solid var(--border);background:var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.docs-recipe--feature{background:oklch(9% .012 42);align-content:end;align-items:end;min-height:196px}.docs-recipe__mode{margin-bottom:8px;display:block}.docs-recipe__link{border:1px solid var(--border);min-height:44px;color:var(--text);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;padding:10px 14px;font-size:.74rem;text-decoration:none;display:inline-flex}.docs-recipe__link:hover{border-color:var(--accent);color:var(--accent)}.docs-recipe-table,.docs-reference-list,.docs-param-table{border:1px solid var(--border);border-bottom:0;display:grid}.docs-recipe-row,.docs-reference-row,.docs-param-row{border-bottom:1px solid var(--border);color:inherit;font-family:var(--mono);background:oklch(9% .012 42);align-items:center;gap:16px;padding:16px;text-decoration:none;display:grid}.docs-recipe-row{grid-template-columns:minmax(120px,.2fr) minmax(0,1fr) auto}.docs-recipe-row>div span{color:oklch(75% .06 74);margin-top:8px;font-size:.82rem;line-height:1.45;display:block}.docs-recipe-row a,.docs-node-detail-actions a{min-height:44px;color:var(--text);letter-spacing:.12em;text-transform:uppercase;align-items:center;font-size:.74rem;text-decoration:none;display:inline-flex}.docs-recipe-row a:hover,.docs-recipe-row a:focus-visible,.docs-node-detail-actions a:hover,.docs-node-detail-actions a:focus-visible{color:var(--accent);outline:none}.docs-reference-search{border:1px solid var(--border);background:oklch(9% .012 42);grid-template-columns:minmax(0,1fr);gap:14px;width:min(1120px,100%);padding:clamp(16px,3vw,28px);scroll-margin-top:88px;display:grid}.docs-reference-search h2{color:var(--text);font-family:var(--display);letter-spacing:-.015em;text-transform:uppercase;margin:0;font-size:clamp(2rem,4.5vw,4rem);font-weight:900;line-height:.94}.docs-type-filter--inline{display:flex}.docs-reference-row{grid-template-columns:52px minmax(0,1fr) auto;min-height:108px;transition:background .15s ease-out,outline-color .15s ease-out}.docs-reference-row:hover,.docs-reference-row:focus-visible{outline:1px solid var(--accent);outline-offset:-1px;background:oklch(11% .014 42)}.docs-reference-row--static:hover,.docs-reference-row--static:focus-visible{background:oklch(9% .012 42);outline:none}.docs-reference-row__symbol{color:var(--accent);text-align:center;font-size:1.25rem;line-height:1}.docs-reference-row h3,.docs-recipe-row h3,.docs-param-row span{color:var(--text);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.95rem}.docs-reference-row p,.docs-recipe-row p{color:var(--text-dim);margin:7px 0 0;font-size:.9rem;line-height:1.55}.docs-reference-row>span:last-child{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.docs-node-detail-actions{flex-wrap:wrap;gap:10px;width:min(1120px,100%);display:flex}.docs-node-detail-actions .docs-workflow-guide__secondary{border:1px solid var(--border);padding:10px 14px}.docs-param-row{grid-template-columns:minmax(0,.4fr) minmax(0,1fr);min-height:58px}.docs-param-row strong{color:oklch(75% .06 74);font-size:.86rem;font-weight:400;line-height:1.45}.docs-details{border:1px solid var(--border);background:oklch(9% .012 42)}.docs-details summary{cursor:pointer;min-height:44px;color:var(--text);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:14px 16px;font-size:.74rem}.docs-compact-grid{border-top:1px solid var(--border);background:var(--border);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;display:grid}.docs-compact-grid>div{background:oklch(9% .012 42);padding:12px}.docs-compact-grid span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem}.docs-trouble{padding:16px}.docs-catalog-note{max-width:68ch;color:var(--text-dim);font-family:var(--mono);margin:0;font-size:.95rem;line-height:1.55}.docs-catalog-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.docs-catalog-actions a,.docs-catalog-actions span{border:1px solid var(--border);min-height:44px;color:var(--text-dim);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;padding:10px 14px;font-size:.74rem;text-decoration:none;display:inline-flex}.docs-catalog-actions a{color:var(--text)}.docs-catalog-actions a:hover,.docs-catalog-actions a:focus-visible{border-color:var(--accent);color:var(--accent)}.docs-node-feed{flex-direction:column;gap:clamp(72px,11vw,140px);display:flex}.docs-reference-break{border-top:1px solid var(--border);width:min(1120px,100%);margin:0 auto;padding-top:clamp(18px,3vw,28px)}.docs-reference-break h2{max-width:14ch;color:var(--text);font-family:var(--display);letter-spacing:-.015em;text-transform:uppercase;margin:10px 0 0;font-size:clamp(2.4rem,6vw,5rem);font-weight:900;line-height:.9}@media (width<=820px){.docs-shell{grid-template-columns:1fr;padding-top:clamp(48px,14vw,72px)}.docs-sidebar{gap:12px;position:static}.docs-sidebar__nav{border-top:1px solid var(--border);border-left:0;grid-template-columns:repeat(2,minmax(0,1fr))}.docs-sidebar__link{border-left:0;border-bottom:1px solid var(--border);transform:none}.docs-sidebar__link--active{border-bottom-color:var(--accent)}.docs-main{gap:clamp(36px,10vw,64px)}.docs-hero h1{font-size:clamp(3rem,14vw,4.25rem)}.docs-feed{gap:clamp(36px,10vw,64px);padding-top:clamp(48px,14vw,72px)}.docs-intro{gap:14px}.docs-intro__headline{font-size:clamp(3rem,14vw,4.25rem)}.docs-intro__deck{font-size:.95rem;line-height:1.55}.docs-search-panel{padding:16px}.docs-search-panel__header h2{font-size:clamp(1.95rem,10vw,3rem)}.docs-search-panel__header,.docs-start-points{grid-template-columns:1fr}.docs-search-count{text-align:left}.docs-jump-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:calc(clamp(36px,10vw,64px)/-2)}.docs-start-point{justify-content:center;min-height:124px;padding:16px}.docs-type-filter__item{flex:auto;justify-content:center}.docs-search-result{min-height:auto;padding:16px}.docs-guide-section,.docs-choice-grid,.docs-reference-grid,.docs-reference-grid--dense,.docs-application-grid,.docs-recipe-list--featured,.docs-workflow-guide-grid,.docs-flow-map{grid-template-columns:1fr}.docs-workflow-guide{min-height:auto}.docs-workflow-guide h3{max-width:16ch;margin-top:16px;font-size:clamp(1.95rem,11vw,2.75rem)}.docs-step{grid-template-columns:48px minmax(0,1fr);padding:14px}.docs-recipe{grid-template-columns:1fr;align-items:stretch}.docs-recipe-row,.docs-reference-row,.docs-param-row{grid-template-columns:1fr;align-items:start}.docs-reference-row__symbol{text-align:left}.docs-recipe__link{justify-content:flex-start;width:fit-content}.docs-catalog-actions a,.docs-catalog-actions span{width:100%}}.docs-effect-guide{border:1px solid var(--border);background:var(--border);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;width:min(960px,100% - 32px);margin:calc(clamp(120px,20vw,240px)/-1.81818) auto 0;display:grid}.docs-effect-guide__item{background:var(--bg);padding:16px}.docs-effect-guide__name{font-family:var(--mono);letter-spacing:2.5px;color:var(--accent);text-transform:uppercase;font-size:10px;display:block}.docs-effect-guide__desc{font-family:var(--mono);color:var(--text-dim);margin:8px 0 0;font-size:10px;line-height:1.6}.docs-poster{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.docs-poster__canvas-wrap{width:100%;max-width:800px;padding:0 clamp(16px,4vw,48px);position:relative}.docs-poster__canvas{aspect-ratio:1;background-color:oklch(8% .012 42);background-image:linear-gradient(45deg,oklch(12% .012 42) 25%,#0000 25% 75%,oklch(12% .012 42) 75%,oklch(12% .012 42)),linear-gradient(45deg,oklch(12% .012 42) 25%,#0000 25% 75%,oklch(12% .012 42) 75%,oklch(12% .012 42));background-position:0 0,10px 10px;background-size:20px 20px;width:100%;transition:outline .2s;display:block;box-shadow:inset 0 0 0 1px oklch(24% .018 42)}.docs-poster__canvas-wrap:hover .docs-poster__canvas{outline:1px solid var(--accent);outline-offset:-1px}.docs-poster__canvas-wrap:has(.docs-poster__tune[aria-expanded=true]) .docs-poster__canvas{outline:1px solid var(--accent);outline-offset:-1px}.docs-poster__tune{z-index:2;border:1px solid var(--border);min-height:44px;color:var(--text);cursor:pointer;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:oklch(7% .01 42/.9);padding:10px 14px;font-size:.72rem;transition:border-color .15s ease-out,color .15s ease-out,background .15s ease-out;position:absolute;top:12px;right:clamp(28px,5vw,60px)}.docs-poster__tune:hover,.docs-poster__tune:focus-visible,.docs-poster__tune[aria-expanded=true]{border-color:var(--accent);color:var(--accent);background:oklch(8% .012 42);outline:none}.docs-poster__header{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:0 24px;display:flex}.docs-poster__symbol{font-family:var(--mono);color:var(--accent);font-size:1.5rem;line-height:1}.docs-poster__name{font-family:var(--display);text-transform:uppercase;color:var(--text);letter-spacing:-.015em;margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1}.docs-poster__desc{font-family:var(--mono);color:var(--text-dim);max-width:46ch;margin:0;font-size:.8rem;line-height:1.5}.docs-poster__sandbox{opacity:1;pointer-events:auto;background:linear-gradient(#0000,oklch(8% .012 42/.8) 40%,oklch(8% .012 42/.95));flex-direction:column;gap:16px;padding:48px 24px 24px;transition:opacity .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:clamp(16px,4vw,48px);right:clamp(16px,4vw,48px)}.docs-poster__controls{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.docs-poster__control{flex-direction:column;gap:6px;display:flex}.docs-poster__label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text);justify-content:space-between;font-size:.65rem;display:flex}.docs-poster__val{color:var(--accent)}.docs-poster__slider{width:100%;accent-color:var(--accent);cursor:pointer;height:12px}.docs-poster__try{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--bg);background:var(--text);align-self:center;margin-top:16px;padding:12px 24px;font-size:.75rem;text-decoration:none;transition:background .15s,color .15s}.docs-poster__try:hover{background:var(--accent);color:var(--bg)}@media (prefers-reduced-motion:reduce){.docs-poster__sandbox{transition:none}}@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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}