/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-3{top:calc(var(--spacing) * 3)}.top-6{top:calc(var(--spacing) * 6)}.isolate{isolation:isolate}.float-left{float:left}.float-none{float:none}.float-right{float:right}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.m-1{margin:calc(var(--spacing) * 1)}.m-2{margin:calc(var(--spacing) * 2)}.m-3{margin:calc(var(--spacing) * 3)}.m-4{margin:calc(var(--spacing) * 4)}.m-5{margin:calc(var(--spacing) * 5)}.m-6{margin:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.ms-1{margin-inline-start:calc(var(--spacing) * 1)}.me-auto{margin-inline-end:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.list-item{display:list-item}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-9{height:calc(var(--spacing) * 9)}.h-14{height:calc(var(--spacing) * 14)}.h-100{height:calc(var(--spacing) * 100)}.h-auto{height:auto}.h-full{height:100%}.w-100{width:calc(var(--spacing) * 100)}.w-\[237px\]{width:237px}.w-auto{width:auto}.w-full{width:100%}.max-w-\[18ch\]{max-width:18ch}.max-w-\[20ch\]{max-width:20ch}.max-w-\[45ch\]{max-width:45ch}.max-w-\[50ch\]{max-width:50ch}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-\[repeat\(auto-fit\,minmax\(220px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(240px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-\[2px\]{gap:2px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.mask-circle{--tw-mask-radial-shape:circle}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.p-0{padding:calc(var(--spacing) * 0)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-24{padding-block:calc(var(--spacing) * 24)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow,.shadow\/bg{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-lg{--tw-blur:blur(var(--blur-lg));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,)}.blur-md{--tw-blur:blur(var(--blur-md));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,)}.blur-sm{--tw-blur:blur(var(--blur-sm));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,)}.brightness-50{--tw-brightness:brightness(50%);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,)}.brightness-75{--tw-brightness:brightness(75%);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,)}.brightness-125{--tw-brightness:brightness(125%);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,)}.brightness-150{--tw-brightness:brightness(150%);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,)}.contrast-50{--tw-contrast:contrast(50%);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,)}.contrast-150{--tw-contrast:contrast(150%);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,)}.contrast-200{--tw-contrast:contrast(200%);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,)}.saturate-0{--tw-saturate:saturate(0%);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,)}.saturate-50{--tw-saturate:saturate(50%);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,)}.saturate-150{--tw-saturate:saturate(150%);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,)}.saturate-200{--tw-saturate:saturate(200%);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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[library\:manifest\]{library:manifest}.\[pack\:framework\]{pack:framework}.\[tiers\:4\]{tiers:4}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-0:before{content:var(--tw-content);left:calc(var(--spacing) * 0)}.before\:font-bold:before{content:var(--tw-content);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.before\:content-\[\'\\u2713\'\]:before{--tw-content:"u2713";content:var(--tw-content)}@media(hover:hover){.hover\:opacity-100:hover{opacity:1}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}}@media(min-width:48rem){.md\:px-4{padding-inline:calc(var(--spacing) * 4)}}}:root{--drawer-w:380px;--bg:#0a0b0f;--surface:#13161c;--surface-1:#171a22;--surface-2:#1a1e27;--surface-3:#232834;--border:#ffffff14;--border-strong:#ffffff24;--text:#e7ebf0;--text-dim:#8792a3;--text-faint:#5b6573;--accent:#7c5cff;--accent-glow:#7c5cff59}*{box-sizing:border-box}button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,SF Pro Text,Segoe UI,sans-serif;font-size:14px}#app{--designer-w:420px;grid-template-columns:var(--drawer-w) 4px 1fr;height:100vh;transition:grid-template-columns .25s cubic-bezier(.2,.8,.2,1);display:grid}#app[data-drawer=closed]{grid-template-columns:0 4px 1fr}#app[data-designer=open]{grid-template-columns:var(--drawer-w) 4px 1fr var(--designer-w)}#app[data-drawer=closed][data-designer=open]{grid-template-columns:0 4px 1fr var(--designer-w)}#designer{background:var(--panel);border-inline-start:1px solid var(--border);flex-direction:column;min-width:0;display:flex;overflow:hidden auto}#designer[hidden]{display:none}.cd-head{border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.cd-head h3{margin:0;font-size:13px;font-weight:600}.cd-head-actions{gap:6px;display:flex}.cd-canvas{border-block-end:1px solid var(--border);background:repeating-conic-gradient(var(--panel) 0 25%,var(--bg) 0 50%) 0 0 / 16px 16px;min-height:160px;padding:16px}.cd-canvas-empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:12px}.cd-lanes{flex-direction:column;display:flex}.cd-lane{border-block-end:1px solid var(--border)}.cd-lane-head{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--bg);padding:8px 12px;font-size:11px;font-weight:600}.cd-lane-body{color:var(--muted);padding:10px 12px;font-size:12px}.cd-axis{border:1px solid var(--border);background:var(--bg);border-radius:4px;margin-block-end:6px;padding:6px 8px}.cd-axis-head{align-items:center;gap:6px;margin-block-end:6px;display:flex}.cd-axis-id{background:var(--bg-alt,#0000000d);border-radius:3px;padding:1px 5px;font-size:11px}.cd-axis-head input[type=text]{flex:1;min-width:0}.cd-axis-del,.cd-vopt-del{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:12px}.cd-axis-del:hover,.cd-vopt-del:hover{color:var(--danger,#c44)}.cd-axis-opts{flex-wrap:wrap;gap:4px;margin-block-end:6px;display:flex}.cd-vopt{border:1px solid var(--border);background:var(--bg);border-radius:3px;align-items:center;gap:2px;padding:2px 4px 2px 6px;font-size:11px;display:inline-flex}.cd-vopt code{font-size:inherit}.cl-head{align-items:center;gap:6px;margin-block-end:8px;display:flex}.cl-filter{flex:1;min-width:0;padding:3px 6px;font-size:12px}.cl-cat{margin-block-end:6px}.cl-cat-head{text-align:start;text-transform:uppercase;letter-spacing:.04em;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 2px;font-size:11px;display:flex}.cl-cat-head:hover{color:var(--text)}.cl-cat-arrow{opacity:.7;font-size:10px}.cl-cat-label{flex:1}.cl-cat-count{background:var(--bg-alt,#0000000d);border-radius:8px;padding:1px 5px;font-size:10px}.cl-rows{flex-direction:column;gap:4px;display:flex}.cl-row{border:1px solid var(--border);background:var(--bg);border-radius:4px;align-items:stretch;display:flex}.cl-row.is-editing{border-color:var(--accent,#4a8)}.cl-row-main{color:inherit;cursor:pointer;text-align:start;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:6px 8px;display:flex}.cl-row-main:hover{background:var(--panel)}.cl-name{font-size:12px;font-weight:600}.cl-id{color:var(--muted);font-size:10px;font-family:var(--font-mono,ui-monospace, monospace)}.cl-inactive{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.cl-row-del{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 10px}.cl-row-del:hover{color:var(--danger,#c44)}.cl-empty{text-align:center;color:var(--muted);padding:12px;font-size:11px}.cd-styles-rows{flex-direction:column;gap:4px;margin-block-end:8px;display:flex}.cd-style-row{border:1px solid var(--border);background:var(--bg);border-radius:3px;align-items:center;gap:6px;padding:4px 6px;font-size:11px;display:flex}.cd-style-sel{min-width:0;font-family:var(--font-mono,ui-monospace, monospace);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cd-style-count{color:var(--muted)}.cd-style-del{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 4px}.cd-lane-actions{gap:6px;display:flex}#drawer-resize{cursor:col-resize;z-index:5;background:0 0;border-right:1px solid #0000;transition:background .15s,border-color .15s;position:relative}#drawer-resize:before{content:"";position:absolute;inset:0 -3px}#drawer-resize:hover{background:var(--accent);opacity:.5}#drawer-resize:active{background:var(--accent);opacity:1}#app[data-drawer=closed] #drawer-resize{pointer-events:none}#drawer{background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);border-right:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;padding:22px 20px 60px;transition:opacity .2s;overflow:hidden auto}#app[data-drawer=closed] #drawer{opacity:0;pointer-events:none}.drawer-toggle,.icon-btn{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:color .15s,background .15s,opacity .15s;display:inline-flex}.drawer-toggle:hover,.icon-btn:hover:not([disabled]){color:var(--text);background:var(--surface-3)}.drawer-toggle svg{transition:transform .25s}#app[data-drawer=closed] .drawer-toggle svg{transform:rotate(180deg)}.icon-btn[disabled]{opacity:.3;cursor:not-allowed}#btn-reset:hover:not([disabled]){color:#f87171;border-color:#f871714d}.history-group{border-left:1px solid var(--border);gap:4px;margin-left:4px;padding-left:8px;display:inline-flex}#drawer::-webkit-scrollbar{width:6px}#drawer::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}#stage{flex-direction:column;height:100vh;display:flex;overflow:hidden}#topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:16px;height:52px;padding:0 20px;display:flex}#stage-wrap{background:radial-gradient(1200px 600px at 50% -80px,#7c5cff14,transparent 60%),var(--bg);scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;flex:1;justify-content:safe center;align-items:flex-start;padding:24px;display:flex;overflow:auto}#stage-wrap::-webkit-scrollbar{width:8px;height:8px}#stage-wrap::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}#viewport-frame{box-shadow:0 20px 60px #00000059,0 0 0 1px var(--border);background:#fff;border-radius:10px;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-radius .3s;display:flex;overflow:hidden}#viewport-frame[data-scrubbing="1"]{transition:width 50ms ease-out,height .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-radius .3s}#viewport-frame[data-device=full]{width:100%;height:100%;box-shadow:none;border-radius:0}#viewport-frame[data-device=full]~:not(#surfaces-stage):not(#seo-stage):not(#aurora-stage){display:none}#stage-wrap:has(>#viewport-frame[data-device=full]){padding:0}#surfaces-stage{flex-direction:row;align-self:stretch;width:100%;display:flex;overflow:hidden}#surfaces-stage[hidden]{display:none}#surfaces-stage>#surfaces-aside{border-inline-end:1px solid var(--border);background:var(--surface-1);scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;flex:0 0 280px;min-width:240px;max-width:360px;padding:12px;overflow-y:auto}#surfaces-stage>#surfaces-stage-body{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;flex:auto;overflow-y:auto}body[data-mode=surfaces] #drawer,body[data-mode=surfaces] #drawer-resize,body[data-mode=surfaces] #drawer-toggle{display:none!important}body[data-mode=surfaces] #app{grid-template-columns:1fr}body[data-mode=surfaces] .tb-item[data-tb-id=tokens-drawer],body[data-mode=surfaces] #responsive-toolbar-slot{display:none}#app[data-stage-mode=surfaces] #stage-wrap{background:var(--bg);padding:0}#app[data-stage-mode=surfaces] #surfaces-stage .sfp{max-width:1440px;margin:0 auto;padding:32px 24px}#seo-stage{background:var(--bg);flex-direction:column;align-self:stretch;width:100%;display:flex;overflow:hidden}#seo-stage[hidden]{display:none}#aurora-stage{align-self:stretch;width:100%;min-height:0;overflow:hidden}#aurora-stage[hidden]{display:none}#app[data-stage-mode=aurora] #stage-wrap{background:var(--bg);flex-direction:column;align-items:stretch;padding:0;overflow:hidden}#app[data-stage-mode=aurora] #viewport-frame{width:100%;height:auto;min-height:0;box-shadow:none;border-radius:0;flex:auto}#app[data-stage-mode=aurora] #aurora-stage{flex-direction:column;flex:0 0 320px;display:flex}#app[data-stage-mode=aurora] #aurora-stage:has(#aurora-timeline.is-minimized){flex:0 0 40px}#seo-stage>#seo-stage-body{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;flex:auto;overflow-y:auto}.seo-stage-inner{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:32px 32px 64px;display:flex}.seo-stage-head{border-block-end:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:24px;padding-block-end:16px;display:flex}.seo-stage-title{letter-spacing:-.01em;color:var(--text);margin:0;font-size:28px;font-weight:700;line-height:1.1}.seo-stage-lede{color:var(--text-soft);max-width:64ch;margin:8px 0 0;font-size:14px;line-height:1.5}.seo-stage-panel{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;margin-block-end:16px;padding:20px;box-shadow:0 1px #00000005}.seo-stage-section-head{margin-block-end:14px}.seo-stage-section-head h2{margin:0 0 4px;font-size:18px;font-weight:600}.seo-stage-section-head p{color:var(--text-faint);max-width:720px;margin:0;font-size:12px;line-height:1.5}body[data-mode=seo] #drawer,body[data-mode=seo] #drawer-resize,body[data-mode=seo] #drawer-toggle{display:none!important}body[data-mode=seo] #app{grid-template-columns:1fr}body[data-mode=seo] .tb-item[data-tb-id=tokens-drawer],body[data-mode=seo] #responsive-toolbar-slot{display:none}#app[data-stage-mode=seo] #stage-wrap{background:var(--bg);padding:0}#app[data-stage-mode=surfaces] #surfaces-stage .sfp-live-list{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:16px;display:grid}.dp-stage-hint{color:var(--text-faint);padding:24px 20px;font-size:12px;line-height:1.5}.dp-stage-hint p{margin:0 0 8px}.dp-stage-hint-sub{opacity:.75;font-size:11px}#preview{background:#fff;border:0;flex:1;width:100%;height:100%;min-height:0}.theme-picker,.anim-picker{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.theme-picker button,.anim-picker button{color:var(--text-dim);cursor:pointer;letter-spacing:.04em;background:0 0;border:0;border-radius:6px;padding:4px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:600;transition:background .15s,color .15s}.theme-picker button:hover,.anim-picker button:hover{color:var(--text);background:#ffffff08}.theme-picker button.active,.anim-picker button.active{background:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.brand-link{color:inherit;border-radius:8px;align-items:center;gap:10px;margin-left:-6px;padding:4px 6px;text-decoration:none;transition:background .15s;display:inline-flex}.brand-link:hover{background:#ffffff08}.brand-logo{border-radius:6px;flex-shrink:0;width:24px;height:24px;display:block}.brand{letter-spacing:-.02em;color:#0000;background:linear-gradient(135deg,#c5b8ff,#7c5cff,#3dd2ff);-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:800;line-height:1}.brand-sub{color:var(--text-dim);margin-left:-2px;font-size:12px;font-weight:400;line-height:1}.ferretdev-tag{border:1px solid var(--border);color:var(--text-dim);letter-spacing:.01em;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.ferretdev-tag:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}.ferretdev-tag svg{opacity:.6;transition:opacity .15s,transform .15s}.ferretdev-tag:hover svg{opacity:1;transform:translate(2px)}.ferretdev-logo{opacity:.85;filter:brightness(0)invert();width:14px;height:14px;transition:opacity .15s;display:block}.ferretdev-tag:hover .ferretdev-logo{opacity:1}.section{border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:14px}@supports (color:color-mix(in lab,red,red)){.section{border-bottom:1px solid color-mix(in oklch,var(--border) 60%,transparent)}}.section:last-of-type{border-bottom:0}.section h3{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:8px;margin:0 0 10px;font-size:10.5px;font-weight:600;display:flex}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;font-size:11px;font-weight:500;display:flex}.field label span{color:var(--text-faint);text-transform:none;letter-spacing:0}.field input[type=text],.field input[type=email],.field select,.field textarea{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 11px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.field input[type=text]:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.field input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:44px;height:34px;padding:2px}.field input[type=range]{accent-color:var(--accent);height:18px}.field textarea{resize:vertical;min-height:180px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.5}.row{align-items:center;gap:8px;display:flex}.btn{background:var(--accent);color:#fff;cursor:pointer;letter-spacing:.01em;border:0;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:transform .1s,box-shadow .15s,background .15s}.btn:hover{box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn.secondary:hover{background:var(--surface-3);border-color:var(--border-strong);box-shadow:none}.swatch-group{margin-bottom:16px}.swatch-group h4{color:var(--text);margin:0 0 8px;font-size:12px;font-weight:600}.swatch-row{flex-wrap:wrap;gap:6px;display:flex}.swatch{cursor:pointer;border:1px solid #ffffff1a;border-radius:8px;width:34px;height:34px;transition:transform .15s,box-shadow .15s;position:relative}.swatch:hover{z-index:3;transform:scale(1.12);box-shadow:0 6px 18px #00000080}.swatch-badge{pointer-events:none;border:1px solid #ffffff73;border-radius:50%;width:8px;height:8px;position:absolute;bottom:3px;right:3px;box-shadow:0 0 0 1px #00000059}.swatch-badge-AAA{background:#22c55e}.swatch-badge-AA{background:#eab308}.swatch-badge-AA-lg{background:#f59e0b}.swatch-badge-fail{background:#ef4444}.swatch-overridden{box-shadow:0 0 0 2px var(--accent)}.swatch-pin{color:var(--accent);background:var(--bg);pointer-events:none;border-radius:999px;justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex;position:absolute;top:2px;right:2px}.toast{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);z-index:9999;pointer-events:none;border-radius:10px;padding:10px 16px;font-family:ui-monospace,monospace;font-size:13px;animation:2s forwards toast;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}@keyframes toast{0%{opacity:0;transform:translate(-50%)translateY(8px)}10%,80%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-4px)}}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;align-items:center;padding:4px 10px;font-family:ui-monospace,monospace;font-size:11px;display:inline-flex}details.section summary{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:6px;padding:6px 0;font-size:10.5px;font-weight:600;list-style:none;display:flex}details.section summary::-webkit-details-marker{display:none}details.section summary:before{content:"▸";color:var(--text-faint);letter-spacing:0;font-size:9px;transition:transform .15s}details[open].section summary:before{transform:rotate(90deg)}details.section>:not(summary){margin-top:10px}.te-grid{flex-direction:column;gap:4px;display:flex}.te-row{grid-template-columns:56px auto 1fr;align-items:center;gap:8px;display:grid}.te-row label{color:var(--text-dim);text-transform:none;letter-spacing:0;font-family:ui-monospace,monospace;font-size:11px;font-weight:500}.te-grid.te-colors .te-row-accordion{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;display:block;overflow:hidden}.te-grid.te-colors .te-row-accordion.open{background:var(--surface)}.te-row-summary{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:16px 64px 14px 1fr auto auto;align-items:center;gap:8px;min-height:32px;padding:4px 8px;display:grid}.te-row-accordion.te-row-neutral .te-row-summary{grid-template-columns:16px 64px 14px 14px 1fr auto auto}.te-row-summary:hover{background:#ffffff05}.te-chevron{width:16px;height:16px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:transform .15s;display:inline-flex}.te-row-accordion.open .te-chevron{transform:rotate(90deg)}.te-row-label{color:var(--text-dim);font-family:ui-monospace,monospace;font-size:11px;font-weight:500}.te-row-swatch{border:1px solid var(--border);background:0 0;border-radius:3px;width:14px;height:14px;display:inline-block}.te-row-hex{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;overflow:hidden}.te-row-mode{color:var(--text-faint);white-space:nowrap;font-family:ui-monospace,monospace;font-size:10px}.te-row-body{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:8px 10px 10px 32px;display:flex}.te-row-body[hidden]{display:none}.te-brand-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;align-self:flex-start;gap:2px;padding:2px;display:inline-flex}.te-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:10px}.te-tab.active{background:var(--accent-glow);color:var(--text)}.te-tab:hover:not(.active){color:var(--text)}.te-tab-panel{display:block}.te-tab-panel[hidden]{display:none}.te-law-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.te-law-kind,.te-law-source{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:3px 6px;font-size:11px}.te-law-of{color:var(--text-faint);font-size:10px}.te-law-preview{border:1px solid var(--border);border-radius:4px;width:18px;height:18px;display:inline-block}.te-literal-row{grid-template-columns:32px 1fr;align-items:center;gap:6px;display:grid}.te-neutral-grid{grid-template-columns:auto 32px minmax(0,1fr) 22px;align-items:center;gap:4px 6px;display:grid}.te-neutral-grid .te-side-label{color:var(--text-faint);font-family:ui-monospace,monospace;font-size:10px}.te-neutral-grid .te-link{grid-row:span 2;place-self:center}.te-link{border:1px solid var(--border);background:var(--surface-2);width:22px;height:22px;color:var(--text-dim);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.te-link.linked,.te-link:hover{color:var(--text)}.te-slot-dots{align-items:center;gap:2px;display:inline-flex}.te-slot-dot{border:1px solid var(--border);cursor:pointer;width:14px;height:14px;box-shadow:none;background:0 0;border-radius:3px;outline:0;padding:0}.te-slot-dot.active{box-shadow:0 0 0 2px var(--text)}.te-slot-dot-literal{background:var(--surface);color:var(--text-dim);justify-content:center;align-items:center;font-size:9px;font-weight:600;display:inline-flex}.te-slot-dot-literal span{line-height:1}.role-grid{grid-template-columns:120px repeat(var(--rt-cols,5),minmax(52px,1fr));gap:4px;font-size:10px;display:grid;overflow-x:auto}.rt-subsection{margin-top:8px}.rt-subsection+.rt-subsection{border-top:1px solid var(--border);padding-top:8px}.rt-header-row{justify-content:space-between;align-items:center;gap:4px;margin-bottom:6px;display:flex}.rt-role-add,.rt-surface-add{align-items:center;gap:4px;margin-bottom:6px;display:flex}.rt-role-add input,.rt-role-add select,.rt-surface-add input,.rt-surface-add select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 4px;font-size:11px}.rt-surface-list{flex-direction:column;gap:2px;margin-bottom:6px;display:flex}.rt-surface-row{grid-template-columns:80px 1fr auto auto;align-items:center;gap:4px;font-size:11px;display:grid}.rt-surface-name{color:var(--text);font-family:ui-monospace,monospace}.rt-surface-ref{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 4px;font-size:10px}.rt-rowlabel{align-items:center;gap:4px;display:flex}.rt-role-rename,.rt-role-remove,.rt-surface-rename,.rt-surface-remove,.tt-el-rename,.tt-el-remove,.tt-state-remove{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.rt-role-rename:hover,.rt-role-remove:hover,.rt-surface-rename:hover,.rt-surface-remove:hover,.tt-el-rename:hover,.tt-el-remove:hover,.tt-state-remove:hover{color:var(--text)}.tt-el-row{align-items:center;gap:4px;display:flex}.tt-el-add{align-items:center;gap:4px;margin-top:6px;display:flex}.tt-el-add input,.tt-el-add select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 4px;font-size:11px}.tt-add-state{border:1px dashed var(--border);border-radius:6px;margin-top:8px;padding:6px}.tt-add-state-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tt-add-state-row select,.tt-add-state-row input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 4px;font-size:11px}.tt-nth-presets{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.tt-nth-preset{background:var(--bg);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:3px;padding:2px 6px;font-size:10px}.tt-nth-preset:hover{color:var(--text)}.tt-nth-preview{grid-template-columns:repeat(10,1fr);gap:2px;margin-top:6px;display:grid}.tt-nth-cell{border:1px solid var(--border);background:var(--bg);color:var(--text-faint);border-radius:3px;justify-content:center;align-items:center;padding:4px;font-size:10px;display:flex}.tt-nth-cell.hit{background:var(--surface);color:var(--text);border-color:var(--text-dim)}.rt-cell{text-align:center;color:var(--text-dim);padding:4px 2px}.rt-head{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.rt-rowlabel{text-align:left;color:var(--text);font-family:ui-monospace,monospace}.rt-swatch-wrap{align-items:center;gap:2px;display:inline-flex}.rt-swatch{border-radius:4px;width:20px;height:20px;display:inline-block}.rt-mode{border:1px solid var(--border);background:var(--surface);width:16px;height:16px;color:var(--text-dim);cursor:pointer;border-radius:3px;padding:0;font-size:9px;font-weight:700}.rt-color{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:3px;width:18px;height:18px;padding:0}.rt-ratio{margin-top:2px;font-family:ui-monospace,monospace;font-size:9px}.rt-cards{flex-direction:column;gap:6px;display:flex}.rt-card{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.rt-card-head{align-items:center;gap:6px;display:flex}.rt-card-name{color:var(--text);flex:1;font-family:ui-monospace,monospace;font-size:12px}.rt-card-body{align-items:center;gap:10px;display:flex}.rt-card-swatch{border:1px solid var(--border);cursor:pointer;border-radius:6px;flex:none;width:44px;height:44px;padding:0}.rt-card-color{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.rt-card-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.rt-card-surface-lbl{color:var(--text-dim);align-items:center;gap:4px;font-size:11px;display:flex}.rt-card-surface{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;flex:1;padding:2px 4px;font-size:11px}.rt-card-meta{align-items:center;gap:6px;display:flex}.rt-badge{border-radius:3px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:11px;font-weight:600}.rt-badge.rt-pass{background:var(--accent,#22c55e)}@supports (color:color-mix(in lab,red,red)){.rt-badge.rt-pass{background:color-mix(in oklch,var(--accent,#22c55e) 20%,transparent)}}.rt-badge.rt-pass{color:var(--accent,#22c55e)}.rt-badge.rt-warn{color:#eab308;background:#eab30833}.rt-badge.rt-fail{color:#ef4444;background:#ef444433}.rt-mode-chip{background:var(--bg);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:3px;padding:2px 8px;font-size:10px}.rt-mode-chip:hover{color:var(--text)}.rt-card-audit{color:#eab308;font-size:10px}.rt-card-audit-hostile{color:#ef4444;font-size:10px;font-weight:600}.tt-state{border:1px solid var(--border);border-radius:6px;margin-top:8px;padding:6px}.tt-state>summary{cursor:pointer;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.tt-state.tt-default{border-color:var(--border-strong,var(--border))}.tt-state-h{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:600}.tt-row{grid-template-columns:16px 100px 84px 1fr 1fr 48px;align-items:center;gap:4px;margin-top:4px;display:grid}.tt-row .tt-prop{color:var(--text);text-overflow:ellipsis;font-family:ui-monospace,monospace;font-size:11px;overflow:hidden}.tt-row select,.tt-row input{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 4px;font-size:11px}.tt-row .tt-del,.tt-row .tt-revert{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:inline-flex}.tt-row .tt-del:hover,.tt-row .tt-revert:hover{color:var(--text)}.tt-row-actions{justify-content:flex-end;gap:2px;display:inline-flex}.tt-dot{border-radius:50%;justify-content:center;align-items:center;width:10px;height:10px;display:inline-flex}.tt-dot-factory{background:var(--text);opacity:.4}.tt-dot-overridden{background:var(--accent)}.tt-dot-added{color:var(--accent);background:0 0;width:12px;height:12px}.tt-dot-removed{background:var(--text);opacity:.3}.tt-row-ghost .tt-prop{opacity:.5;text-decoration:line-through}.tt-row-ghost .tt-prop-muted{color:var(--text-faint);font-size:10px}.tt-ghost-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-top:8px;font-size:10px}.tt-empty{color:var(--text-faint);padding:4px 0;font-size:11px}.tt-add{gap:4px;margin-top:6px;display:flex}.tt-add select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;flex:1;padding:2px 4px;font-size:11px}.tt-add button{background:var(--bg);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:3px;padding:2px 8px;font-size:11px}.tt-add button:hover{background:var(--surface)}.tt-el-header{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tt-el-chips{scrollbar-width:thin;flex:1;gap:4px;min-width:0;padding:2px;display:flex;overflow-x:auto}.tt-el-chip{background:var(--bg);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:inline-flex}.tt-el-chip:hover{color:var(--text)}.tt-el-chip.is-active{background:var(--surface);color:var(--text);border-color:var(--text-dim)}.tt-el-chip-icon{display:inline-flex}.tt-el-controls{flex:none;align-items:center;gap:4px;display:flex}.tt-el-controls select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 4px;font-size:11px}.tt-state-tabs{border-bottom:1px solid var(--border);scrollbar-width:thin;gap:2px;margin-top:8px;padding:0 2px;display:flex;overflow-x:auto}.tt-state-tab{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:4px 4px 0 0;flex:none;align-items:center;gap:4px;padding:6px 10px;font-size:11px;display:inline-flex}.tt-state-tab:hover{color:var(--text)}.tt-state-tab.is-active{background:var(--surface);color:var(--text);border-color:var(--border);position:relative;top:1px}.tt-state-tab-count{color:var(--text-faint);background:var(--bg);border-radius:999px;padding:0 4px;font-size:10px}.tt-state-tab-remove{width:16px;height:16px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.tt-state-tab-remove:hover{color:var(--text)}.tt-state-active{padding:8px 2px}.tt-empty-state{color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:24px 8px;display:flex}.tt-empty-title{color:var(--text);font-size:12px;font-weight:600}.tt-empty-hint{color:var(--text-faint);font-size:11px}.tt-empty-icon{opacity:.5}.tt-prop .tt-prop-label{color:var(--text);font-family:inherit;font-size:11px}.tt-prop .tt-prop-tech{color:var(--text-faint);margin-inline-start:4px;font-family:ui-monospace,monospace;font-size:10px}.tt-swatch{border:1px solid var(--border);vertical-align:middle;border-radius:3px;width:12px;height:12px;margin-inline-end:4px;display:inline-block}.tt-add-property{border:1px dashed var(--border);border-radius:6px;margin-top:10px;padding:6px}.tt-add-property>summary{cursor:pointer;color:var(--text-dim);align-items:center;gap:4px;font-size:11px;display:flex}.tt-add-property>summary:hover{color:var(--text)}.tt-prop-picker{flex-direction:column;gap:6px;margin-top:6px;display:flex}.tt-prop-cat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:10px}.tt-prop-cat-chips{flex-wrap:wrap;gap:4px;display:flex}.tt-prop-chip{background:var(--bg);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:3px 8px;font-size:11px}.tt-prop-chip:hover{color:var(--text);background:var(--surface)}.tt-prop-custom{border-top:1px dashed var(--border);margin-top:4px;padding-top:6px}.tt-prop-custom>summary{cursor:pointer;color:var(--text-faint);font-size:10px}.tt-state-presets{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;display:flex}.tt-state-presets-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-inline-end:4px;font-size:10px}.tt-state-preset-chip{background:var(--bg);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:3px 8px;font-size:11px}.tt-state-preset-chip:hover{color:var(--text);background:var(--surface)}.tt-add-state-custom{margin-top:4px}.tt-add-state-custom>summary{cursor:pointer;color:var(--text-dim);align-items:center;gap:4px;font-size:11px;display:inline-flex}.te-chip{border:1px solid var(--border);background:var(--surface-2);min-width:36px;height:22px;color:var(--text-dim);cursor:help;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;font-weight:600;display:inline-flex}.te-chip[data-state=good]{color:#0a0b0f;background:#22c55e;border-color:#0003}.te-chip[data-state=warn]{color:#0a0b0f;background:#eab308;border-color:#0003}.te-chip[data-state=minor]{color:#fff;background:#6b7280;border-color:#00000040}.te-chip[data-state=bad]{color:#fff;background:#ef4444;border-color:#00000040}.te-reset{appearance:none;border:1px solid var(--border);background:var(--surface-2);width:22px;height:22px;color:var(--text-dim);cursor:pointer;border-radius:6px;padding:0;font-size:12px;line-height:1}.te-reset:hover{color:var(--text)}.te-reset[hidden]{display:none}.te-color{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:32px;height:26px;padding:1px}.te-text{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:6px;width:100%;padding:5px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.te-text:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.te-text.wide{grid-column:2/span 2}.preset-item{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:7px 10px;font-size:12px;display:flex}.preset-name{cursor:pointer;color:var(--text);flex:1;font-weight:500}.preset-name:hover{color:var(--accent)}.preset-date{color:var(--text-faint);font-family:ui-monospace,monospace;font-size:10px}.preset-del{color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:16px;line-height:1}.preset-del:hover{color:#ff6b6b}.preset-push{color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:13px;line-height:1}.preset-push:hover:not([disabled]){color:var(--accent)}.preset-push[disabled]{opacity:.3;cursor:not-allowed}.cloud-status{background:var(--surface-2);border:1px solid var(--border);letter-spacing:0;text-transform:none;border-radius:999px;margin-left:6px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:10px}.cloud-status.cloud-online{color:#22c55e}.cloud-status.cloud-offline,.cloud-status.cloud-checking{color:var(--text-faint)}.toggle-row{flex-wrap:wrap;gap:10px;margin:6px 0 12px;display:flex}.toggle{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;transition:color .15s,border-color .15s;display:inline-flex}.toggle:hover{color:var(--text);border-color:var(--border-strong)}.toggle input{accent-color:var(--accent);width:12px;height:12px;margin:0}.toggle:has(input:checked){color:var(--accent);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.toggle:has(input:checked){border-color:color-mix(in srgb,var(--accent) 40%,transparent)}}.toggle:has(input:checked){background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.toggle:has(input:checked){background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}}#f-base-hint{color:var(--text-faint);text-transform:none;letter-spacing:0;font-family:ui-monospace,monospace;font-size:10px}#shortcuts-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#0000008c;justify-content:center;align-items:center;animation:.2s so-fade;display:flex;position:fixed;inset:0}#shortcuts-overlay[hidden]{display:none}@keyframes so-fade{0%{opacity:0}to{opacity:1}}.so-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;min-width:420px;max-width:540px;padding:22px 26px;animation:.22s cubic-bezier(.2,.8,.2,1.2) so-pop;box-shadow:0 30px 80px #0009,0 0 0 1px #ffffff0a}@keyframes so-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.so-title{color:var(--text);letter-spacing:-.01em;margin-bottom:14px;font-size:14px;font-weight:700}.so-table{border-collapse:collapse;width:100%}.so-table td{color:var(--text-dim);vertical-align:middle;padding:6px 0;font-size:12px}.so-table td:first-child{white-space:nowrap;width:160px}.so-foot{color:var(--text-faint);text-align:right;margin-top:14px;font-size:10px}kbd{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-bottom-width:2px;border-radius:5px;padding:2px 7px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;display:inline-block;box-shadow:0 1px #ffffff0a}.fi-root>summary{cursor:pointer;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:5px;padding:8px 0 4px;font-size:11px;font-weight:500;list-style:none;display:flex}.fi-root>summary::-webkit-details-marker{display:none}.fi-root>summary:before{content:"▸";color:var(--text-faint);letter-spacing:0;font-size:9px;transition:transform .15s}.fi-root[open]>summary:before{transform:rotate(90deg)}.fi-head{margin-bottom:8px}.fi-name{color:var(--text);letter-spacing:-.01em;font-size:14px;font-weight:700}.fi-ver{color:var(--text-faint);margin-left:4px;font-family:ui-monospace,monospace;font-size:10px;font-weight:500}.fi-tagline{color:var(--text-dim);margin-top:2px;font-size:12px}.fi-desc{color:var(--text-dim);margin:6px 0 10px;font-size:11px;line-height:1.5}.fi-block{border-top:1px solid var(--border);margin-bottom:8px;padding-top:6px}.fi-block>summary{cursor:pointer;color:var(--text);align-items:center;gap:5px;padding:4px 0;font-size:11px;font-weight:500;list-style:none;display:flex}.fi-block>summary::-webkit-details-marker{display:none}.fi-block>summary:before{content:"▸";color:var(--text-faint);font-size:9px;transition:transform .15s}.fi-block[open]>summary:before{transform:rotate(90deg)}.fi-docs,.fi-map,.fi-caveats,.fi-assets{flex-direction:column;gap:6px;margin:6px 0 4px;padding:0;list-style:none;display:flex}.fi-docs li{flex-direction:column;gap:2px;display:flex}.fi-docs a{color:var(--text);border-radius:6px;align-items:center;gap:6px;padding:4px 6px;font-size:12px;text-decoration:none;transition:background .15s;display:flex}.fi-docs a:hover{background:var(--surface-2)}.fi-doc-title{flex:1}.fi-doc-kind{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:2px 6px;font-family:ui-monospace,monospace;font-size:9px}.fi-doc-reference{color:#a78bfa;border-color:#a78bfa4d}.fi-doc-guide{color:#34d399;border-color:#34d3994d}.fi-doc-cheatsheet{color:#fbbf24;border-color:#fbbf244d}.fi-doc-api{color:#60a5fa;border-color:#60a5fa4d}.fi-doc-site{color:var(--text-dim)}.fi-doc-desc{color:var(--text-faint);padding-left:6px;font-size:10px;line-height:1.4}.fi-map li,.fi-caveats li{color:var(--text-dim);padding-left:10px;font-size:11px;line-height:1.5;position:relative}.fi-map li:before,.fi-caveats li:before{content:"·";color:var(--text-faint);position:absolute;left:0}.fi-map code{color:var(--text);background:0 0;padding:0;font-family:ui-monospace,monospace;font-size:10.5px}.fi-assets li{color:var(--text-dim);word-break:break-all;align-items:baseline;gap:6px;font-family:ui-monospace,monospace;font-size:10.5px;display:flex}.fi-asset-kind{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:9px}.fi-assets code{color:var(--text);background:0 0;padding:0}.bld-note{color:var(--text-faint);letter-spacing:.01em;margin:4px 0 8px;font-size:10px;font-style:italic}.bld-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bld-row .field{margin-bottom:8px}.bld-preview{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;max-height:180px;margin:8px 0;padding:6px 8px;overflow-y:auto}.bld-table{border-collapse:collapse;width:100%;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.bld-table th{text-align:left;color:var(--text-dim);vertical-align:top;width:34px;padding:2px 6px 2px 0;font-weight:500}.bld-table td{color:var(--text);word-break:break-all;padding:2px 0}.bld-table code{color:var(--text);background:0 0;padding:0;font-family:inherit;font-size:11px}.bld-bars{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:3px;margin:8px 0;padding:6px 8px;display:flex}.bld-bar{grid-template-columns:36px 1fr 44px;align-items:center;gap:8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;display:grid}.bld-bar-key{color:var(--text-dim)}.bld-bar-track{background:var(--surface-3);border-radius:3px;height:10px;overflow:hidden}.bld-bar-fill{background:linear-gradient(90deg,var(--accent),var(--accent));height:100%;display:block}@supports (color:color-mix(in lab,red,red)){.bld-bar-fill{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#3dd2ff))}}.bld-bar-fill{border-radius:3px}.bld-bar-val{color:var(--text);text-align:right}.bld-output{color:var(--text);background:var(--surface-2);border:1px solid var(--border);word-break:break-all;border-radius:6px;min-height:28px;margin:6px 0;padding:6px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.45}.bld-apply{width:100%;margin-top:6px}.bld-layers{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.bld-layer{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:8px}.bld-layer-head{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;display:flex}.bld-layer-del{color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:16px;line-height:1}.bld-layer-del:hover:not([disabled]){color:#ff6b6b}.bld-layer-del[disabled]{opacity:.3;cursor:not-allowed}.bld-layer-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.bld-layer-grid label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:3px;font-size:10px;display:flex}.bld-layer-grid input[type=number]{padding:4px 6px;font-size:11px}.bld-layer-grid input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:100%;height:24px;padding:1px}.bld-shadow-preview{background:#fff;border-radius:10px;height:70px;margin:10px 8px 8px;transition:box-shadow .15s}#bld-clamp select,#bld-shadow select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.cs-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.cs-count{color:var(--text-faint);flex:1;font-size:11px}.cs-list{flex-direction:column;gap:6px;display:flex}.cs-rule{border:1px solid var(--border);background:var(--surface-2);border-radius:6px}.cs-rule[data-disabled=true]{opacity:.55}.cs-rule[data-depth="1"]{margin-left:12px}.cs-rule[data-depth="2"]{margin-left:24px}.cs-rule details>summary{cursor:pointer;padding:6px 8px;list-style:none}.cs-rule details>summary::-webkit-details-marker{display:none}.cs-rule-head{align-items:center;gap:6px;display:flex}.cs-rule-icons{color:var(--text-faint);gap:2px;display:inline-flex}.cs-rule-icons svg{display:block}.cs-selector{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;flex:1;padding:3px 6px;font-family:ui-monospace,monospace;font-size:11px}.cs-tags{gap:3px;display:inline-flex}.cs-tag{background:var(--surface);border:1px solid var(--border);color:var(--text-faint);border-radius:999px;padding:1px 5px;font-size:10px}.cs-rule-actions{gap:3px;display:inline-flex}.cs-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:10px}.cs-rule-body{border-top:1px dashed var(--border);flex-direction:column;gap:8px;padding:6px 8px 8px;display:flex}.cs-subhead{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:4px;font-size:10px}.cs-vars-list,.cs-decls-list{flex-direction:column;gap:3px;margin-bottom:4px;display:flex}.cs-var{grid-template-columns:1fr 1fr auto auto auto auto auto;align-items:center;gap:4px;display:grid}.cs-decl{flex-direction:column;gap:2px;display:flex}.cs-decl-main{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.cs-decl-adv{align-items:center;gap:4px;display:flex}.cs-decl-adv .cs-val{flex:1}.cs-prop-select{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;min-width:130px;padding:2px 4px;font-size:11px}.cs-prop-free{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;min-width:100px;padding:2px 5px;font-family:ui-monospace,monospace;font-size:11px}.cs-guided-mount{min-width:0}.cs-guided-sel{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:2px 4px;font-size:11px}.cs-swatch{border:1px solid var(--border);cursor:pointer;box-sizing:border-box;border-radius:4px;width:18px;height:18px;padding:0}.cs-swatch.is-selected{outline:2px solid var(--text);outline-offset:1px}.cs-adv{text-align:center;width:22px;font-family:ui-monospace,monospace}.cs-contrast{text-align:center;border:1px solid var(--border);border-radius:3px;min-width:30px;padding:2px 4px;font-family:ui-monospace,monospace;font-size:10px}.cs-contrast[data-state=good]{color:#0a0b0f;background:#22c55e}.cs-contrast[data-state=warn]{color:#0a0b0f;background:#eab308}.cs-contrast[data-state=minor]{color:#fff;background:#6b7280}.cs-contrast[data-state=bad]{color:#fff;background:#ef4444}.cs-contrast[data-state=bypass]{background:var(--surface);color:var(--text-faint)}.cs-cmode{text-align:center;width:20px;font-family:ui-monospace,monospace}.cs-token-match{color:var(--text-faint);background:var(--surface);border:1px dashed var(--border);border-radius:3px;padding:2px 4px;font-size:10px}.lsd-pick-toast{align-items:center;gap:8px;display:flex}.cs-prop,.cs-val,.cs-var-name,.cs-var-val{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;min-width:0;padding:2px 5px;font-family:ui-monospace,monospace;font-size:11px}.cs-kind,.cs-var-kind{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:2px 4px;font-size:10px}.cs-imp{text-align:center;width:22px;font-family:ui-monospace,monospace}.cs-nested{flex-direction:column;gap:4px;display:flex}.lsd-icon{justify-content:center;align-items:center;display:inline-flex}.shadow-editor{flex-direction:column;gap:6px;display:flex}.shadow-toolbar{align-items:center;gap:6px;display:flex}.shadow-toolbar button,.shadow-add-layer{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-family:inherit;font-size:11px;display:inline-flex}.shadow-toolbar button:hover,.shadow-add-layer:hover{color:var(--text)}.shadow-add-layer.is-disabled,.shadow-add-layer:disabled{opacity:.4;cursor:not-allowed}.shadow-new-key-input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 8px;font-family:ui-monospace,monospace;font-size:12px}.shadow-rows{flex-direction:column;gap:4px;display:flex}.shadow-row{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;display:block;overflow:hidden}.shadow-row.open{background:var(--surface)}.shadow-row-summary{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:16px 56px 40px 1fr 22px;align-items:center;gap:8px;min-height:40px;padding:4px 8px;display:grid}.shadow-row-summary:hover{background:#ffffff05}.shadow-chevron{transition:transform .15s}.shadow-row.open .shadow-chevron{transform:rotate(90deg)}.shadow-row-label{color:var(--text-dim);font-family:ui-monospace,monospace;font-size:11px;font-weight:500}.shadow-row-value{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:ui-monospace,monospace;font-size:10px;overflow:hidden}.shadow-row-delete{border:1px solid var(--border);background:var(--surface-2);width:22px;height:22px;color:var(--text-faint);cursor:pointer;opacity:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.shadow-row:hover .shadow-row-delete,.shadow-row.open .shadow-row-delete{opacity:1}.shadow-row-delete:hover{color:var(--danger,#ef4444)}.shadow-preview{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:center;align-items:center;padding:24px 8px 28px;display:flex}.shadow-preview-card{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;display:inline-block}.shadow-preview-card--mini{width:40px;height:32px}.shadow-preview .shadow-preview-card{cursor:grab;background:var(--surface);width:120px;height:80px}.shadow-preview .shadow-preview-card:active{cursor:grabbing}.shadow-row-body{border-top:1px solid var(--border);flex-direction:column;display:flex}.shadow-row-body[hidden]{display:none}.shadow-layers{flex-direction:column;gap:0;display:flex}.shadow-layer{border-bottom:1px solid var(--border);padding:8px 10px}.shadow-layer:last-child{border-bottom:0}.shadow-layer-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.shadow-layer-toggle,.shadow-layer-inset{color:var(--text-dim);cursor:pointer;align-items:center;gap:4px;font-family:ui-monospace,monospace;font-size:11px;display:inline-flex}.shadow-layer-title{color:var(--text);font-weight:500}.shadow-layer-remove{border:1px solid var(--border);background:var(--surface-2);width:22px;height:22px;color:var(--text-faint);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.shadow-layer-remove:hover{color:var(--danger,#ef4444)}.shadow-layer-grid{flex-direction:column;gap:4px;display:flex}.shadow-slider-row,.shadow-layer-color-row,.shadow-layer-opacity-row{grid-template-columns:48px 1fr 44px;align-items:center;gap:8px;display:grid}.shadow-layer-color-row{grid-template-columns:48px 32px 1fr}.shadow-layer-field-label{color:var(--text-faint);font-family:ui-monospace,monospace;font-size:10px}.shadow-layer-value{color:var(--text-dim);text-align:right;font-family:ui-monospace,monospace;font-size:10px}.sl-range,.sl-opacity{width:100%}.sl-color{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;width:32px;height:24px;padding:1px}.sl-color-text{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:4px;width:100%;padding:4px 6px;font-family:ui-monospace,monospace;font-size:11px}.shadow-row-foot{border-top:1px solid var(--border);padding:8px 10px;display:flex}.lib-entry{border-bottom:1px solid var(--border);border-radius:6px;flex-direction:column;gap:6px;padding:10px 8px;display:flex}@supports (color:color-mix(in lab,red,red)){.lib-entry{border-bottom:1px solid color-mix(in oklch,var(--border) 50%,transparent)}}.lib-entry:last-child{border-bottom:0}.lib-entry:hover{background:var(--text)}@supports (color:color-mix(in lab,red,red)){.lib-entry:hover{background:color-mix(in oklch,var(--text) 5%,transparent)}}.lib-name{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1.2;display:flex}.lib-subtitle{color:var(--text-dim);font-size:10px;line-height:1.3}.lib-swatches{flex-wrap:wrap;gap:2px;display:flex}.lib-swatches .swatch{border-radius:4px;flex-shrink:0;width:22px;height:22px}.lib-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.lib-actions button{flex:auto;min-width:52px;padding:4px 10px;font-size:10px}.lib-actions .lib-entry-delete{flex:none;min-width:0}.lib-tags{flex-wrap:wrap;gap:3px;display:flex}.lib-tag{background:var(--accent);border-radius:3px;padding:1px 5px;font-size:9px}@supports (color:color-mix(in lab,red,red)){.lib-tag{background:color-mix(in oklch,var(--accent) 15%,transparent)}}.lib-tag{color:var(--text-dim)}.lib-filter{background:var(--surface-2);width:100%;color:var(--text);border:1px solid var(--border);border-radius:6px;margin-bottom:6px;padding:4px 8px;font-family:inherit;font-size:11px}.lib-filter:focus{border-color:var(--accent);outline:none}.lib-add-row{grid-template-columns:1fr 1.4fr auto;gap:4px;margin-bottom:8px;display:grid}.lib-add-row input{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-family:inherit;font-size:11px}.lib-add-row input:focus{border-color:var(--accent);outline:none}.lib-add-row button{padding:4px 10px;font-size:11px}.lib-entry.is-custom{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.lib-entry.is-custom{background:color-mix(in oklch,var(--accent) 8%,transparent)}}.lib-entry-delete{opacity:.5;justify-content:center;align-items:center;display:inline-flex;padding:3px 5px!important}.lib-entry-delete:hover{opacity:1}.lib-empty{text-align:center;border:1px dashed var(--border);background:var(--accent);border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}@supports (color:color-mix(in lab,red,red)){.lib-empty{background:color-mix(in oklch,var(--accent) 4%,transparent)}}.lib-empty-msg{color:var(--text);font-size:13px;font-weight:600}.lib-empty-sub{color:var(--text-dim);max-width:280px;font-size:11px}.lib-empty button{align-items:center;gap:6px;margin-top:4px;display:inline-flex}.lib-actions-bar{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:8px;display:flex}.lib-actions-bar button{align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:inline-flex}.lib-actions-bar button.is-armed{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.lib-actions-bar button.is-armed{background:color-mix(in oklch,var(--accent) 35%,transparent)}}.lib-actions-bar button.is-armed{border-color:var(--accent);color:var(--text)}.te-map-toolbar{align-items:center;gap:6px;margin-bottom:6px;padding:4px 2px;display:flex}.te-map-toolbar button{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-family:inherit;font-size:11px;display:inline-flex}.te-map-toolbar button:hover{color:var(--text)}.te-map-new-input,.te-cc-new-input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 8px;font-family:ui-monospace,monospace;font-size:12px}.te-section-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.te-scale-row{position:relative}.te-row-remove{border:1px solid var(--border);background:var(--surface-2);width:22px;height:22px;color:var(--text-faint);cursor:pointer;opacity:0;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:opacity .12s ease-in-out;display:inline-flex}.te-scale-row:hover .te-row-remove,.te-cc-row:hover .te-row-remove{opacity:1}.te-row-remove:hover{color:var(--danger,#ef4444)}.te-custom-colors{border-top:1px dashed var(--border);margin-top:12px;padding-top:10px}.te-cc-rows{flex-direction:column;gap:4px;display:flex}.te-cc-row{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;grid-template-columns:80px 28px 1fr 22px 28px 1fr 22px;align-items:center;gap:6px;padding:4px 6px;display:grid}.te-cc-name{color:var(--text-dim);font-family:ui-monospace,monospace;font-size:11px}.te-cc-color{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:28px;height:28px;padding:0}.te-cc-text{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;min-width:0;padding:4px 6px;font-family:ui-monospace,monospace;font-size:11px}.te-cc-link{border:1px solid var(--border);background:var(--surface-2);width:22px;height:22px;color:var(--text-faint);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.te-cc-link[aria-pressed=true]{color:var(--text)}.te-cc-empty{padding:8px 6px}.scale-row{border-bottom:1px solid var(--border);grid-template-columns:80px 1fr 24px;align-items:start;gap:8px;padding:6px 0;display:grid}@supports (color:color-mix(in lab,red,red)){.scale-row{border-bottom:1px solid color-mix(in oklch,var(--border) 50%,transparent)}}.scale-row-label{color:var(--text-dim);padding-top:8px;font-family:ui-monospace,monospace;font-size:11px}.scale-row-body{flex-direction:column;gap:6px;display:flex}.scale-kind-toggle{border:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;border-radius:6px;width:fit-content;font-size:10px;display:inline-flex;overflow:hidden}.scale-kind-toggle button{color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:4px 10px;font-family:inherit}.scale-kind-toggle button.active{background:var(--accent);color:var(--bg)}.scale-slider-row{grid-template-columns:52px 1fr 64px 48px;align-items:center;gap:6px;display:grid}.scale-slider-row label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.scale-slider-row input[type=range]{width:100%}.scale-slider-row input[type=number]{width:60px;padding:3px 6px;font-family:ui-monospace,monospace;font-size:11px}.scale-slider-row select{padding:3px 6px;font-size:10px}.scale-viewport{border:1px dashed var(--border);cursor:ew-resize;-webkit-user-select:none;user-select:none;border-radius:4px;height:40px;margin-top:4px;position:relative}.scale-viewport-indicator{background:var(--accent);pointer-events:none;width:2px;position:absolute;top:-6px;bottom:-6px}.scale-viewport-label{color:var(--accent);white-space:nowrap;pointer-events:none;background:var(--bg);padding:0 4px;font-family:ui-monospace,monospace;font-size:10px;position:absolute;top:-18px;transform:translate(-50%)}.scale-viewport-result{color:var(--text-dim);pointer-events:none;font-family:ui-monospace,monospace;font-size:10px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.scale-clamp-preview{color:var(--text-faint);opacity:.8;padding:2px 0;font-family:ui-monospace,monospace;font-size:10px}.ts-viewport-sweep{border:1px dashed var(--border);cursor:ew-resize;-webkit-user-select:none;user-select:none;background:linear-gradient(to right,var(--border),transparent);border-radius:4px;height:32px;margin-top:8px;position:relative}@supports (color:color-mix(in lab,red,red)){.ts-viewport-sweep{background:linear-gradient(to right,color-mix(in oklch,var(--border) 40%,transparent),transparent)}}.ts-viewport-sweep:hover{border-color:var(--accent)}.ts-viewport-indicator{background:var(--accent);pointer-events:none;width:2px;position:absolute;top:-4px;bottom:-4px;left:50%}.ts-viewport-label{color:var(--text-dim);pointer-events:none;font-family:ui-monospace,monospace;font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scale-top-row{align-items:center;gap:10px;display:flex}.scale-preview-radius{background:var(--accent);width:28px;height:28px}@supports (color:color-mix(in lab,red,red)){.scale-preview-radius{background:color-mix(in oklch,var(--accent) 30%,transparent)}}.scale-preview-radius{border:1px solid var(--border);flex-shrink:0}.scale-preview-spacing{background:repeating-linear-gradient(90deg,transparent 0 7px,var(--border) 7px 8px);flex:1;align-items:center;height:14px;display:flex}@supports (color:color-mix(in lab,red,red)){.scale-preview-spacing{background:repeating-linear-gradient(90deg,transparent 0 7px,color-mix(in oklch,var(--border) 60%,transparent) 7px 8px)}}.scale-preview-spacing span{background:var(--accent);height:14px;display:block}@supports (color:color-mix(in lab,red,red)){.scale-preview-spacing span{background:color-mix(in oklch,var(--accent) 45%,transparent)}}.scale-preview-spacing span{min-width:2px}.scale-preview-border{border-top:1px solid var(--accent);width:44px;height:2px}@supports (color:color-mix(in lab,red,red)){.scale-preview-border{border-top:1px solid color-mix(in oklch,var(--accent) 45%,transparent)}}.scale-preview-border{flex-shrink:0}.scale-preview-container{background:var(--border);flex:1;height:10px}@supports (color:color-mix(in lab,red,red)){.scale-preview-container{background:color-mix(in oklch,var(--border) 50%,transparent)}}.scale-preview-container{border-radius:2px;overflow:hidden}.scale-preview-container span{background:var(--accent);height:100%;display:block}@supports (color:color-mix(in lab,red,red)){.scale-preview-container span{background:color-mix(in oklch,var(--accent) 45%,transparent)}}.scale-preview-type{font-family:var(--font-display,ui-serif);color:var(--text);white-space:nowrap;text-align:center;flex-shrink:0;min-width:28px;padding:0 4px;line-height:1}.scale-row-remove{opacity:0;color:var(--color-danger,#ef4444);cursor:pointer;background:0 0!important;border:0!important;padding:4px 6px!important}.scale-row:hover .scale-row-remove{opacity:.6}.scale-row-remove:hover{opacity:1!important}.ts-builder{flex-direction:column;gap:10px;padding:12px 0;display:flex}.ts-row{grid-template-columns:80px 1fr;align-items:center;gap:8px;display:grid}.ts-row label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.ts-row input,.ts-row select{padding:4px 6px;font-size:12px}.ts-preview{background:var(--text);flex-direction:column;gap:4px;padding:12px;display:flex}@supports (color:color-mix(in lab,red,red)){.ts-preview{background:color-mix(in oklch,var(--text) 4%,transparent)}}.ts-preview{border-radius:6px;margin-top:6px}.ts-preview-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;display:flex}@supports (color:color-mix(in lab,red,red)){.ts-preview-row{border-bottom:1px solid color-mix(in oklch,var(--border) 40%,transparent)}}.ts-preview-row:last-child{border-bottom:0}.ts-preview-sample{font-family:var(--font-display);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.2;overflow:hidden}.ts-preview-meta{color:var(--text-dim);text-align:right;flex-shrink:0;min-width:80px;font-family:ui-monospace,monospace;font-size:10px}.ts-preview-clamp{color:var(--text-faint);opacity:.8;font-family:ui-monospace,monospace;font-size:9px}.ts-apply{margin-top:8px}.export-panel{flex-direction:column;gap:10px;display:flex}.export-validation{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:6px;padding:8px 10px;font-size:11px;display:flex}.export-validation .export-val-header{opacity:.85;font-weight:600}.export-validation .export-val-list{flex-direction:column;gap:3px;max-height:180px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.export-validation li{grid-template-columns:14px minmax(120px,1fr) 2fr;align-items:baseline;gap:6px;padding:2px 0;display:grid}.export-validation .export-val-sym{font-weight:700}.export-validation .export-val-path{font-family:var(--font-mono,monospace);opacity:.75;word-break:break-all;font-size:10px}.export-validation .export-val-msg{opacity:.85}.export-validation .export-val-error .export-val-sym{color:#ef4444}.export-validation .export-val-warn .export-val-sym{color:#f59e0b}.export-section-list{background:var(--text);flex-direction:column;gap:3px;padding:8px;display:flex}@supports (color:color-mix(in lab,red,red)){.export-section-list{background:color-mix(in oklch,var(--text) 3%,transparent)}}.export-section-list{border-radius:6px;font-size:11px}.export-section-row{cursor:pointer;align-items:center;gap:6px;display:flex}.export-section-icon{width:14px;height:14px;color:var(--text-dim);display:inline-flex}.export-section-label{font-family:ui-monospace,monospace}.export-section-hint{color:var(--text-dim);opacity:.7;margin-left:auto;font-size:10px}.export-radio-group{flex-wrap:wrap;gap:4px;display:flex}.export-radio-group label{border:1px solid var(--border);cursor:pointer;border-radius:4px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;display:inline-flex}.export-radio-group label input{margin:0}.export-radio-group label.is-active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.export-radio-group label.is-active{background:color-mix(in oklch,var(--accent) 20%,transparent)}}.export-radio-group label.is-active{border-color:var(--accent)}.export-presets{flex-wrap:wrap;gap:4px;display:flex}.export-presets button{padding:3px 10px;font-size:10px}.export-size{color:var(--text-dim);font-family:ui-monospace,monospace;font-size:11px}.export-actions{gap:6px;margin-top:4px;display:flex}.export-actions button{flex:1}.export-preview{max-height:240px;font-family:ui-monospace,monospace;font-size:10px}#lsd-topbar-extra{align-items:center;gap:4px;display:inline-flex}.lsd-a11y-badge{position:relative}.lsd-a11y-badge .lsd-a11y-count{background:var(--surface-3);min-width:14px;height:14px;color:var(--text);text-align:center;box-shadow:0 0 0 1px var(--bg);border-radius:7px;padding:0 3px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:-4px;right:-4px}.lsd-a11y-badge[data-severity=error] .lsd-a11y-count{color:#fff;background:#ef4444}.lsd-a11y-badge[data-severity=warn] .lsd-a11y-count{color:#0a0b0f;background:#f59e0b}.lsd-a11y-badge[data-severity=ok] .lsd-a11y-count{color:#0a0b0f;background:#10b981}.lsd-compare-btn.active,.lsd-rtl-toggle.active{background:var(--accent);color:#fff}.ch-trigger{border:1px solid var(--border);width:16px;height:16px;color:var(--text-faint);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.ch-trigger:hover{color:var(--text);border-color:var(--text-dim)}#lsd-help-popover{z-index:100000;background:var(--surface);border:1px solid var(--border);width:320px;max-height:420px;color:var(--text);border-radius:8px;font-size:12px;position:fixed;overflow-y:auto;box-shadow:0 8px 32px #0006}.ch-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px 8px;display:flex}.ch-title{font-size:13px;font-weight:600}.ch-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.ch-close:hover{color:var(--text)}.ch-body{padding:10px 12px 12px}.ch-para{color:var(--text-dim);margin:0 0 8px;line-height:1.55}.ch-para:last-child{margin-bottom:0}.ch-list{color:var(--text-dim);margin:0 0 8px;padding-left:16px;line-height:1.55}.ch-list li{margin-bottom:4px}.ch-list li strong{color:var(--text)}.ch-code{font-family:var(--font-mono,ui-monospace, Menlo, monospace);background:var(--bg);color:var(--text);border-radius:3px;padding:1px 4px;font-size:11px}.ch-related{border-top:1px solid var(--border);color:var(--text-faint);padding:8px 12px;font-size:11px}.ch-related-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}#lsd-inspector{background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);border:1px solid var(--border-strong);z-index:9500;width:380px;max-height:calc(100vh - 72px);color:var(--text);border-radius:10px;flex-direction:column;font-size:12px;display:flex;position:fixed;top:52px;right:12px;overflow:hidden;box-shadow:0 10px 40px #00000073}#lsd-inspector[hidden]{display:none}#lsd-inspector .ins-head{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:8px;padding:8px 10px;display:flex}#lsd-inspector .ins-title{flex:none;font-size:12px;font-weight:700}#lsd-inspector .ins-tabs{flex:auto;gap:2px;display:flex;overflow:auto}#lsd-inspector .ins-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:3px 8px;font-size:11px}#lsd-inspector .ins-tab:hover{color:var(--text);background:var(--surface-3)}#lsd-inspector .ins-tab.active{color:var(--text);background:var(--surface-3);border-color:var(--border-strong)}#lsd-inspector .ins-close{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}#lsd-inspector .ins-close:hover{color:var(--text);background:var(--surface-3)}#lsd-inspector .ins-body{flex:auto;padding:10px 12px;overflow:auto}#lsd-inspector .ins-empty{color:var(--text-dim);font-size:11px;line-height:1.5}#lsd-inspector .ins-empty.ins-good{color:#10b981}#lsd-inspector .ins-summary{color:var(--text-dim);margin-bottom:8px;font-size:11px}#lsd-inspector .ins-summary strong{color:var(--text);font-weight:600}#lsd-inspector .ins-group{margin-bottom:10px}#lsd-inspector .ins-group>summary{cursor:pointer;color:var(--text);padding:4px 0;font-weight:600;list-style:none}#lsd-inspector .ins-group>summary::-webkit-details-marker{display:none}#lsd-inspector .ins-count{color:var(--text-dim);background:var(--surface-3);border-radius:8px;margin-left:4px;padding:1px 6px;font-size:10px}#lsd-inspector .ins-list{margin:0;padding:0 0 0 2px;list-style:none}#lsd-inspector .ins-list li{border-bottom:1px solid var(--border);padding:5px 0}#lsd-inspector .ins-list li:last-child{border-bottom:0}#lsd-inspector .ins-path{color:var(--text);font-family:ui-monospace,monospace;font-size:11px}#lsd-inspector .ins-display{color:var(--text-dim);word-break:break-all;margin-top:2px;font-family:ui-monospace,monospace;font-size:10px}#lsd-inspector .ins-chip{border-radius:10px;margin-right:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}#lsd-inspector .ins-chip.ins-err{color:#fff;background:#ef4444}#lsd-inspector .ins-chip.ins-warn{color:#0a0b0f;background:#f59e0b}#lsd-inspector .ins-cascade-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:10px}#lsd-inspector .ins-cascade{background:var(--surface-2);word-break:break-all;border-radius:4px;padding:6px 8px;font-family:ui-monospace,monospace;font-size:10px;line-height:1.5}#lsd-inspector .ins-arrow{color:var(--accent);margin:0 4px}#lsd-inspector .ins-btn{background:var(--surface-3);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:5px;margin-right:4px;padding:3px 8px;font-size:11px}#lsd-inspector .ins-btn:hover{background:var(--surface-2);border-color:var(--border-strong)}#lsd-inspector .ins-snap-img{border:1px solid var(--border);border-radius:6px;width:100%;margin-top:8px;display:block}#lsd-snapshot-overlay{opacity:.5;pointer-events:none;z-index:10;background-position:0 0;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}#lsd-snapshot-overlay[hidden]{display:none}.lsd-diff{margin-top:10px;font-size:11px}.lsd-diff>summary{cursor:pointer;background:var(--surface-2);border-radius:6px;padding:6px 8px;font-weight:600;list-style:none}.lsd-diff>summary::-webkit-details-marker{display:none}.lsd-diff-meta{color:var(--text-dim);margin-left:6px;font-weight:400}.lsd-diff-body{padding:8px 0}.lsd-diff-empty{color:var(--text-dim);padding:4px 0;font-size:11px}.lsd-diff-section{margin-bottom:10px}.lsd-diff-head{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:6px;margin-bottom:4px;padding:4px 0;font-size:11px;font-weight:600;display:flex}.lsd-diff-count{color:var(--text-dim);background:var(--surface-3);border-radius:8px;padding:1px 6px;font-size:10px}.lsd-diff-list{margin:0;padding:0;font-family:ui-monospace,monospace;font-size:10px;line-height:1.6;list-style:none}.lsd-diff-list li{border-bottom:1px solid var(--border);grid-template-columns:14px 1fr 2fr;gap:6px;padding:2px 0;display:grid}.lsd-diff-sym{text-align:center;font-weight:700}.lsd-diff-path{color:var(--text)}.lsd-diff-val{color:var(--text-dim);word-break:break-all}.lsd-diff-added .lsd-diff-sym{color:#10b981}.lsd-diff-removed .lsd-diff-sym{color:#ef4444}.lsd-diff-changed .lsd-diff-sym{color:var(--accent)}.lsd-diff-actions{gap:6px;margin-top:6px;display:flex}.lsd-diff-btn{background:var(--surface-3);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:5px;padding:3px 10px;font-size:11px}.lsd-diff-btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.cmd-launch{cursor:pointer;color:var(--text-dim);border-radius:8px;gap:6px;padding:4px 8px 4px 10px}.cmd-launch:hover{color:var(--text);border-color:var(--border-strong)}.cmd-launch kbd{background:var(--surface-3);border:1px solid var(--border);color:var(--text-dim);border-radius:4px;padding:0 5px;font-family:ui-monospace,monospace;font-size:10px}.cmd-launch svg{opacity:.7}.save-chip{color:var(--text-dim);opacity:.75;background:0 0;border:0;gap:5px;padding:2px 6px;font-size:10px;transition:opacity .3s,color .2s}.save-chip:hover{opacity:1}.save-chip .save-dot{opacity:.5;background:currentColor;border-radius:50%;width:5px;height:5px;transition:background .2s,opacity .2s;display:inline-block}.save-chip.is-saving{opacity:1;color:var(--accent)}.save-chip.is-saving .save-dot{background:var(--accent);opacity:1;animation:.8s ease-in-out infinite lsd-save-pulse}@keyframes lsd-save-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}#command-palette{z-index:10000;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}#command-palette[hidden]{display:none}#command-palette .cp-scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:absolute;inset:0}#command-palette .cp-card{background:var(--surface);border:1px solid var(--border-strong);width:min(640px,92vw);max-height:70vh;box-shadow:0 30px 80px #00000080,0 0 0 1px var(--border);border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden}#command-palette .cp-input-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}#command-palette .cp-input-row svg{color:var(--text-dim)}#command-palette .cp-input{color:var(--text);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:15px}#command-palette .cp-input::placeholder{color:var(--text-faint)}#command-palette .cp-hint{background:var(--surface-3);border:1px solid var(--border);color:var(--text-dim);border-radius:4px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:10px}#command-palette .cp-list{flex:1;padding:6px 0;overflow-y:auto}#command-palette .cp-group{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);padding:8px 16px 4px;font-size:10px;font-weight:600}#command-palette .cp-row{cursor:pointer;color:var(--text);align-items:center;gap:10px;padding:7px 16px;font-size:13px;display:flex}#command-palette .cp-row:hover,#command-palette .cp-row.is-active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){#command-palette .cp-row:hover,#command-palette .cp-row.is-active{background:color-mix(in oklch,var(--accent) 18%,transparent)}}#command-palette .cp-row-label{flex:1}#command-palette .cp-row-hint{color:var(--text-faint);font-size:11px}#command-palette .cp-empty{text-align:center;color:var(--text-faint);padding:32px 16px;font-size:12px}#command-palette .cp-foot{border-top:1px solid var(--border);color:var(--text-faint);background:var(--surface-2);gap:16px;padding:8px 16px;font-size:10px;display:flex}#command-palette .cp-foot kbd{background:var(--surface-3);border:1px solid var(--border);border-radius:3px;margin:0 2px;padding:0 4px;font-family:ui-monospace,monospace;font-size:10px}#history-panel{z-index:9600;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;flex-direction:column;width:340px;max-height:420px;display:flex;position:fixed;overflow:hidden;box-shadow:0 20px 60px #00000080}#history-panel[hidden]{display:none}#history-panel .hp-head{border-bottom:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;font-weight:600;display:flex}#history-panel .hp-close{border-radius:6px;width:24px;height:24px}#history-panel .hp-list{flex-direction:column;padding:4px 0;display:flex;overflow-y:auto}#history-panel .hp-empty{text-align:center;color:var(--text-faint);padding:24px 16px;font-size:12px}#history-panel .hp-row{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:7px 12px;font-family:inherit;font-size:12px;display:grid}#history-panel .hp-row:hover{background:var(--surface-2)}#history-panel .hp-row-dot{background:var(--accent);opacity:.65;border-radius:50%;width:6px;height:6px}#history-panel .hp-row-desc{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#history-panel .hp-row-time{color:var(--text-faint);font-family:ui-monospace,monospace;font-size:10px}#viewport-frame{position:relative}#viewport-scrubber{cursor:ew-resize;z-index:10;opacity:0;justify-content:center;align-items:center;width:16px;height:100%;transition:opacity .15s;display:flex;position:absolute;top:0;right:-8px}#viewport-frame:hover #viewport-scrubber{opacity:1}#viewport-scrubber .vs-grip{background:var(--accent);border-radius:2px;width:4px;height:54px;box-shadow:0 0 0 1px #00000026}#viewport-scrubber:hover .vs-grip,#viewport-frame[data-scrubbing="1"] #viewport-scrubber .vs-grip{height:72px}#viewport-frame[data-scrubbing="1"] #viewport-scrubber{opacity:1}#viewport-frame[data-device=full] #viewport-scrubber,#viewport-frame[data-device=full] #viewport-scrubber-left{display:none}#viewport-scrubber-left{cursor:ew-resize;z-index:10;opacity:0;justify-content:center;align-items:center;width:16px;height:100%;transition:opacity .15s;display:flex;position:absolute;top:0;left:-8px}#viewport-frame:hover #viewport-scrubber-left{opacity:1}#viewport-scrubber-left .vs-grip{background:var(--accent);border-radius:2px;width:4px;height:54px;box-shadow:0 0 0 1px #00000026}#viewport-scrubber-left:hover .vs-grip,#viewport-frame[data-scrubbing="1"] #viewport-scrubber-left .vs-grip{height:72px}#viewport-frame[data-scrubbing="1"] #viewport-scrubber-left{opacity:1}#viewport-scrubber:before,#viewport-scrubber-left:before{content:"";pointer-events:none;border-radius:4px;position:absolute;inset:0}#viewport-scrubber:before{background:linear-gradient(90deg,#0000,#8080ff0f)}#viewport-scrubber-left:before{background:linear-gradient(270deg,#0000,#8080ff0f)}#viewport-width-display{z-index:10;background:var(--surface);border:1px solid var(--border-strong);color:var(--text);pointer-events:none;border-radius:6px;padding:4px 10px;font-family:ui-monospace,monospace;font-size:11px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000040}.vs-element-measure{z-index:10;background:var(--accent);color:#fff;pointer-events:none;white-space:nowrap;border-radius:5px;padding:3px 8px;font-family:ui-monospace,monospace;font-size:10px;position:absolute;top:32px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}.vs-cq-btn{z-index:11;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:3px 8px;font-family:ui-monospace,monospace;font-size:10px;font-weight:600;transition:opacity .15s,background .15s;position:absolute;top:8px;left:50%;transform:translate(-50%)translate(70px);box-shadow:0 2px 8px #0000004d}.vs-cq-btn:hover{background:var(--accent-strong,var(--accent));filter:brightness(1.15)}#onboarding-tour{z-index:10500;pointer-events:none;position:fixed;inset:0}#onboarding-tour .ob-scrim{pointer-events:auto;background:#00000080;position:absolute;inset:0}#onboarding-tour .ob-spotlight{box-shadow:0 0 0 9999px #0000008c,0 0 0 2px var(--accent),0 0 40px var(--accent-glow);pointer-events:none;border-radius:10px;transition:top .3s,left .3s,width .3s,height .3s;position:absolute}#onboarding-tour .ob-tooltip{background:var(--surface);border:1px solid var(--border-strong);pointer-events:auto;border-radius:10px;width:340px;padding:16px 18px;transition:top .3s,left .3s;position:absolute;box-shadow:0 20px 60px #00000080}#onboarding-tour .ob-step-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px;font-size:10px;font-weight:600}#onboarding-tour .ob-title{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:600}#onboarding-tour .ob-body{color:var(--text-dim);margin-bottom:12px;font-size:12px;line-height:1.5}#onboarding-tour .ob-actions{justify-content:flex-end;gap:8px;display:flex}#onboarding-tour .ob-skip{color:var(--text-dim);background:0 0}.lsd-flash{animation:1.2s ease-out lsd-flash-kf}@keyframes lsd-flash-kf{0%,to{box-shadow:0 0 #0000}30%{box-shadow:0 0 0 3px var(--accent),0 0 20px var(--accent-glow)}}.font-pair-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.font-pair-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 8px;font-size:11px;transition:background .12s,border-color .12s;display:inline-flex}.font-pair-chip:hover{background:var(--surface-3);border-color:var(--border-strong)}.font-pair-chip .font-pair-name{font-weight:500;line-height:1.2}.font-pair-chip .font-pair-vibe{color:var(--text-faint);font-size:10px}.preset-thumb{border:1px solid var(--border);background:var(--surface-2) center / cover no-repeat;border-radius:4px;flex-shrink:0;width:80px;height:50px}.preset-item{align-items:center;gap:8px;display:flex}.preset-item .preset-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.theme-picker.theme-picker-dropdown{position:relative}.theme-picker-button{background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.theme-picker-button:hover{background:var(--surface-3)}.theme-picker-menu{background:var(--surface);border:1px solid var(--border);z-index:50;border-radius:6px;flex-direction:column;min-width:140px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #00000073}.theme-picker-menu button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:5px 8px;font-size:12px}.theme-picker-menu button:hover{background:var(--surface-2)}.theme-picker-menu button.active{color:var(--accent)}.ee-axis-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:3px;flex-shrink:0;padding:0 3px;font-size:8px;font-weight:700;line-height:14px}.ee-axis-badge[data-axis=x]{color:#60a5fa;background:#3b82f633}.ee-axis-badge[data-axis=y]{color:#34d399;background:#10b98133}.ee-axis-badge[data-axis=z]{color:#c084fc;background:#a855f733}.ee-root{flex-direction:column;gap:6px;display:flex}.ee-toolbar{gap:4px;display:flex}.ee-toolbar .ee-new-key{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;flex:1;padding:4px 6px;font-size:11px}.ee-rows{flex-direction:column;display:flex}.ee-row{border-bottom:1px solid var(--border)}@supports (color:color-mix(in lab,red,red)){.ee-row{border-bottom:1px solid color-mix(in oklch,var(--border) 50%,transparent)}}.ee-row{padding:4px 0}.ee-row-head{align-items:center;gap:6px;display:flex}.ee-toggle{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:4px 2px;display:flex}.ee-toggle:hover{background:var(--text)}@supports (color:color-mix(in lab,red,red)){.ee-toggle:hover{background:color-mix(in oklch,var(--text) 4%,transparent)}}.ee-mini .ee-svg{width:40px;height:40px}.ee-key-label{font-family:ui-monospace,monospace;font-size:11px}.ee-value{color:var(--text-faint);margin-left:auto;font-family:ui-monospace,monospace;font-size:10px}.ee-delete{color:var(--color-danger,#ef4444);cursor:pointer;opacity:.6;background:0 0;border:0;padding:4px}.ee-delete:hover{opacity:1}.ee-row-body{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 4px;display:flex}.ee-svg{background:var(--surface-2);border:1px solid var(--border);border-radius:4px}.ee-handle{cursor:grab}.ee-numeric{grid-template-columns:repeat(4,1fr);gap:4px;width:100%;display:grid}.ee-numeric label{color:var(--text-faint);flex-direction:column;gap:2px;font-size:10px;display:flex}.ee-numeric input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:2px 4px;font-size:11px}.ee-nudged{transition:border-color 80ms ease-out;border-color:var(--accent)!important}.ee-demo{background:var(--surface-2);border-radius:3px;width:100%;height:20px;position:relative;overflow:hidden}.ee-dot{background:var(--accent);border-radius:50%;width:14px;height:14px;animation:2s infinite ee-demo-anim;position:absolute;top:3px;left:0}@keyframes ee-demo-anim{0%{left:0}to{left:calc(100% - 14px)}}.ee-row input,.ee-row select,#ee-search,#ee-media{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:2px 4px;font-size:11px}.ee-row input[type=color]{border:none;padding:0}.ee-raw{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:3px;padding:4px 6px;font-family:ui-monospace,monospace;font-size:10px}.kf-root{flex-direction:column;gap:6px;display:flex}.kf-toolbar{gap:4px;display:flex}.kf-toolbar .kf-new-key{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;flex:1;padding:4px 6px;font-size:11px}.kf-row{border-bottom:1px solid var(--border)}@supports (color:color-mix(in lab,red,red)){.kf-row{border-bottom:1px solid color-mix(in oklch,var(--border) 50%,transparent)}}.kf-row{padding:4px 0}.kf-row-head{align-items:center;gap:6px;display:flex}.kf-toggle{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:4px 2px;display:flex}.kf-key-label{font-family:ui-monospace,monospace;font-size:11px}.kf-dur,.kf-stops{color:var(--text-faint);font-size:10px}.kf-stops{margin-left:auto}.kf-delete{color:var(--color-danger,#ef4444);cursor:pointer;opacity:.6;background:0 0;border:0;padding:4px}.kf-row-body{flex-direction:column;gap:8px;padding:8px 4px;display:flex}.kf-meta{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.kf-meta label{color:var(--text-faint);flex-direction:column;gap:2px;font-size:10px;display:flex}.kf-meta input,.kf-meta select{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:2px 4px;font-size:11px}.kf-preview{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;height:32px;position:relative;overflow:hidden}.kf-ball{background:var(--accent);border-radius:50%;width:20px;height:20px;position:absolute;top:6px;left:10px}.kf-timeline{background:var(--surface-2);border:1px solid var(--border);cursor:crosshair;border-radius:4px;height:22px;position:relative}.kf-marker{background:var(--accent);color:var(--surface);border-radius:2px;padding:1px 3px;font-size:9px;line-height:1.5;position:absolute;top:0;transform:translate(-50%)}.kf-stops-list{flex-direction:column;gap:4px;display:flex}.kf-stop{grid-template-columns:auto 1fr auto;align-items:center;gap:6px;display:grid}.kf-stop-at{color:var(--text-faint);align-items:center;gap:4px;font-size:10px;display:inline-flex}.kf-stop-at input{background:var(--surface);border:1px solid var(--border);width:48px;color:var(--text);border-radius:3px;padding:2px 4px;font-size:11px}.kf-stop-props{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:10px}.kf-stop-del{color:var(--color-danger,#ef4444);cursor:pointer;opacity:.6;background:0 0;border:0;padding:4px}.grad-root{flex-direction:column;gap:6px;display:flex}.grad-toolbar{gap:4px;display:flex}.grad-toolbar .grad-new-key{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;flex:1;padding:4px 6px;font-size:11px}.grad-row{border-bottom:1px solid var(--border)}@supports (color:color-mix(in lab,red,red)){.grad-row{border-bottom:1px solid color-mix(in oklch,var(--border) 50%,transparent)}}.grad-row{padding:4px 0}.grad-row-head{align-items:center;gap:6px;display:flex}.grad-toggle{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:4px 2px;display:flex}.grad-chip{border:1px solid var(--border);border-radius:3px;width:32px;height:18px;display:inline-block}.grad-key-label{font-family:ui-monospace,monospace;font-size:11px}.grad-delete{color:var(--color-danger,#ef4444);cursor:pointer;opacity:.6;background:0 0;border:0;padding:4px}.grad-row-body{flex-direction:column;gap:8px;padding:8px 4px;display:flex}.grad-preview{border:1px solid var(--border);border-radius:6px;width:200px;height:120px}.grad-meta{flex-wrap:wrap;gap:8px;display:flex}.grad-meta label{color:var(--text-faint);flex-direction:column;gap:2px;font-size:10px;display:flex}.grad-meta input,.grad-meta select{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:2px 4px;font-size:11px}.grad-stops{flex-direction:column;gap:4px;display:flex}.grad-stop{grid-template-columns:auto 1fr 60px auto;align-items:center;gap:6px;display:grid}.grad-stop select,.grad-stop input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:2px 4px;font-size:11px}.grad-stop-del{color:var(--color-danger,#ef4444);cursor:pointer;opacity:.6;background:0 0;border:0;padding:4px}.grad-raw{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:3px;padding:4px 6px;font-family:ui-monospace,monospace;font-size:10px}.bpm-root{flex-direction:column;gap:8px;display:flex}.bpm-toolbar{gap:4px;display:flex}.bpm-toolbar input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:4px 6px;font-size:11px}.bpm-new-key{flex:1}.bpm-new-val{width:72px}.bpm-scrubber{padding:4px 2px}.bpm-bar{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;height:24px;position:relative}.bpm-marker{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.bpm-tick{background:var(--accent);width:2px;height:100%}.bpm-label{color:var(--text-faint);font-family:ui-monospace,monospace;font-size:9px;position:absolute;top:-14px}.bpm-axis{color:var(--text-faint);justify-content:space-between;margin-top:2px;padding:0 2px;font-size:9px;display:flex}.bpm-rows{flex-direction:column;gap:4px;display:flex}.bpm-row{grid-template-columns:80px 1fr 60px 20px auto auto;align-items:center;gap:6px;display:grid}.bpm-row input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:2px 4px;font-size:11px}.bpm-row--err{box-shadow:inset 0 0 0 1px var(--color-danger,#ef4444)}@supports (color:color-mix(in lab,red,red)){.bpm-row--err{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-danger,#ef4444) 45%,transparent)}}.bpm-row--err{border-radius:4px}.bpm-row--warn{box-shadow:inset 0 0 0 1px var(--color-warning,#f59e0b)}@supports (color:color-mix(in lab,red,red)){.bpm-row--warn{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-warning,#f59e0b) 35%,transparent)}}.bpm-row--warn{border-radius:4px}.bpm-unit{color:var(--text-faint);font-size:10px}.bpm-delete{color:var(--color-danger,#ef4444);cursor:pointer;opacity:.6;background:0 0;border:0;padding:4px}.bpm-badge{cursor:help;border:1px solid #0000;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.2}.bpm-badge--err{background:var(--color-danger,#ef4444)}@supports (color:color-mix(in lab,red,red)){.bpm-badge--err{background:color-mix(in oklch,var(--color-danger,#ef4444) 18%,transparent)}}.bpm-badge--err{color:var(--color-danger,#ef4444);border-color:var(--color-danger,#ef4444)}@supports (color:color-mix(in lab,red,red)){.bpm-badge--err{border-color:color-mix(in oklch,var(--color-danger,#ef4444) 30%,transparent)}}.bpm-badge--warn{background:var(--color-warning,#f59e0b)}@supports (color:color-mix(in lab,red,red)){.bpm-badge--warn{background:color-mix(in oklch,var(--color-warning,#f59e0b) 18%,transparent)}}.bpm-badge--warn{color:var(--color-warning,#f59e0b);border-color:var(--color-warning,#f59e0b)}@supports (color:color-mix(in lab,red,red)){.bpm-badge--warn{border-color:color-mix(in oklch,var(--color-warning,#f59e0b) 30%,transparent)}}.bpm-status{border:1px solid var(--border);border-radius:4px;padding:4px 6px;font-size:10px}.bpm-status--ok{color:var(--text-faint);font-style:italic}.bpm-status--issues{background:var(--surface-2,#ffffff08)}.bpm-status-summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:flex}.bpm-status-summary::-webkit-details-marker{display:none}.bpm-status-summary:before{content:"▸";color:var(--text-faint);font-size:9px;transition:transform .12s}.bpm-status[open] .bpm-status-summary:before{transform:rotate(90deg)}.bpm-status-chip{text-transform:uppercase;letter-spacing:.06em;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.bpm-status-chip--err{background:var(--color-danger,#ef4444);color:#fff}.bpm-status-chip--warn{background:var(--color-warning,#f59e0b);color:#0a0a18}.bpm-status-list{flex-direction:column;gap:2px;margin:4px 0 0;padding:0;list-style:none;display:flex}.bpm-status-line{border-left:2px solid #0000;padding:2px 0 2px 6px}.bpm-status-line--err{border-left-color:var(--color-danger,#ef4444)}.bpm-status-line--warn{border-left-color:var(--color-warning,#f59e0b)}.bpm-status-line code{color:var(--text);padding:0 2px;font-size:10px}.cd-root{flex-direction:column;gap:6px;display:flex}.cd-toolbar{flex-wrap:wrap;gap:4px;display:flex}.cd-toolbar input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:4px 6px;font-size:11px}.cd-new-name{flex:1;min-width:0}.cd-list{flex-direction:column;gap:6px;display:flex}.cd-empty{color:var(--text-faint);border:1px dashed var(--border);border-radius:4px;margin:0;padding:6px 8px;font-size:10px}.cd-empty--sub{border:0;padding:4px 2px}.cd-container{border:1px solid var(--border);background:var(--surface-2,#ffffff08);border-radius:4px;overflow:hidden}.cd-container--err{border-color:var(--color-danger,#ef4444)}@supports (color:color-mix(in lab,red,red)){.cd-container--err{border-color:color-mix(in oklch,var(--color-danger,#ef4444) 40%,var(--border))}}.cd-container--warn{border-color:var(--color-warning,#f59e0b)}@supports (color:color-mix(in lab,red,red)){.cd-container--warn{border-color:color-mix(in oklch,var(--color-warning,#f59e0b) 35%,var(--border))}}.cd-container-summary{cursor:pointer;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:6px;padding:6px 8px;list-style:none;display:grid}.cd-container-summary::-webkit-details-marker{display:none}.cd-container-summary:before{content:"▸";color:var(--text-faint);font-size:10px;transition:transform .12s}.cd-container[open] .cd-container-summary:before{transform:rotate(90deg)}.cd-container-name{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text);font-size:11px;font-weight:600}.cd-container-type{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);background:var(--surface);border-radius:3px;padding:1px 5px;font-size:9px}.cd-container-count{color:var(--text-dim);text-align:right;font-size:10px}.cd-container-delete{color:var(--color-danger,#ef4444);cursor:pointer;opacity:.6;background:0 0;border:0;padding:4px}.cd-container-delete:hover{opacity:1}.cd-container-apply{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;border-radius:3px;padding:2px 8px;font-size:10px;font-weight:600}.cd-container-apply:hover{color:var(--text);border-color:var(--accent,#7c5cff);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.cd-container-apply:hover{background:color-mix(in oklch,var(--accent) 10%,var(--surface))}}.cd-container-body{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:8px;display:flex}.cd-container-meta{grid-template-columns:1fr 1fr;gap:6px;display:grid}.cd-meta-field{flex-direction:column;gap:2px;display:flex}.cd-meta-field--wide{grid-column:1/-1}.cd-meta-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:9px}.cd-container-meta input,.cd-container-meta select{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:3px 5px;font-size:11px}.cd-thresholds{flex-direction:column;gap:4px;display:flex}.cd-thresholds-head{justify-content:space-between;align-items:center;display:flex}.cd-thresholds-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:10px}.cd-threshold{grid-template-columns:100px 80px 20px auto auto;align-items:center;gap:6px;display:grid}.cd-threshold--err{box-shadow:inset 0 0 0 1px var(--color-danger,#ef4444)}@supports (color:color-mix(in lab,red,red)){.cd-threshold--err{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-danger,#ef4444) 45%,transparent)}}.cd-threshold--err{border-radius:3px}.cd-threshold--warn{box-shadow:inset 0 0 0 1px var(--color-warning,#f59e0b)}@supports (color:color-mix(in lab,red,red)){.cd-threshold--warn{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-warning,#f59e0b) 35%,transparent)}}.cd-threshold--warn{border-radius:3px}.cd-threshold input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:2px 4px;font-size:11px}.cd-threshold-unit{color:var(--text-faint);font-size:10px}.cd-threshold-delete{color:var(--color-danger,#ef4444);cursor:pointer;opacity:.6;background:0 0;border:0;padding:4px}.cd-apply-hint{color:var(--text-faint);margin:0;font-size:10px;line-height:1.5}.cd-apply-hint code{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text);background:var(--surface);border-radius:2px;padding:0 2px;font-size:10px}.cd-badge{cursor:help;border:1px solid #0000;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.2}.cd-badge--err{background:var(--color-danger,#ef4444)}@supports (color:color-mix(in lab,red,red)){.cd-badge--err{background:color-mix(in oklch,var(--color-danger,#ef4444) 18%,transparent)}}.cd-badge--err{color:var(--color-danger,#ef4444);border-color:var(--color-danger,#ef4444)}@supports (color:color-mix(in lab,red,red)){.cd-badge--err{border-color:color-mix(in oklch,var(--color-danger,#ef4444) 30%,transparent)}}.cd-badge--warn{background:var(--color-warning,#f59e0b)}@supports (color:color-mix(in lab,red,red)){.cd-badge--warn{background:color-mix(in oklch,var(--color-warning,#f59e0b) 18%,transparent)}}.cd-badge--warn{color:var(--color-warning,#f59e0b);border-color:var(--color-warning,#f59e0b)}@supports (color:color-mix(in lab,red,red)){.cd-badge--warn{border-color:color-mix(in oklch,var(--color-warning,#f59e0b) 30%,transparent)}}.cd-status{border:1px solid var(--border);border-radius:4px;padding:4px 6px;font-size:10px}.cd-status--ok{color:var(--text-faint);font-style:italic}.cd-status--issues{background:var(--surface-2,#ffffff08)}.cd-status-summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:flex}.cd-status-summary::-webkit-details-marker{display:none}.cd-status-summary:before{content:"▸";color:var(--text-faint);font-size:9px;transition:transform .12s}.cd-status[open] .cd-status-summary:before{transform:rotate(90deg)}.cd-status-chip{text-transform:uppercase;letter-spacing:.06em;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.cd-status-chip--err{background:var(--color-danger,#ef4444);color:#fff}.cd-status-chip--warn{background:var(--color-warning,#f59e0b);color:#0a0a18}.cd-status-list{flex-direction:column;gap:2px;margin:4px 0 0;padding:0;list-style:none;display:flex}.cd-status-line{border-left:2px solid #0000;padding:2px 0 2px 6px}.cd-status-line--err{border-left-color:var(--color-danger,#ef4444)}.cd-status-line--warn{border-left-color:var(--color-warning,#f59e0b)}.cd-status-line code{color:var(--text);padding:0 2px;font-size:10px}.section-hint{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:9px;font-weight:400}.cw-root{flex-direction:column;gap:6px;display:flex}.cw-presets{flex-wrap:wrap;align-items:center;gap:4px;padding-block:2px;display:flex}.cw-presets-label{opacity:.7;margin-inline-end:2px;font-size:10px}.cw-preset{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;padding:3px 8px;font-size:11px}.cw-preset:hover{background:var(--bg);border-color:currentColor}.cw-page-bind{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.cw-page-bind-label{font-size:11px;font-weight:600}.cw-page-bind-select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:3px 6px;font-size:11px}.cw-page-bind-hint{opacity:.6;flex-basis:100%;font-size:10px}.cw-toolbar{gap:4px;display:flex}.cw-toolbar input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:4px 6px;font-size:11px}.cw-new-name{flex:1}.cw-new-val{width:90px}.cw-hint{color:var(--text-faint);margin:0;font-size:10px;line-height:1.5}.cw-hint code{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text);background:var(--surface);border-radius:2px;padding:0 2px;font-size:10px}.cw-rows{flex-direction:column;gap:6px;display:flex}.cw-empty{color:var(--text-faint);border:1px dashed var(--border);border-radius:4px;margin:0;padding:6px 8px;font-size:10px}.cw-row{border:1px solid var(--border);background:var(--surface-2,#ffffff08);border-radius:4px;flex-direction:column;gap:6px;padding:6px 8px;display:flex}.cw-row--responsive{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.cw-row--responsive{border-color:color-mix(in oklch,var(--accent) 30%,var(--border))}}.cw-row-main{grid-template-columns:1fr 90px auto auto auto;align-items:center;gap:6px;display:grid}.cw-row-main input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:3px 5px;font-size:11px}.cw-emit{color:var(--text-faint);font-size:10px;font-family:var(--font-mono,ui-monospace, Menlo, monospace)}.cw-expand{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:3px;padding:2px 6px;font-size:10px}.cw-expand:hover{color:var(--text);border-color:var(--accent,#7c5cff)}.cw-delete{color:var(--color-danger,#ef4444);cursor:pointer;opacity:.6;background:0 0;border:0;padding:4px}.cw-delete:hover{opacity:1}.cw-row-body{border-top:1px dashed var(--border);flex-direction:column;gap:4px;padding-top:4px;display:flex}.cw-override-list{flex-direction:column;gap:3px;display:flex}.cw-override{grid-template-columns:1fr 90px auto;align-items:center;gap:6px;display:grid}.cw-override-label{color:var(--text-dim);font-size:10px;font-family:var(--font-mono,ui-monospace, Menlo, monospace)}.cw-override-val{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:2px 5px;font-size:11px}.cw-override-delete{color:var(--color-danger,#ef4444);cursor:pointer;opacity:.6;background:0 0;border:0;padding:2px}.cw-override-empty,.cw-override-hint{color:var(--text-faint);margin:0;font-size:10px;font-style:italic}.cw-override-add{grid-template-columns:1fr 90px auto;gap:6px;display:grid}.cw-override-add select,.cw-override-add input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:3px 5px;font-size:11px}.gt-root{flex-direction:column;gap:8px;display:flex}.gt-hint{color:var(--text-faint);margin:0;font-size:10px;line-height:1.5}.gt-hint code{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text);background:var(--surface);border-radius:2px;padding:0 2px;font-size:10px}.gt-base{background:var(--surface-2,#ffffff08);border:1px solid var(--border);border-radius:4px;grid-template-columns:auto 100px 1fr auto;align-items:center;gap:6px;padding:6px;display:grid}.gt-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:10px}.gt-base-val{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:3px 5px;font-size:11px}.gt-emit{color:var(--text-faint);font-size:10px;font-family:var(--font-mono,ui-monospace, Menlo, monospace);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gt-reset{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;padding:2px 6px;font-size:10px}.gt-reset:hover{color:var(--text);border-color:var(--color-danger,#ef4444)}.gt-overrides{background:var(--surface-2,#ffffff08);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:4px;padding:6px;display:flex}.gt-overrides-head{align-items:center;gap:6px;display:flex}.gt-overrides-count{background:var(--accent);border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}@supports (color:color-mix(in lab,red,red)){.gt-overrides-count{background:color-mix(in oklch,var(--accent) 20%,transparent)}}.gt-overrides-count{color:var(--text)}.gt-override-list{flex-direction:column;gap:3px;display:flex}.gt-override{grid-template-columns:1fr 90px auto;align-items:center;gap:6px;display:grid}.gt-override-label{color:var(--text-dim);font-size:10px;font-family:var(--font-mono,ui-monospace, Menlo, monospace)}.gt-override-val{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:2px 5px;font-size:11px}.gt-override-delete{color:var(--color-danger,#ef4444);cursor:pointer;opacity:.6;background:0 0;border:0;padding:2px}.gt-empty{color:var(--text-faint);margin:0;padding:4px 0;font-size:10px;font-style:italic}.gt-override-add{grid-template-columns:1fr 90px auto;gap:6px;display:grid}.gt-override-add select,.gt-override-add input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:3px 5px;font-size:11px}.bl-root{flex-direction:column;gap:8px;display:flex}.bl-toolbar{gap:6px;display:flex}.bl-search{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;flex:1;padding:5px 8px;font-size:11px}.bl-categories{flex-wrap:wrap;gap:4px;display:flex}.bl-cat{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:3px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;display:inline-flex}.bl-cat:hover{color:var(--text);border-color:var(--accent,#7c5cff)}.bl-cat.is-active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bl-cat.is-active{background:color-mix(in oklch,var(--accent) 25%,transparent)}}.bl-cat.is-active{color:var(--text);border-color:var(--accent,#7c5cff);font-weight:600}.bl-cat-count{background:var(--surface-2);border-radius:999px;padding:0 4px;font-size:9px}@supports (color:color-mix(in lab,red,red)){.bl-cat-count{background:color-mix(in oklch,var(--surface-2) 80%,transparent)}}.bl-cat-count{color:var(--text-faint)}.bl-hint{color:var(--text-faint);margin:0;font-size:10px;line-height:1.5}.bl-grid{grid-template-columns:1fr;gap:6px;display:grid}.bl-empty{color:var(--text-faint);text-align:center;border:1px dashed var(--border);border-radius:4px;margin:0;padding:10px;font-size:11px}.bl-card{border:1px solid var(--border);background:var(--surface-2,#ffffff08);border-radius:5px;flex-direction:column;gap:4px;padding:8px;display:flex}.bl-card-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.bl-card-cat{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:9px;font-weight:700}.bl-card-name{color:var(--text);margin:0;font-size:12px;font-weight:600}.bl-card-desc{color:var(--text-dim);margin:0;font-size:11px;line-height:1.4}.bl-card-meta{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:10px;display:flex}.bl-card-meta-label{text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700}.bl-card-meta code{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text);background:var(--surface);border-radius:2px;padding:0 3px;font-size:10px}.bl-card-nesting{color:#b45309;background:#d977062e;border:1px solid oklch(66.584% .157422 58.3184/.35);border-radius:3px;align-self:flex-start;padding:2px 6px;font-size:9.5px;font-weight:600;display:inline-flex}.bl-card-actions{gap:6px;margin-top:4px;display:flex}.bl-insert,.bl-copy-html{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;border-radius:3px;flex:1;padding:4px 8px;font-size:10px;font-weight:600}.bl-insert:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bl-insert:hover{background:color-mix(in oklch,var(--accent) 20%,var(--surface))}}.bl-insert:hover{color:var(--text);border-color:var(--accent,#7c5cff)}.bl-copy-html:hover{color:var(--text);border-color:var(--border)}.bl-emmet-pos-row{gap:2px;margin-bottom:4px;display:flex}.bl-emmet-pos{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:1;padding:3px 6px;font-size:10px;font-weight:500}.bl-emmet-pos:hover{color:var(--text)}.bl-emmet-pos.is-active{background:var(--accent,#7c5cff)}@supports (color:color-mix(in lab,red,red)){.bl-emmet-pos.is-active{background:color-mix(in oklch,var(--accent,#7c5cff) 30%,transparent)}}.bl-emmet-pos.is-active{border-color:var(--accent,#7c5cff);color:var(--text)}.bl-emmet-field-row{gap:4px;display:flex}.bl-emmet-field-row .bl-emmet-input{flex:1}.bl-emmet-preview{background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-mono,ui-monospace, Menlo, monospace);white-space:pre-wrap;max-height:80px;color:var(--text-dim);border-radius:4px;margin-top:4px;margin-bottom:0;padding:4px 6px;font-size:9px;line-height:1.35;overflow:hidden}#responsive-toolbar-slot{width:100%}.rtb-root{background:var(--surface-2,#ffffff08);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 8px 0;padding:6px 10px;font-size:11px;display:flex}.rtb-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:10px;font-weight:600}.rtb-group{border-left:1px solid var(--border);align-items:center;gap:3px;padding:0 6px;display:inline-flex}.rtb-group:first-of-type{border-left:0;padding-left:0}.rtb-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-right:4px;font-size:9px}.rtb-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;font-size:10px;font-family:var(--font-mono,ui-monospace, Menlo, monospace);white-space:nowrap;border-radius:3px;padding:3px 8px;transition:background .12s,border-color .12s,color .12s}.rtb-chip:hover{color:var(--text);border-color:var(--accent,#7c5cff)}.rtb-chip.is-active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.rtb-chip.is-active{background:color-mix(in oklch,var(--accent) 25%,transparent)}}.rtb-chip.is-active{border-color:var(--accent,#7c5cff);color:var(--text);font-weight:600}.rtb-chip--base.is-active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 10px var(--accent)}@supports (color:color-mix(in lab,red,red)){.rtb-chip--base.is-active{box-shadow:0 2px 10px color-mix(in oklch,var(--accent) 40%,transparent)}}.rtb-chip--base.is-active{font-weight:600}.rtb-chip--viewport.is-active{background:var(--color-info,#5bb6ff)}@supports (color:color-mix(in lab,red,red)){.rtb-chip--viewport.is-active{background:color-mix(in oklch,var(--color-info,#5bb6ff) 25%,transparent)}}.rtb-chip--viewport.is-active{border-color:var(--color-info,#5bb6ff)}@supports (color:color-mix(in lab,red,red)){.rtb-chip--viewport.is-active{border-color:color-mix(in oklch,var(--color-info,#5bb6ff) 60%,transparent)}}.rtb-chip--container.is-active{background:var(--accent,#7c5cff)}@supports (color:color-mix(in lab,red,red)){.rtb-chip--container.is-active{background:color-mix(in oklch,var(--accent,#7c5cff) 25%,transparent)}}.rtb-chip--container.is-active{border-color:var(--accent,#7c5cff)}@supports (color:color-mix(in lab,red,red)){.rtb-chip--container.is-active{border-color:color-mix(in oklch,var(--accent,#7c5cff) 60%,transparent)}}.rtb-chip--style.is-active{background:var(--color-success,#59d499)}@supports (color:color-mix(in lab,red,red)){.rtb-chip--style.is-active{background:color-mix(in oklch,var(--color-success,#59d499) 25%,transparent)}}.rtb-chip--style.is-active{border-color:var(--color-success,#59d499)}@supports (color:color-mix(in lab,red,red)){.rtb-chip--style.is-active{border-color:color-mix(in oklch,var(--color-success,#59d499) 60%,transparent)}}.rtb-hint{color:var(--text-faint);margin-left:auto;font-size:10px}.rtb-hint code{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text);background:var(--surface);border-radius:2px;padding:0 3px;font-size:10px}#viewport-frame.is-rtb-preview{outline:2px solid var(--color-info,#5bb6ff)}@supports (color:color-mix(in lab,red,red)){#viewport-frame.is-rtb-preview{outline:2px solid color-mix(in oklch,var(--color-info,#5bb6ff) 60%,transparent)}}#viewport-frame.is-rtb-preview{outline-offset:-2px}.ee-responsive-context{border:1px solid var(--border);background:var(--surface-2,#ffffff08);border-radius:5px;flex-direction:column;gap:4px;margin-bottom:8px;padding:6px 8px;display:flex}.ee-rc-head{align-items:center;gap:6px;display:flex}.ee-rc-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:10px}.ee-rc-badge{background:var(--surface);color:var(--text-faint);font-size:10px;font-family:var(--font-mono,ui-monospace, Menlo, monospace);border-radius:3px;padding:1px 6px}.ee-rc-badge--active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.ee-rc-badge--active{background:color-mix(in oklch,var(--accent) 25%,transparent)}}.ee-rc-badge--active{color:var(--text);border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.ee-rc-badge--active{border:1px solid color-mix(in oklch,var(--accent) 40%,transparent)}}.ee-rc-select{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:3px 5px;font-size:11px}.ee-rc-hint{color:var(--text-faint);margin:0;font-size:10px;line-height:1.4}.ee-rc-hint code{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text);background:var(--surface);border-radius:2px;padding:0 2px;font-size:10px}.ar-root{flex-direction:column;gap:6px;display:flex}.ar-toolbar{gap:4px;display:flex}.ar-toolbar input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:4px 6px;font-size:11px}.ar-new-key{flex:1}.ar-new-val{width:72px}.ar-rows{flex-direction:column;gap:4px;display:flex}.ar-row{grid-template-columns:80px 80px 60px auto;align-items:center;gap:6px;display:grid}.ar-row input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:2px 4px;font-size:11px}.ar-preview{border:1px solid var(--border);background:var(--surface-2);border-radius:3px;justify-content:center;align-items:center;display:flex}.ar-preview-inner{background:var(--accent);opacity:.5;border-radius:2px}.ar-delete{color:var(--color-danger,#ef4444);cursor:pointer;opacity:.6;background:0 0;border:0;padding:4px}#btn-grid.active{color:var(--accent);border-color:var(--accent)}.lsd-grad-grid{gap:var(--space-lg,16px);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.lsd-grad-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:transform .15s;overflow:hidden}.lsd-grad-card:hover{transform:translateY(-2px)}.lsd-grad-swatch{height:120px}.lsd-grad-info{padding:var(--space-sm,8px) var(--space-md,12px);flex-direction:column;gap:2px;display:flex}.lsd-grad-name{font-size:13px;font-weight:600}.lsd-grad-var{font-family:var(--font-mono,ui-monospace, monospace);color:var(--color-text);opacity:.7;font-size:11px}@media(max-width:900px){#app[data-drawer=open] #drawer{z-index:100;width:min(85vw,380px);position:fixed;top:0;bottom:0;left:0;box-shadow:0 12px 40px #00000059}#app[data-drawer=open]:before{content:"";z-index:99;pointer-events:none;background:#00000059;position:fixed;inset:0}#drawer-resize,.brand-sub,.anim-picker,#tb-framework,#tb-base,.ferretdev-tag span,#preview-source-slot,#btn-grid #btn-grid-label{display:none}.theme-picker button{min-width:22px;padding:4px 6px;font-size:11px}}@media(max-width:600px){.save-chip .save-text,.cmd-launch span,.cmd-launch kbd,#btn-history{display:none}.brand{font-size:12px}.brand-logo{width:16px;height:16px}.anim-picker,#history-group{display:none}.cmd-launch{padding:4px 8px}}@media(max-width:420px){.history-group,.ferretdev-tag,.brand,.save-chip,#btn-grid{display:none}.theme-picker button{min-width:20px;padding:3px 5px;font-size:10px}}.preview-source-chip{cursor:pointer;color:var(--text-dim);gap:6px;padding:4px 10px}.preview-source-chip:hover{color:var(--text);border-color:var(--border-strong)}.preview-source-chip.active{color:var(--accent);border-color:var(--accent)}.preview-source-pop{background:var(--surface);border:1px solid var(--border-strong);width:360px;max-width:calc(100vw - 24px);color:var(--text);border-radius:10px;flex-direction:column;gap:10px;padding:12px;font-size:12px;display:flex;box-shadow:0 12px 32px #00000080}.preview-source-pop .ps-title{text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);font-size:10px;font-weight:600}.preview-source-pop .ps-row{cursor:pointer;align-items:center;gap:8px;padding:4px 0;display:flex}.preview-source-pop .ps-row input{accent-color:var(--accent)}.preview-source-pop .ps-field{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:4px;display:flex}.preview-source-pop .ps-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);font-size:10px;font-weight:600}.preview-source-pop .ps-input,.preview-source-pop .ps-textarea{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:6px;width:100%;padding:6px 8px;font-family:ui-monospace,monospace;font-size:12px}.preview-source-pop .ps-textarea{resize:vertical;min-height:120px}.preview-source-pop .ps-hint{color:var(--text-faint);font-size:10px}.preview-source-pop .ps-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:6px;padding-top:4px;display:flex}.preview-source-pop .ps-actions button{background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:11px}.preview-source-pop .ps-actions .ps-apply{background:var(--accent);border-color:var(--accent);color:var(--text)}.preview-source-pop .ps-actions button:hover{filter:brightness(1.1)}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tb-item{align-items:center;display:inline-flex}.chip-icon{padding:4px 6px!important}.chip-icon .chip-label-hidden{display:none}.save-chip-dot{background:0 0!important;border:none!important;padding:4px!important}.save-chip-dot .save-text{display:none}.save-chip-dot .save-dot{width:8px;height:8px}.tb-overflow-wrap,.tb-config-wrap{display:inline-flex;position:relative}.tb-overflow-menu,.tb-config-menu{background:var(--surface);border:1px solid var(--border);z-index:100;border-radius:8px;flex-direction:column;gap:4px;min-width:180px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 20px #0000004d}.tb-overflow-menu .tb-item{width:100%;display:flex}.tb-cfg-head{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);padding:4px 6px;font-size:10px}.tb-cfg-row{color:var(--text);justify-content:space-between;align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:flex}.tb-cfg-row select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 4px;font-size:11px}#docs-panel{z-index:9999;position:fixed;inset:0}#docs-panel[hidden]{display:none!important}#docs-panel .dp-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060cb8;position:absolute;inset:0}#docs-panel .dp-card{background:var(--surface);border:1px solid var(--border);width:min(1100px,92vw);height:80vh;color:var(--text);border-radius:12px;grid-template-columns:220px 1fr;margin:10vh auto 0;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 64px #0009}#docs-panel .dp-side{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}#docs-panel .dp-side-head{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);padding:14px 16px;font-size:.78rem;font-weight:700}#docs-panel .dp-nav{flex-direction:column;flex:1;gap:2px;padding:8px 6px;display:flex;overflow-y:auto}#docs-panel .dp-nav-item{appearance:none;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-family:inherit;font-size:.92rem}#docs-panel .dp-nav-item:hover{background:#ffffff0a}#docs-panel .dp-nav-item.is-active{background:var(--accent);color:#fff}#docs-panel .dp-nav-div{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:14px 12px 6px;font-size:.68rem}#docs-panel .dp-main{padding:28px 36px 48px;position:relative;overflow-y:auto}#docs-panel .dp-close{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text);cursor:pointer;border-radius:50%;font-size:18px;line-height:1;position:absolute;top:12px;right:14px}#docs-panel .dp-close:hover{background:var(--surface-2)}#docs-panel .dp-content{max-width:760px}#docs-panel .dp-doc h2,#docs-panel .dp-doc h3,#docs-panel .dp-doc h4{color:var(--text)}#docs-panel .dp-h2{margin:0 0 12px;font-size:1.5rem;font-weight:700}#docs-panel .dp-h3{margin:24px 0 8px;font-size:1.15rem;font-weight:600}#docs-panel .dp-h4{color:var(--text-dim);margin:18px 0 6px;font-size:1rem;font-weight:600}#docs-panel .dp-p{color:var(--text);margin:0 0 12px;line-height:1.6}#docs-panel .dp-ul{color:var(--text);margin:0 0 14px;padding-left:20px;line-height:1.6}#docs-panel .dp-ul li{margin-bottom:4px}#docs-panel .dp-ic{background:var(--surface-2);color:var(--accent);border-radius:4px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}#docs-panel .dp-code{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;margin:0 0 14px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.5;overflow-x:auto}#docs-panel .dp-code code{color:inherit;background:0 0;padding:0}#docs-panel .dp-snip-grid,#docs-panel .dp-comp-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;max-width:100%;margin-top:8px;display:grid}#docs-panel .dp-snip,#docs-panel .dp-comp-card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}#docs-panel .dp-snip-head{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:10px 12px;display:flex}#docs-panel .dp-snip-name{font-size:.95rem;font-weight:600}#docs-panel .dp-snip-cat,#docs-panel .dp-comp-cat{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.72rem}#docs-panel .dp-tabs{flex-wrap:wrap;gap:4px;display:flex}#docs-panel .dp-tab{appearance:none;background:var(--bg);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:.72rem}#docs-panel .dp-tab:hover{color:var(--text)}#docs-panel .dp-tab.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}#docs-panel .dp-snip-iframe,#docs-panel .dp-comp-iframe{background:var(--bg);border:0;width:100%;height:220px}#docs-panel .dp-comp-iframe{height:320px}#docs-panel .dp-snip-foot,#docs-panel .dp-comp-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}#docs-panel .dp-btn{appearance:none;background:var(--bg);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:5px;padding:4px 10px;font-family:inherit;font-size:.8rem}#docs-panel .dp-btn:hover{background:var(--surface-3)}#docs-panel .dp-btn.is-copied{background:var(--accent);color:#fff;border-color:var(--accent)}#docs-panel .dp-note{color:var(--text-faint);font-size:.72rem}#docs-panel .dp-comp-card{appearance:none;text-align:left;cursor:pointer;color:var(--text);gap:8px;padding:14px;font-family:inherit}#docs-panel .dp-comp-card:hover{border-color:var(--accent);background:var(--surface-3)}#docs-panel .dp-comp-name{font-size:1rem;font-weight:600}#docs-panel .dp-comp-tags{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}#docs-panel .dp-chip{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:1px 8px;font-size:.7rem}#docs-panel .dp-comp-desc{color:var(--text-dim);font-size:.82rem;line-height:1.5}#docs-panel .dp-comp-detail{max-width:100%}#docs-panel .dp-back{appearance:none;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:.88rem}#docs-panel .dp-comp-detail-head{margin-bottom:16px}#docs-panel .dp-tokens{margin-top:24px}#docs-panel .dp-tok-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}#docs-panel .dp-tok-row{background:var(--surface-2);border-radius:6px;align-items:center;gap:10px;padding:6px 10px;font-size:.85rem;display:flex}#docs-panel .dp-tok-dot{border-radius:50%;flex:none;width:8px;height:8px}#docs-panel .dp-tok-row.is-ok .dp-tok-dot{background:#10b981}#docs-panel .dp-tok-row.is-miss .dp-tok-dot{background:#ef4444}#docs-panel .dp-tok-row.is-miss{border:1px solid #ef44444d}#docs-panel .dp-tok-val{color:var(--text-dim);margin-left:auto;font-family:ui-monospace,monospace;font-size:.8rem}@media(max-width:760px){#docs-panel .dp-card{grid-template-columns:1fr;height:92vh;margin-top:4vh}#docs-panel .dp-side{max-height:140px}#docs-panel .dp-main{padding:20px}}#app[data-layout=builder]{grid-template-columns:280px 1fr 360px}#app[data-layout=builder] #drawer,#app[data-layout=builder] #drawer-resize{display:none}#app[data-layout=builder] #bw-left-rail{grid-area:1/1}#app[data-layout=builder] #stage{grid-area:1/2}#app[data-layout=builder] #bw-right-panel{grid-area:1/3}#bw-left-rail{background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}#bw-left-rail[hidden]{display:none}.bw-rail-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.bw-tab{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:5px 8px;font-family:inherit;font-size:10px;font-weight:600;transition:color .15s,border-color .15s}.bw-tab:hover{color:var(--text)}.bw-tab.active{color:var(--text);border-bottom-color:var(--accent)}.bw-rail-body{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;flex:1;padding:4px 8px 12px;overflow-y:auto}.bw-rail-pane[hidden]{display:none}.bw-panel-close{width:24px;height:24px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;margin-left:auto;font-family:inherit;font-size:10px;transition:color .15s,background .15s;display:flex}.bw-panel-close:hover{color:var(--text);background:var(--surface-3)}.bw-expand-tab{z-index:9990;background:var(--surface-2);border:1px solid var(--border);width:16px;height:48px;color:var(--text-dim);cursor:pointer;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:14px;transition:color .15s,background .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.bw-expand-tab:hover{background:var(--surface-3);color:var(--text)}.bw-expand-tab[hidden]{display:none}.bw-expand-tab--left{border-left:none;border-radius:0 4px 4px 0;left:0}.bw-expand-tab--right{border-right:none;border-radius:4px 0 0 4px;right:0}.bw-tokens-btn{background:var(--surface-2);border:none;border-top:1px solid var(--border);color:var(--text-dim);cursor:pointer;flex-shrink:0;padding:10px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:color .15s,background .15s}.bw-tokens-btn:hover{color:var(--text);background:var(--surface-3)}#bw-right-panel{background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);border-left:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}#bw-right-panel[hidden]{display:none}.bw-right-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:8px 8px 8px 16px;display:flex}.bw-right-title{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:600}.bw-right-body{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;flex:1;padding:12px 16px;overflow-y:auto}.bw-right-body[hidden]{display:none}.bw-right-empty{text-align:center;color:var(--text-dim);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px;font-size:13px;display:flex}.bw-right-empty[hidden]{display:none}#bw-drawer-overlay{z-index:9990;display:flex;position:fixed;inset:0}#bw-drawer-overlay[hidden]{display:none}.bw-overlay-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:absolute;inset:0}#bw-drawer-overlay #drawer{z-index:1;width:var(--drawer-w,380px);opacity:1;pointer-events:auto;max-width:90vw;position:relative;box-shadow:8px 0 32px #0006;display:block!important}.cb-root{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;margin-bottom:8px;padding:8px 0 12px;display:flex}.cb-tag-badge{align-items:center;gap:6px;font-size:12px;display:flex}.cb-tag-badge code{background:var(--surface-2);border-radius:4px;padding:2px 6px;font-size:11px}.cb-tag-id{color:var(--accent);font-family:ui-monospace,monospace;font-size:11px}.cb-row{align-items:center;gap:6px;min-height:24px;display:flex}.cb-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);flex:0 0 56px;font-size:10px;font-weight:500}.cb-chips{flex-wrap:wrap;gap:3px;display:flex}.cb-chip{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;padding:3px 8px;font-family:ui-monospace,monospace;font-size:10px;transition:background .15s,color .15s}.cb-chip:hover{color:var(--text);background:var(--surface-2)}.cb-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.cb-select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:3px 6px;font-family:inherit;font-size:11px}.cb-input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:4px;flex:1;padding:4px 6px;font-family:inherit;font-size:11px}.cb-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.cb-id{color:var(--accent);background:var(--surface-2);border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:11px}.cb-dim{color:var(--text-faint);font-family:ui-monospace,monospace;font-size:11px}.cb-class-wrap{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.cb-class-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:10px;display:inline-flex}.cb-class-chip button{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px;line-height:1}.cb-class-chip button:hover{color:var(--text)}.cb-class-add{max-width:100px}:root{--mode-build-accent:#f5a524;--mode-build-glow:#f5a52459}.mode-switch{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;gap:2px;padding:2px;display:inline-flex;position:relative}.mode-switch button{color:var(--text-dim);cursor:pointer;letter-spacing:.04em;background:0 0;border:0;border-radius:6px;padding:4px 12px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.mode-switch[data-primary=design] button[data-mode-btn=design]{padding:5px 14px;font-size:12px}.mode-switch[data-primary=design] button[data-mode-btn=build]{opacity:.72;padding:3px 10px;font-size:10px}.mode-switch[data-primary=design] button[data-mode-btn=build]:hover,.mode-switch[data-primary=design] button[data-mode-btn=build].active{opacity:1}.mode-switch button:hover{color:var(--text);background:#ffffff08}.mode-switch button[data-mode-btn=design].active{background:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.mode-switch button[data-mode-btn=build].active{background:var(--mode-build-accent);color:#1a1200;box-shadow:0 2px 10px var(--mode-build-glow)}.mode-switch button[data-mode-btn=surfaces].active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.mode-switch button[data-mode-btn=surfaces].active{background:color-mix(in oklch,var(--accent) 70%,#58c6a7)}}.mode-switch button[data-mode-btn=surfaces].active{color:#041a15;box-shadow:0 2px 10px var(--accent)}@supports (color:color-mix(in lab,red,red)){.mode-switch button[data-mode-btn=surfaces].active{box-shadow:0 2px 10px color-mix(in oklch,var(--accent) 40%,transparent)}}.mode-switch button[data-mode-btn=seo].active{color:#04150a;background:#4ade80;box-shadow:0 2px 10px #4ade8066}.mode-switch button[data-mode-btn=aurora].active{color:#1a1230;background:#a78bfa;box-shadow:0 2px 10px #a78bfa73}.mode-switch button.is-wip{opacity:.45;cursor:not-allowed;position:relative}.mode-switch button.is-wip:hover{color:inherit;box-shadow:none;background:0 0}.mode-switch button.is-wip:after{content:"WIP";letter-spacing:.08em;color:var(--accent);background:var(--accent);border-radius:3px;margin-inline-start:6px;padding:1px 4px;font-size:8px;font-weight:700}@supports (color:color-mix(in lab,red,red)){.mode-switch button.is-wip:after{background:color-mix(in oklch,var(--accent) 20%,transparent)}}.mode-switch button.is-wip:after{vertical-align:middle}body[data-mode=build] #topbar{box-shadow:inset 0 -2px 0 var(--mode-build-accent)}body[data-mode=surfaces] #topbar{box-shadow:inset 0 -2px 0 var(--accent)}@supports (color:color-mix(in lab,red,red)){body[data-mode=surfaces] #topbar{box-shadow:inset 0 -2px color-mix(in oklch,var(--accent) 70%,#58c6a7)}}body[data-mode=seo] #topbar{box-shadow:inset 0 -2px #4ade80}body[data-mode=aurora] #topbar{box-shadow:inset 0 -2px #a78bfa}body[data-mode=design] #topbar{transition:box-shadow .2s;box-shadow:inset 0 -2px #0000}.drawer-tabs{z-index:3;background:var(--panel,#181825);border-bottom:1px solid var(--border);margin:-8px -8px 8px;padding:6px 6px 4px;position:sticky;top:0}.drawer-tab-trigger{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.drawer-tab-trigger:hover{border-color:var(--border-strong);background:var(--surface-3)}.drawer-tab-trigger[aria-expanded=true]{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.drawer-tab-trigger[aria-expanded=true]{background:color-mix(in oklch,var(--accent) 14%,transparent)}}.dtt-ico{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.dtt-ico svg{width:16px;height:16px;display:block}.dtt-lbl{flex:1}.dtt-caret{color:var(--text-faint);font-size:10px;transition:transform .15s}.drawer-tab-trigger[aria-expanded=true] .dtt-caret{transform:rotate(180deg)}.drawer-tab-menu{z-index:20;background:var(--bg);border:1px solid var(--border-strong);border-radius:6px;flex-direction:column;gap:1px;padding:4px;display:flex;position:absolute;top:calc(100% - 2px);left:6px;right:6px;box-shadow:0 8px 28px #00000073}.drawer-tab-menu[hidden]{display:none}.drawer-tab{color:var(--text-dim);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:10px;width:100%;padding:7px 10px;font-size:12px;font-weight:500;transition:background .1s,color .1s,border-color .1s;display:flex}.drawer-tab:hover{color:var(--text);background:#ffffff0a}.drawer-tab.active{background:var(--accent,#6a5cff)}@supports (color:color-mix(in lab,red,red)){.drawer-tab.active{background:color-mix(in oklch,var(--accent,#6a5cff) 18%,transparent)}}.drawer-tab.active{border-color:var(--accent,#6a5cff)}@supports (color:color-mix(in lab,red,red)){.drawer-tab.active{border-color:color-mix(in oklch,var(--accent,#6a5cff) 45%,transparent)}}.drawer-tab.active{color:var(--text)}.drawer-tab .dt-ico{opacity:.85;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:opacity .12s,color .12s;display:inline-flex}.drawer-tab .dt-ico svg{width:16px;height:16px;display:block}.drawer-tab:hover .dt-ico{opacity:1}.drawer-tab.active .dt-ico{opacity:1;color:var(--accent)}.drawer-tab .dt-lbl{flex:1;font-size:12px}.drawer-tab .dt-kbd{color:var(--text-faint);background:var(--surface-2);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-family:ui-monospace,monospace;font-size:10px}.drawer-tab.active .dt-kbd{color:var(--accent);background:0 0;border-color:#0000}@supports (color:color-mix(in lab,red,red)){.drawer-tab.active .dt-kbd{color:color-mix(in oklch,var(--accent) 60%,var(--text-faint))}}.drawer-tab.is-wip{opacity:.45;cursor:not-allowed}.drawer-tab.is-wip:hover{background:0 0;border-color:#0000}.drawer-tab.is-wip .dt-kbd{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.drawer-tab.is-wip .dt-kbd{background:color-mix(in oklch,var(--accent) 20%,transparent)}}.drawer-tab.is-wip .dt-kbd{color:var(--accent);letter-spacing:.04em;border-color:#0000}#drawer{position:relative;container-type:inline-size}.drawer-tabs{position:sticky;top:0}.drawer-tab-panels,.drawer-tab-panel{display:block}.drawer-tab-panel[hidden]{display:none!important}.save-subtabs{background:currentColor;border-radius:999px;gap:4px;margin-block-end:var(--space-md,12px);padding:4px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.save-subtabs{background:color-mix(in oklch,currentColor 6%,transparent)}}.save-subtabs{border:1px solid}@supports (color:color-mix(in lab,red,red)){.save-subtabs{border:1px solid color-mix(in oklch,currentColor 10%,transparent)}}.save-subtab{appearance:none;color:inherit;font:600 .8rem/1 var(--font--family,inherit);cursor:pointer;opacity:.7;background:0 0;border:1px solid #0000;border-radius:999px;padding:6px 14px;transition:background .15s,opacity .15s}.save-subtab:hover{opacity:1}.save-subtab.is-active{background:var(--accent,#7c5cff)}@supports (color:color-mix(in lab,red,red)){.save-subtab.is-active{background:color-mix(in oklch,var(--accent,#7c5cff) 18%,transparent)}}.save-subtab.is-active{border-color:var(--accent,#7c5cff)}@supports (color:color-mix(in lab,red,red)){.save-subtab.is-active{border-color:color-mix(in oklch,var(--accent,#7c5cff) 40%,transparent)}}.save-subtab.is-active{opacity:1}.save-subpanel[hidden]{display:none!important}.kits-head{justify-content:space-between;align-items:flex-start;gap:var(--space-md,12px);margin-block-end:var(--space-md,12px);display:flex}.kits-hint{opacity:.7;max-width:48ch;margin:4px 0 0;font-size:.78rem}.kits-add{appearance:none;border:1px solid var(--accent,#7c5cff);border-radius:999px;padding:6px 12px}@supports (color:color-mix(in lab,red,red)){.kits-add{border:1px solid color-mix(in oklch,var(--accent,#7c5cff) 40%,transparent)}}.kits-add{background:var(--accent,#7c5cff)}@supports (color:color-mix(in lab,red,red)){.kits-add{background:color-mix(in oklch,var(--accent,#7c5cff) 16%,transparent)}}.kits-add{color:inherit;font:600 .78rem/1 var(--font--family,inherit);cursor:pointer;white-space:nowrap}.kits-add:hover{background:var(--accent,#7c5cff)}@supports (color:color-mix(in lab,red,red)){.kits-add:hover{background:color-mix(in oklch,var(--accent,#7c5cff) 28%,transparent)}}#app[data-layout=editor] #drawer [data-mode=build],#app[data-layout=builder] #bw-drawer-overlay #drawer [data-mode=build]{display:none}#bw-drawer-overlay{justify-content:flex-end}#bw-drawer-overlay #drawer{transition:transform .22s cubic-bezier(.2,.8,.2,1);transform:translate(100%);box-shadow:-8px 0 32px #0006}#bw-drawer-overlay[data-open] #drawer{transform:translate(0)}#bw-drawer-overlay .bw-overlay-backdrop{opacity:0;transition:opacity .2s}#bw-drawer-overlay[data-open] .bw-overlay-backdrop{opacity:1}.pages-panel{flex-direction:column;gap:8px;display:flex}.pages-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:4px 0 8px;display:flex}.pages-panel-title{flex:1;align-items:baseline;gap:6px;min-width:0;display:flex}.pages-panel-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pages-slug-chip{color:var(--text-faint);background:var(--border);font-family:ui-monospace,monospace;font-size:11px}@supports (color:color-mix(in lab,red,red)){.pages-slug-chip{background:color-mix(in oklch,var(--border) 40%,transparent)}}.pages-slug-chip{border-radius:4px;padding:2px 6px}.pages-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pages-row{border:1px solid var(--border);background:var(--border);border-radius:6px}@supports (color:color-mix(in lab,red,red)){.pages-row{background:color-mix(in oklch,var(--border) 15%,transparent)}}.pages-row.is-active{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pages-row.is-active{background:color-mix(in oklch,var(--accent) 10%,transparent)}}.pages-row-head{align-items:center;gap:4px;padding:6px 8px;display:flex}.pages-row-open{cursor:pointer;text-align:left;min-width:0;color:inherit;background:0 0;border:0;flex:1;align-items:baseline;gap:8px;display:flex}.pages-row-open:hover .pages-row-title{color:var(--accent)}.pages-row-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.pages-row-slug{color:var(--text-faint);font-family:ui-monospace,monospace;font-size:11px}.pages-master-tag{background:var(--accent);border-radius:3px;padding:1px 5px;font-size:10px}@supports (color:color-mix(in lab,red,red)){.pages-master-tag{background:color-mix(in oklch,var(--accent) 18%,transparent)}}.pages-master-tag{color:var(--accent);white-space:nowrap}.pages-seo-chip{color:#fff;border-radius:3px;justify-content:center;align-items:center;min-width:18px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.pages-seo-chip--a{background:#2ea44f}.pages-seo-chip--b{background:#4f9d2e}.pages-seo-chip--c{background:#c8a200}.pages-seo-chip--d{background:#d97706}.pages-seo-chip--e{background:#c4471c}.pages-seo-chip--f{background:#b32424}.audit-panel{grid-template-columns:minmax(160px,1fr) 2fr;gap:12px;display:grid}.audit-summary{flex-direction:column;gap:4px;display:flex}.audit-page-row{text-align:left;cursor:pointer;color:inherit;background:0 0;border:1px solid #0000;border-radius:4px;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:6px 8px;display:grid}.audit-page-row:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.audit-page-row:hover{background:color-mix(in oklch,var(--accent) 8%,transparent)}}.audit-page-row.is-active{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.audit-page-row.is-active{background:color-mix(in oklch,var(--accent) 12%,transparent)}}.audit-page-title{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.audit-page-slug{color:var(--text-faint);font-family:ui-monospace,monospace;font-size:10px}.audit-grade{color:#fff;border-radius:3px;justify-content:center;align-items:center;min-width:20px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.audit-grade--a{background:#2ea44f}.audit-grade--b{background:#4f9d2e}.audit-grade--c{background:#c8a200}.audit-grade--d{background:#d97706}.audit-grade--e{background:#c4471c}.audit-grade--f{background:#b32424}.audit-grade--lg{min-width:28px;height:24px;padding:0 8px;font-size:14px}.audit-detail{flex-direction:column;gap:8px;min-width:0;display:flex}.audit-detail-head{align-items:center;gap:8px;display:flex}.audit-detail-score{color:var(--text-faint);font-size:12px}.audit-focus-kw{color:var(--text-faint);margin:0;font-size:11px}.audit-focus-kw--missing{color:#c4471c}.audit-focus-kw code{background:var(--accent);font-family:ui-monospace,monospace}@supports (color:color-mix(in lab,red,red)){.audit-focus-kw code{background:color-mix(in oklch,var(--accent) 12%,transparent)}}.audit-focus-kw code{border-radius:3px;padding:1px 4px}.audit-group{border:1px solid var(--border);border-radius:4px;padding:4px 8px}.audit-group summary{cursor:pointer;align-items:center;gap:6px;padding:2px 0;font-size:12px;font-weight:600;display:flex}.audit-group-count{color:var(--text-faint);font-size:11px;font-weight:500}.audit-findings{flex-direction:column;gap:2px;margin:4px 0 2px;padding:0;list-style:none;display:flex}.audit-finding{border-radius:3px;grid-template-columns:16px 1fr auto;align-items:center;gap:6px;padding:3px 4px;font-size:11px;display:grid}.audit-finding-glyph{text-align:center;font-weight:700;line-height:1}.audit-finding--pass .audit-finding-glyph{color:#2ea44f}.audit-finding--warn .audit-finding-glyph{color:#d97706}.audit-finding--fail .audit-finding-glyph{color:#c4471c}.audit-finding-label{text-overflow:ellipsis;overflow:hidden}.audit-finding-weight{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:10px}.audit-empty{color:var(--text-faint);text-align:center;padding:12px;font-size:12px}.audit-empty--ok{color:#2ea44f}#seo-audit-mount .audit-panel{flex-direction:column;gap:16px;display:flex}.audit-dashboard{background:var(--accent);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;padding:14px;display:grid}@supports (color:color-mix(in lab,red,red)){.audit-dashboard{background:color-mix(in oklch,var(--accent) 4%,transparent)}}.audit-dashboard{border:1px solid var(--border);border-radius:8px}.audit-dash-stat{flex-direction:column;align-items:flex-start;gap:2px;padding:6px 10px;display:flex}.audit-dash-num{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1}.audit-dash-lbl{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.audit-dash-stat--score .audit-dash-num{color:var(--accent)}.audit-dash-stat--fail .audit-dash-num{color:#c4471c}.audit-dash-stat--warn .audit-dash-num{color:#d97706}.audit-dash-stat--pass .audit-dash-num{color:#2ea44f}.audit-section{border:1px solid var(--border);background:var(--surface-0,transparent);border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.audit-section-head{border-block-end:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding-block-end:6px;display:flex}.audit-section-head h3{margin:0;font-size:13px;font-weight:600}.audit-section-status{color:var(--text-faint);font-size:11px}.audit-section--ok .audit-section-status{color:#2ea44f}.audit-section--issues .audit-section-status{color:#c4471c}.audit-meta{color:var(--text-faint);margin:0;font-size:11px}.audit-meta--missing{color:#d97706}.audit-meta code{background:var(--accent);border-radius:3px;padding:1px 4px;font-family:ui-monospace,monospace}@supports (color:color-mix(in lab,red,red)){.audit-meta code{background:color-mix(in oklch,var(--accent) 8%,transparent)}}.audit-more{color:var(--text-faint);margin:4px 0 0;font-size:11px}.audit-finding-cat{text-transform:uppercase;letter-spacing:.06em;background:var(--accent);border-radius:3px;padding:1px 5px;font-size:9px;display:inline-block}@supports (color:color-mix(in lab,red,red)){.audit-finding-cat{background:color-mix(in oklch,var(--accent) 10%,transparent)}}.audit-finding-cat{color:var(--text-faint);margin-inline-end:4px}.audit-detail-slug{color:var(--text-faint);font-family:ui-monospace,monospace;font-size:11px}#seo-audit-mount .audit-section .audit-summary{flex-flow:wrap;gap:6px}#seo-audit-mount .audit-section .audit-page-row{flex:0 0 calc(33% - 6px);min-width:200px}#seo-audit-mount .audit-detail{border-block-start:1px dashed var(--border);margin-block-start:6px;padding-block-start:10px}.pages-row-actions{gap:2px;display:flex}.pages-row-actions .icon-btn{padding:2px 6px;font-size:11px}.pages-row-actions .icon-btn.danger{color:#e06c6c}.pages-row-actions .icon-btn.danger:disabled{opacity:.3;color:var(--text-faint)}.pages-row-master{color:var(--text-faint);align-items:center;gap:6px;padding:0 8px 6px;font-size:11px;display:flex}.pages-row-master select{flex:1;padding:2px 4px;font-size:11px}.pages-new-btn{padding:4px 10px;font-size:11px}.pages-new-dialog{z-index:10000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pages-new-dialog-inner{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:10px;width:min(420px,90vw);padding:16px;display:flex;box-shadow:0 12px 40px #0006}.pages-new-dialog-inner h3{margin:0;font-size:15px}.pages-new-field{color:var(--text-faint);flex-direction:column;gap:4px;font-size:11px;display:flex}.pages-new-field input,.pages-new-field select{color:inherit;background:var(--border);padding:6px 8px;font-size:13px}@supports (color:color-mix(in lab,red,red)){.pages-new-field input,.pages-new-field select{background:color-mix(in oklch,var(--border) 20%,transparent)}}.pages-new-field input,.pages-new-field select{border:1px solid var(--border);border-radius:4px}.pages-new-actions{justify-content:flex-end;gap:6px;padding-top:6px;display:flex}.pages-chip{align-items:center;gap:6px;display:inline-flex}.pages-chip-caret{opacity:.7;font-size:10px}.pages-chip-menu{background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:2px;min-width:240px;max-width:320px;padding:4px;display:flex;box-shadow:0 8px 24px #00000059}.pages-chip-menu-head{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;padding:4px 8px;font-size:11px}.pages-chip-menu-item{text-align:left;cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;border-radius:4px;align-items:baseline;gap:6px;padding:6px 8px;display:flex}.pages-chip-menu-item:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pages-chip-menu-item:hover{background:color-mix(in oklch,var(--accent) 10%,transparent)}}.pages-chip-menu-item.is-active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pages-chip-menu-item.is-active{background:color-mix(in oklch,var(--accent) 18%,transparent)}}.pages-chip-menu-item.is-active{color:var(--accent)}.pages-chip-menu-title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.pages-chip-menu-slug{color:var(--text-faint);font-family:ui-monospace,monospace;font-size:10px}.pages-chip-menu-master{background:var(--accent);font-size:9px}@supports (color:color-mix(in lab,red,red)){.pages-chip-menu-master{background:color-mix(in oklch,var(--accent) 25%,transparent)}}.pages-chip-menu-master{color:var(--accent);border-radius:3px;padding:1px 4px}.pages-chip-menu-new{color:var(--accent);border:0;border-top:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;margin-top:2px;padding:6px 8px;font-size:11px}.sfp{flex-direction:column;gap:10px;display:flex}.sfp-head{flex-direction:column;gap:4px;padding-bottom:4px;display:flex}.sfp-title{color:var(--text);margin:0;font-size:13px;font-weight:600}.sfp-lede{color:var(--text-dim);margin:0;font-size:11px;line-height:1.45}.sfp-group{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;overflow:hidden}.sfp-group>summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:baseline;gap:8px;padding:9px 12px;list-style:none;transition:background .15s;display:flex}.sfp-group>summary::-webkit-details-marker{display:none}.sfp-group>summary:before{content:"▸";color:var(--text-faint);margin-right:6px;font-size:9px;transition:transform .15s}.sfp-group[open]>summary:before{transform:rotate(90deg)}.sfp-group>summary:hover{background:var(--surface-3)}.sfp-group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text);flex-shrink:0;font-size:10.5px;font-weight:600}.sfp-group-hint{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:10px;overflow:hidden}.sfp-group-body{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:10px 12px 12px;display:flex}.sfp-group--stack{border-color:var(--border-strong);background:0 0}.sfp-group-head-static{letter-spacing:.1em;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:9px 12px;font-size:10.5px;font-weight:600;display:flex}.sfp-group--stack .sfp-cards{padding:10px 12px 0}.sfp-group--stack .sfp-add{margin:10px 12px 12px}.sfp-group--stack .sfp-count{color:var(--text-faint);letter-spacing:0;text-transform:none;font-family:ui-monospace,monospace;font-size:10px}.sfp-base-row{align-items:center;gap:8px;display:flex}.sfp-base-swatch{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:36px;height:36px;padding:2px}.sfp-base-hex{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:5px;flex:1;padding:7px 10px;font-family:ui-monospace,monospace;font-size:12px}.sfp-base-hex:focus{border-color:var(--accent);outline:none}.sfp-base-chips{flex-wrap:wrap;gap:4px;display:flex}.sfp-base-chip{background:var(--surface);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 5px;font-size:10.5px;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.sfp-base-chip:hover{color:var(--text);border-color:var(--border-strong)}.sfp-base-chip.is-active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-base-chip.is-active{background:color-mix(in oklch,var(--accent) 15%,transparent)}}.sfp-base-chip.is-active{border-color:var(--accent);color:var(--accent)}.sfp-base-chip.is-auto{padding-inline-start:8px}.sfp-base-chip-swatch{border:1px solid;border-radius:3px;width:12px;height:12px}@supports (color:color-mix(in lab,red,red)){.sfp-base-chip-swatch{border:1px solid color-mix(in oklch,currentColor 30%,transparent)}}.sfp-divider{background:var(--border);height:1px}@supports (color:color-mix(in lab,red,red)){.sfp-divider{background:color-mix(in oklch,var(--border) 60%,transparent)}}.sfp-divider{margin:2px -4px}.sfp-smart-head{color:var(--text-dim);justify-content:space-between;align-items:baseline;font-size:10px;display:flex}.sfp-smart-label{letter-spacing:.06em;text-transform:uppercase;font-weight:600}.sfp-smart-pattern{color:var(--text);background:var(--surface-3);border-radius:3px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:10.5px}.sfp-smart-actions{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:4px;display:grid}.sfp-smart-btn{background:var(--accent);padding:6px 8px;font-size:10.5px;font-weight:600}@supports (color:color-mix(in lab,red,red)){.sfp-smart-btn{background:color-mix(in oklch,var(--accent) 10%,transparent)}}.sfp-smart-btn{color:var(--accent);border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-smart-btn{border:1px solid color-mix(in oklch,var(--accent) 35%,transparent)}}.sfp-smart-btn{cursor:pointer;border-radius:5px;transition:background .15s,border-color .15s,color .15s}.sfp-smart-btn:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-smart-btn:hover{background:color-mix(in oklch,var(--accent) 22%,transparent)}}.sfp-smart-btn:hover{border-color:var(--accent)}.sfp-presets{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;display:grid}.sfp-preset{background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;transition:border-color .15s,background .15s;display:flex}.sfp-preset:hover{border-color:var(--border-strong);background:var(--surface-3)}.sfp-preset.is-active{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-preset.is-active{background:color-mix(in oklch,var(--accent) 12%,transparent)}}.sfp-preset-label{font-size:11px;font-weight:600}.sfp-preset-desc{color:var(--text-faint);font-size:10px}.sfp-section-head{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;padding-top:6px;font-size:10px;font-weight:600;display:flex}@supports (color:color-mix(in lab,red,red)){.sfp-section-head{border-top:1px solid color-mix(in oklch,var(--border) 60%,transparent)}}.sfp-count{color:var(--text-faint);letter-spacing:0;text-transform:none;font-family:ui-monospace,monospace;font-size:10px}.sfp-cards{flex-direction:column;gap:6px;display:flex}.sfp-empty{color:var(--text-faint);text-align:center;background:var(--surface-2);border:1px dashed var(--border);border-radius:6px;margin:0;padding:14px 10px;font-size:11px}.sfp-card{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;grid-template-columns:32px 1fr 24px;align-items:start;gap:10px;padding:8px 10px;display:grid}.sfp-card:hover{border-color:var(--border-strong)}.sfp-card-swatch{border:1px solid var(--border-strong);border-radius:4px;width:32px;height:32px;position:relative}@supports (color:color-mix(in lab,red,red)){.sfp-card-swatch{border:1px solid color-mix(in oklch,var(--border-strong) 80%,transparent)}}.sfp-card-swatch{cursor:pointer;transition:border-color .15s;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.sfp-card-swatch:hover{border-color:var(--accent)}.sfp-card-color{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.sfp-card-lock{filter:drop-shadow(0 1px 1px #0009);pointer-events:none;font-size:9px;position:absolute;bottom:2px;right:2px}.sfp-card.is-locked .sfp-card-swatch:after{content:"";border:1px solid var(--accent);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.sfp-card.is-locked .sfp-card-swatch:after{border:1px solid color-mix(in oklch,var(--accent) 50%,transparent)}}.sfp-card.is-locked .sfp-card-swatch:after{pointer-events:none;border-radius:3px}.sfp-card-body{flex-direction:column;gap:4px;min-width:0;display:flex}.sfp-card-name{color:var(--text);background:0 0;border:1px solid #0000;border-radius:3px;width:100%;min-width:0;padding:3px 6px;font-family:inherit;font-size:12px;font-weight:600}.sfp-card-name:hover{border-color:var(--border)}.sfp-card-name:focus{border-color:var(--accent);background:var(--surface);outline:none}.sfp-card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sfp-strategy{gap:2px;display:flex}.sfp-strat-chip{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:3px;padding:3px 6px;font-size:10px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.sfp-strat-chip:hover{color:var(--text);border-color:var(--border-strong)}.sfp-strat-chip.is-active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-strat-chip.is-active{background:color-mix(in oklch,var(--accent) 15%,transparent)}}.sfp-strat-chip.is-active{border-color:var(--accent);color:var(--accent)}.sfp-cfg-swatch{border:1px solid var(--border);cursor:pointer;border-radius:4px;flex:none;width:28px;height:28px;display:inline-block;position:relative;overflow:hidden}.sfp-cfg-swatch.is-rule{cursor:default}.sfp-cfg-swatch input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;inset:0}.sfp-cfg-hex{color:var(--text-dim);background:currentColor;padding:2px 6px;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}@supports (color:color-mix(in lab,red,red)){.sfp-cfg-hex{background:color-mix(in oklch,currentColor 6%,transparent)}}.sfp-cfg-hex{border-radius:3px}.sfp-cfg-row--source.is-rule{align-items:center}.sfp-rule-flow{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.sfp-rule-seg{background:currentColor;align-items:center;gap:5px;padding:3px 7px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.sfp-rule-seg{background:color-mix(in oklch,currentColor 7%,transparent)}}.sfp-rule-seg{border:1px solid}@supports (color:color-mix(in lab,red,red)){.sfp-rule-seg{border:1px solid color-mix(in oklch,currentColor 10%,transparent)}}.sfp-rule-seg{white-space:nowrap;border-radius:4px}.sfp-rule-swatch{border:1px solid;border-radius:3px;width:14px;height:14px}@supports (color:color-mix(in lab,red,red)){.sfp-rule-swatch{border:1px solid color-mix(in oklch,currentColor 20%,transparent)}}.sfp-rule-swatch{flex-shrink:0}.sfp-rule-tok{letter-spacing:.01em;color:var(--text);font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.sfp-rule-op{color:var(--accent);border-color:var(--accent);font-weight:600}@supports (color:color-mix(in lab,red,red)){.sfp-rule-op{border-color:color-mix(in oklch,var(--accent) 30%,transparent)}}.sfp-rule-op{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-rule-op{background:color-mix(in oklch,var(--accent) 10%,transparent)}}.sfp-rule-hex{color:var(--text-dim);font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.sfp-rule-arrow{color:var(--text-faint);-webkit-user-select:none;user-select:none;font-size:11px}.sfp-strat-rev{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:3px;margin-left:6px;padding:3px 6px;font-size:10px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.sfp-strat-rev:hover{color:var(--text);border-color:var(--border-strong)}.sfp-strat-rev.is-on{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-strat-rev.is-on{background:color-mix(in oklch,var(--accent) 15%,transparent)}}.sfp-strat-rev.is-on{border-color:var(--accent);color:var(--accent)}.sfp-elev{color:var(--text-dim);align-items:center;gap:4px;margin-left:auto;font-size:10px;display:inline-flex}.sfp-elev input{background:var(--surface);width:44px;color:var(--text);border:1px solid var(--border);border-radius:3px;padding:3px 4px;font-family:ui-monospace,monospace;font-size:11px}.sfp-card-del{width:22px;height:22px;color:var(--text-faint);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:3px;padding:0;font-size:14px;line-height:1;transition:border-color .15s,color .15s,background .15s}.sfp-card-del:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.sfp-card.is-ref{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-card.is-ref{background:color-mix(in oklch,var(--accent) 6%,var(--surface-2))}}.sfp-card.is-ref{border-style:dashed}.sfp-card.is-ref .sfp-card-swatch{cursor:default}.sfp-card.is-ref .sfp-card-swatch:hover{border-color:var(--border-strong)}@supports (color:color-mix(in lab,red,red)){.sfp-card.is-ref .sfp-card-swatch:hover{border-color:color-mix(in oklch,var(--border-strong) 80%,transparent)}}.sfp-card-name--ref{color:var(--text);align-items:center;gap:6px;padding:3px 6px;font-size:12px;font-weight:600;display:flex}.sfp-card-origin{text-transform:uppercase;letter-spacing:.08em;background:var(--accent);padding:1px 6px;font-size:9px;font-weight:600}@supports (color:color-mix(in lab,red,red)){.sfp-card-origin{background:color-mix(in oklch,var(--accent) 18%,transparent)}}.sfp-card-origin{color:var(--accent);border-radius:3px}.sfp-strat-chip.is-disabled,.sfp-strat-chip:disabled,.sfp-elev input:disabled{opacity:.45;cursor:not-allowed}.sfp-card-copy{width:22px;height:22px;color:var(--text-faint);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:3px;padding:0;font-size:12px;line-height:1;transition:border-color .15s,color .15s,background .15s}.sfp-card-copy:hover{color:var(--accent);border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-card-copy:hover{background:color-mix(in oklch,var(--accent) 10%,transparent)}}.sfp-add{color:var(--text-dim);border:1px dashed var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:8px 10px;font-size:11px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.sfp-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-add:hover{background:color-mix(in oklch,var(--accent) 8%,transparent)}}.sfp-footer{gap:6px;margin-top:4px;display:flex}.sfp-footer .btn{flex:1;padding:7px 10px;font-size:11px}.sfp-foot-note{color:var(--text-faint);margin:0;font-size:10px;line-height:1.4}.sfp-foot-note code{background:var(--surface-2);border-radius:3px;padding:1px 4px;font-size:9px}.sfp-group-intro{color:var(--text-faint);margin:0 0 8px;padding:0 2px;font-size:10px;line-height:1.45}.sfp-group-intro code{background:var(--surface-2);color:var(--text-dim);border-radius:3px;padding:1px 4px;font-family:ui-monospace,monospace;font-size:10px}.sfp-base-hint{color:var(--text-faint);font-family:ui-monospace,monospace;font-size:10px}.sfp-palette-hint{color:var(--text-faint);align-items:center;padding:0 6px;font-size:10px;font-style:italic;display:inline-flex}.sfp-empty-stack{color:var(--text-dim);padding:14px 12px;line-height:1.5}.sfp-live-list{flex-direction:column;gap:4px;padding:4px 2px 8px;display:flex}.sfp-live-card{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;grid-template-columns:28px 1fr;grid-auto-columns:auto;grid-auto-flow:column;align-items:center;gap:8px;min-height:40px;padding:6px 8px;display:grid;position:relative}.sfp-live-card.is-expanded{display:block}.sfp-live-card.is-expanded .sfp-live-head{margin-bottom:8px}.sfp-live-card:hover{border-color:var(--border-strong)}.sfp-live-card.is-factory{background:var(--surface-2)}.sfp-live-card.is-custom{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-live-card.is-custom{background:color-mix(in oklch,var(--accent) 4%,var(--surface-2))}}.sfp-live-swatch{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:28px;height:28px;display:block;position:relative;overflow:hidden}.sfp-live-swatch:hover{border-color:var(--accent)}.sfp-live-color{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.sfp-live-body{flex-direction:column;gap:1px;min-width:0;display:flex}.sfp-live-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.sfp-live-name-input{color:var(--text);background:0 0;border:1px solid #0000;border-radius:3px;min-width:0;padding:1px 3px;font-family:inherit;font-size:11px;font-weight:600}.sfp-live-name-input:hover{border-color:var(--border)}.sfp-live-name-input:focus{border-color:var(--accent);background:var(--surface);outline:none}.sfp-live-hex{color:var(--text-faint);letter-spacing:0;font-family:ui-monospace,monospace;font-size:10px}.sfp-live-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:10px;padding:2px 6px;font-size:9px;font-weight:600}.sfp-live-badge.is-factory{background:var(--surface-3);color:var(--text-faint);border:1px solid var(--border)}.sfp-live-badge.is-custom{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-live-badge.is-custom{background:color-mix(in oklch,var(--accent) 15%,transparent)}}.sfp-live-badge.is-custom{color:var(--accent);border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-live-badge.is-custom{border:1px solid color-mix(in oklch,var(--accent) 35%,transparent)}}.sfp-live-roles{opacity:0;pointer-events:none;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:500;transition:opacity .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out}.sfp-live-card:hover .sfp-live-roles,.sfp-live-card:focus-within .sfp-live-roles{opacity:1;pointer-events:auto}.sfp-live-roles:hover{border-color:var(--accent);color:var(--accent)}.sfp-live-del{border:1px solid var(--border);width:22px;height:22px;color:var(--text-faint);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.sfp-live-del:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.sfp-bulk{flex-wrap:wrap;gap:6px;padding:2px 2px 8px;display:flex}.sfp-bulk-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:4px;padding:4px 9px;font-size:10.5px;font-weight:500;transition:border-color .12s ease-in-out,color .12s ease-in-out}.sfp-bulk-btn:hover{border-color:var(--accent);color:var(--accent)}.sfp-live-active{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:10px;font-weight:500;display:inline-flex}.sfp-live-active input[type=checkbox]{cursor:pointer;margin:0}.sfp-live-card.is-inactive{opacity:.5}.sfp-live-card.is-inactive:hover,.sfp-live-card.is-inactive:focus-within{opacity:.85}.sfp-live-badge.is-inactive{background:var(--text-faint)}@supports (color:color-mix(in lab,red,red)){.sfp-live-badge.is-inactive{background:color-mix(in oklch,var(--text-faint) 10%,transparent)}}.sfp-live-badge.is-inactive{color:var(--text-faint);border:1px solid var(--border)}.sfp-live-badge.is-awkward{color:#b45309;background:#d977062e;border:1px solid oklch(66.584% .157422 58.3184/.35)}.sfp-card-ztier{letter-spacing:.02em;color:var(--text-dim);background:var(--surface-3);border:1px solid var(--border);align-items:center;padding:1px 6px;font-family:ui-monospace,monospace;font-size:9.5px;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.sfp-card-ztier{border:1px solid color-mix(in oklch,var(--border) 80%,transparent)}}.sfp-card-ztier{white-space:nowrap;border-radius:3px}.sfp-card-ztier[data-ztier=sunken]{color:var(--text-dim)}@supports (color:color-mix(in lab,red,red)){.sfp-card-ztier[data-ztier=sunken]{color:color-mix(in oklch,var(--text-dim) 70%,#60a5fa)}}.sfp-card-ztier[data-ztier=base]{color:var(--text-faint)}.sfp-card-ztier[data-ztier=raised]{color:var(--text)}@supports (color:color-mix(in lab,red,red)){.sfp-card-ztier[data-ztier=raised]{color:color-mix(in oklch,var(--text) 70%,var(--accent))}}.sfp-card-ztier[data-ztier=elevated]{color:var(--text)}@supports (color:color-mix(in lab,red,red)){.sfp-card-ztier[data-ztier=elevated]{color:color-mix(in oklch,var(--text) 60%,var(--accent))}}.sfp-card-ztier[data-ztier=high],.sfp-card-ztier[data-ztier=modal]{color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-card-ztier[data-ztier=modal]{color:color-mix(in oklch,var(--accent) 70%,#f59e0b)}}.sfp-card-ztier[data-ztier=overlay]{color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-card-ztier[data-ztier=overlay]{color:color-mix(in oklch,var(--accent) 60%,#ec4899)}}.sfp-card-meta .sfp-card-ztier{flex-shrink:0;margin-left:auto}.sfp-card-meta .sfp-elev+.sfp-card-ztier{margin-left:0}.sfp-live-meta{align-items:center;gap:4px;margin-top:2px;display:flex}.sfp-live-head{grid-template-columns:32px 1fr auto auto auto;align-items:center;gap:10px;display:grid}.sfp-live-expand{appearance:none;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.sfp-live-expand:hover{color:var(--text);background:var(--surface-2);border-color:var(--border)}.sfp-live-card.is-expanded .sfp-live-expand{color:var(--accent)}.sfp-live-swatch.is-rule{cursor:default;position:relative}.sfp-live-rule-badge{color:var(--accent);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:9px;font-weight:700;line-height:1;display:inline-flex;position:absolute;inset:auto 2px 2px auto}.sfp-live-rule-hint{color:var(--text-faint);font-family:ui-monospace,monospace;font-size:10px}.sfp-kebab{position:relative}.sfp-kebab-btn{appearance:none;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;width:24px;height:24px;font-size:14px;line-height:1}.sfp-kebab-btn:hover{color:var(--text);background:var(--surface-2);border-color:var(--border)}.sfp-kebab-menu{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:1px;min-width:180px;margin-top:2px;padding:4px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #00000059}.sfp-kebab-item{appearance:none;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 8px;font-size:11px}.sfp-kebab-item:hover{background:var(--surface-2)}.sfp-bulk-btn--add{border-color:var(--accent);color:var(--accent);margin-left:auto}.sfp-bulk-btn--add:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-bulk-btn--add:hover{background:color-mix(in oklch,var(--accent) 12%,transparent)}}.sfp-configurator{border-top:1px dashed var(--border);flex-direction:column;gap:8px;margin-top:8px;padding:10px 8px 2px;display:flex}.sfp-cfg-row{grid-template-columns:56px 1fr auto;align-items:center;gap:8px;display:grid}.sfp-cfg-row--ladder{grid-template-columns:56px 1fr}.sfp-cfg-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-size:10px;font-weight:600}.sfp-cfg-val{color:var(--text-dim);text-align:right;min-width:36px;font-family:ui-monospace,monospace;font-size:10px}.sfp-range{width:100%;accent-color:var(--accent)}.sfp-tier-ladder{flex:1;align-items:stretch;gap:3px;display:flex}.sfp-tier-swatch{border:1px solid var(--border);border-radius:3px;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:22px;display:flex;position:relative}.sfp-tier-swatch-badge{letter-spacing:.04em;background:currentColor;border-radius:2px;padding:1px 4px;font-size:8px;font-weight:700;line-height:1}@supports (color:color-mix(in lab,red,red)){.sfp-tier-swatch-badge{background:color-mix(in oklch,currentColor 12%,transparent)}}.sfp-tier-swatch-badge{pointer-events:none;font-variant-numeric:tabular-nums}.sfp-tier-swatch-badge.is-fail{background:#cc2b1a;color:#fff!important}.sfp-tier-designer{flex-direction:column;gap:2px;margin-top:4px;display:flex}.sfp-tier-head,.sfp-tier-row{grid-template-columns:28px repeat(4,1fr) 64px;align-items:center;gap:4px;font-size:10px;display:grid}.sfp-tier-head{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;padding-bottom:2px;font-weight:600}.sfp-tier-idx{color:var(--text-faint);text-align:center;font-family:ui-monospace,monospace}.sfp-tier-cell{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:4px;grid-template-columns:14px 1fr auto;align-items:center;gap:4px;min-width:0;padding:3px 5px;display:grid;position:relative}.sfp-tier-cell:hover{border-color:var(--border-strong)}.sfp-tier-cell.is-overridden{border-color:var(--accent)}.sfp-tier-chip{border:1px solid var(--border);border-radius:3px;width:14px;height:14px}.sfp-tier-hex{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:ui-monospace,monospace;font-size:9px;overflow:hidden}.sfp-tier-picker{opacity:0;cursor:pointer;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.sfp-tier-clear{appearance:none;color:var(--accent);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:3px;padding:2px;font-size:12px;line-height:1;position:relative}.sfp-tier-clear:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-tier-clear:hover{background:color-mix(in oklch,var(--accent) 15%,transparent)}}.sfp-tier-contrast{text-align:right;border-radius:3px;padding:2px 5px;font-family:ui-monospace,monospace;font-size:9px}.sfp-tier-contrast.is-aaa{color:#4ade80;background:#4ade801f}.sfp-tier-contrast.is-aa{color:#86efac;background:#86efac1a}.sfp-tier-contrast.is-aa-large{color:#fbbf24;background:#fbbf241a}.sfp-tier-contrast.is-fail{color:#fca5a5;background:#fca5a51f}.sfp-wys-stack{flex-direction:column;gap:10px;margin-top:4px;display:flex}.dp-surfaces-aside{flex-direction:column;gap:8px;padding:8px;display:flex}.sfp-explainer{background:var(--accent);padding:10px 28px 10px 10px;position:relative}@supports (color:color-mix(in lab,red,red)){.sfp-explainer{background:color-mix(in oklch,var(--accent) 10%,transparent)}}.sfp-explainer{border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-explainer{border:1px solid color-mix(in oklch,var(--accent) 30%,transparent)}}.sfp-explainer{border-radius:5px;font-size:11px;line-height:1.4}.sfp-explainer strong{color:var(--accent);margin-bottom:2px;display:block}.sfp-explainer p{opacity:.85;margin:0;font-size:10px}.sfp-explainer-x{appearance:none;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:0;border-radius:3px;padding:2px 6px;font-size:14px;line-height:1;position:absolute;top:4px;right:4px}.sfp-explainer-x:hover{opacity:1;background:var(--surface-2)}.sfp-aside{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:2px;max-height:calc(100vh - 280px);padding:4px;display:flex;overflow-y:auto}.sfp-aside-row{border:1px solid #0000;border-radius:5px;grid-template-columns:1fr auto;align-items:center;gap:4px;padding-right:6px;display:grid}.sfp-aside-row:hover{background:var(--surface-2)}.sfp-aside-row.is-selected{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-aside-row.is-selected{background:color-mix(in oklch,var(--accent) 14%,transparent)}}.sfp-aside-row.is-selected{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-aside-row.is-selected{border-color:color-mix(in oklch,var(--accent) 40%,transparent)}}.sfp-aside-row:not(.is-active){opacity:.7}.sfp-aside-row:not(.is-active):hover,.sfp-aside-row.is-selected{opacity:1}.sfp-aside-pick{appearance:none;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:18px 1fr;align-items:center;gap:8px;min-width:0;padding:6px 8px;font-size:12px;display:grid}.sfp-aside-swatch{border:1px solid;border-radius:4px;width:18px;height:18px}@supports (color:color-mix(in lab,red,red)){.sfp-aside-swatch{border:1px solid color-mix(in oklch,currentColor 25%,transparent)}}.sfp-aside-name{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:11px;overflow:hidden}.sfp-aside-dot{appearance:none;background:currentColor;border:0;border-radius:50%;width:12px;height:12px}@supports (color:color-mix(in lab,red,red)){.sfp-aside-dot{background:color-mix(in oklch,currentColor 20%,transparent)}}.sfp-aside-dot{cursor:pointer;padding:0;transition:transform .1s,box-shadow .15s}.sfp-aside-dot:hover{transform:scale(1.25)}.sfp-aside-dot.on{background:var(--accent);box-shadow:0 0 0 2px var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-aside-dot.on{box-shadow:0 0 0 2px color-mix(in oklch,var(--accent) 25%,transparent)}}.sfp-canvas{min-width:0}.sfp-canvas-empty{text-align:center;opacity:.6;border:1px dashed var(--border);border-radius:8px;padding:32px}.sfp-wys{border:1px solid #0000;border-radius:10px;flex-direction:column;gap:10px;min-height:140px;padding:22px 22px 18px;transition:box-shadow .12s;display:flex;position:relative}.sfp-wys .sfp-wys{margin-top:14px}.sfp-wys-head{opacity:.78;justify-content:space-between;align-items:center;gap:8px;display:flex}.sfp-wys-title{letter-spacing:.02em;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.sfp-wys-tag{background:currentColor;border-radius:3px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:10px;font-weight:400}@supports (color:color-mix(in lab,red,red)){.sfp-wys-tag{background:color-mix(in oklch,currentColor 8%,transparent)}}.sfp-wys-tag{opacity:.65}.sfp-wys-contrast{border-radius:3px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:10px}.sfp-wys-contrast.is-aaa{background:#4ade8033}.sfp-wys-contrast.is-aa{background:#86efac33}.sfp-wys-contrast.is-aa-large{background:#fbbf2433}.sfp-wys-contrast.is-fail{background:#fca5a533}.sfp-wys-h{letter-spacing:-.015em;color:var(--current-heading,currentColor);margin:0;font-size:20px;font-weight:600;line-height:1.2}.sfp-wys-p{opacity:.82;margin:0;font-size:13px;line-height:1.5}.sfp-wys-footer{align-items:center;gap:14px;margin-top:6px;display:flex}.sfp-wys-link{cursor:default;color:var(--current-link,currentColor);border-bottom:1px solid;padding-bottom:1px;font-size:13px}.sfp-wys-btn{background:var(--current-buttonLabel,currentColor);color:var(--current-bg,var(--bg,white));border:1px solid;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.sfp-wys-pickers{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.sfp-wys-layer{background:currentColor;align-items:center;gap:6px;padding:4px 6px;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.sfp-wys-layer{background:color-mix(in oklch,currentColor 8%,transparent)}}.sfp-wys-layer{border:1px solid}@supports (color:color-mix(in lab,red,red)){.sfp-wys-layer{border:1px solid color-mix(in oklch,currentColor 15%,transparent)}}.sfp-wys-layer{cursor:pointer;border-radius:4px;min-width:0;font-size:10px}.sfp-wys-layer:hover{border-color:currentColor}@supports (color:color-mix(in lab,red,red)){.sfp-wys-layer:hover{border-color:color-mix(in oklch,currentColor 35%,transparent)}}.sfp-wys-layer.is-overridden{border-color:var(--accent)}.sfp-wys-chip{border:1px solid;border-radius:4px;width:18px;height:18px}@supports (color:color-mix(in lab,red,red)){.sfp-wys-chip{border:1px solid color-mix(in oklch,currentColor 25%,transparent)}}.sfp-wys-chip{cursor:pointer;flex:none;justify-content:center;align-items:center;margin:0;padding:0;transition:transform .1s,box-shadow .1s;display:inline-flex;position:relative}.sfp-wys-chip:hover{box-shadow:0 0 0 2px var(--accent);transform:scale(1.08)}@supports (color:color-mix(in lab,red,red)){.sfp-wys-chip:hover{box-shadow:0 0 0 2px color-mix(in oklch,var(--accent) 40%,transparent)}}.sfp-wys-chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sfp-wys-chip .sfp-wys-mode-badge{background:var(--surface);border:1px solid var(--border-strong);min-width:10px;height:10px;color:var(--text);border-radius:2px;padding:0 2px;font-size:8px;line-height:1;position:absolute;bottom:-3px;right:-3px}.sfp-wys-lbl{opacity:.75;font-family:ui-monospace,monospace;font-size:10px}.sfp-wys-picker{opacity:0;cursor:pointer;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.sfp-wys-pick{appearance:none;cursor:pointer;color:inherit;z-index:2;background:0 0;border:0;align-items:center;gap:4px;margin:0;padding:0;display:inline-flex;position:relative}.sfp-wys-mode-badge{background:currentColor;border-radius:3px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-family:ui-monospace,monospace;font-size:10px;line-height:1;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.sfp-wys-mode-badge{background:color-mix(in oklch,currentColor 10%,transparent)}}.sfp-wys-mode-badge{border:1px solid}@supports (color:color-mix(in lab,red,red)){.sfp-wys-mode-badge{border:1px solid color-mix(in oklch,currentColor 25%,transparent)}}.sfp-wys-mode-badge[data-mode=specific]{color:var(--accent)}.sfp-wys-mode-badge[data-mode=relationship]{color:#7aa2ff}.sfp-wys-mode-badge[data-mode=rule]{color:#f0a656}.sfp-wys-mode-badge[data-mode=contrast]{color:#58c6a7}.sfp-pop{background:var(--surface);border:1px solid var(--border-strong);z-index:1000;width:300px;color:var(--text);border-radius:8px;font-size:11px;position:absolute;box-shadow:0 16px 48px #0000008c,0 2px 8px #00000059}.sfp-pop-head{border-bottom:1px solid var(--border);background:currentColor;align-items:center;gap:6px;padding:8px 10px;display:flex}@supports (color:color-mix(in lab,red,red)){.sfp-pop-head{background:color-mix(in oklch,currentColor 4%,transparent)}}.sfp-pop-head{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:8px 8px 0 0}.sfp-pop.is-dragging,.sfp-pop.is-dragging .sfp-pop-head{cursor:grabbing}.sfp-pop-title{opacity:1;flex:1;font-weight:600}.sfp-pop-title code{opacity:.7;font-size:10px;font-weight:400}.sfp-pop-x{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:2px 6px;font-size:14px;line-height:1}.sfp-pop-x:hover{background:var(--surface-2)}.sfp-pop-tabs{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.sfp-pop-tab{appearance:none;color:var(--text);cursor:pointer;opacity:.55;border:0;border-right:1px solid var(--border);background:0 0;padding:8px 4px;font-size:11px;font-weight:600;transition:opacity .12s,background .12s,color .12s}.sfp-pop-tab:last-child{border-right:0}.sfp-pop-tab:hover{background:var(--surface-2);opacity:1}.sfp-pop-tab.is-active{background:var(--surface-2);color:var(--accent);opacity:1;box-shadow:inset 0 -2px 0 var(--accent)}.sfp-pop-body{flex-direction:column;gap:6px;padding:8px;display:flex}.sfp-pop-preview{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;align-items:center;gap:10px;padding:8px;display:flex}.sfp-pop-preview-swatch{border:1px solid var(--border);cursor:pointer;border-radius:6px;flex:none;width:56px;height:56px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 1px 2px #0000004d}.sfp-pop-preview-swatch input[type=color]{opacity:0;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.sfp-pop-preview-meta{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.sfp-pop-hex-input{background:var(--surface-2);border:1px solid var(--border);width:100%;color:inherit;letter-spacing:.02em;text-transform:uppercase;border-radius:4px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600}.sfp-pop-hex-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);outline:none}@supports (color:color-mix(in lab,red,red)){.sfp-pop-hex-input:focus{box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 35%,transparent)}}.sfp-pop-preview-hint{opacity:.6;font-size:10px;line-height:1.35}.sfp-pop-row{grid-template-columns:64px 1fr auto;align-items:center;gap:6px;display:grid}.sfp-pop-row>span{opacity:.7;font-size:10px}.sfp-pop-row input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:3px;width:28px;height:22px;padding:0}.sfp-pop-row input[type=text],.sfp-pop-row select{background:var(--surface-2);border:1px solid var(--border);color:inherit;border-radius:3px;min-width:0;padding:3px 6px;font-size:11px}.sfp-pop-hint{opacity:.6;margin:2px 0 0;font-size:10px;line-height:1.35}.sfp-pop-foot{border-top:1px solid var(--border);justify-content:flex-end;padding:6px 8px;display:flex}.sfp-pop-clear{appearance:none;color:var(--accent);border:1px solid var(--accent);background:0 0}@supports (color:color-mix(in lab,red,red)){.sfp-pop-clear{border:1px solid color-mix(in oklch,var(--accent) 40%,transparent)}}.sfp-pop-clear{cursor:pointer;border-radius:3px;padding:3px 8px;font-size:10px}.sfp-pop-clear:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-pop-clear:hover{background:color-mix(in oklch,var(--accent) 12%,transparent)}}.sfp-pop-swatches{grid-template-columns:repeat(10,1fr);gap:3px;padding:4px 0;display:grid}.sfp-pop-swatch{appearance:none;border:1px solid}@supports (color:color-mix(in lab,red,red)){.sfp-pop-swatch{border:1px solid color-mix(in oklch,currentColor 20%,transparent)}}.sfp-pop-swatch{cursor:pointer;aspect-ratio:1;border-radius:3px;padding:0}.sfp-pop-swatch:hover{border-color:var(--accent);transform:scale(1.1)}.sfp-pop-chips{background:var(--surface-2);border-radius:4px;gap:3px;margin-bottom:4px;padding:2px;display:flex}.sfp-pop-chip{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;flex:1;padding:4px 6px;font-size:10px}.sfp-pop-chip:hover{background:var(--surface)}.sfp-pop-chip.is-active{background:var(--accent);color:#fff;font-weight:600}.sfp-pop-row--slider{grid-template-columns:64px 1fr 64px}.sfp-pop-row--slider input[type=range]{width:100%}.sfp-pop-num{text-align:center;background:var(--surface-2);border:1px solid var(--border);cursor:ns-resize;-webkit-user-select:none;user-select:none;border-radius:3px;padding:3px 6px;font-family:ui-monospace,monospace;font-size:10px}.sfp-pop-num:hover{border-color:var(--accent)}.sfp-pop-num:focus{outline:1px solid var(--accent);outline-offset:1px}.sfp-pop-pills{gap:3px;padding:2px 0;display:flex}.sfp-pop-pill{appearance:none;background:var(--surface-2);border:1px solid var(--border);color:inherit;cursor:pointer;border-radius:3px;padding:3px 8px;font-family:ui-monospace,monospace;font-size:10px}.sfp-pop-pill:hover{border-color:var(--accent);color:var(--accent)}.sfp-wys-cgrade-lbl{background:currentColor;align-items:center;padding:0 6px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.sfp-wys-cgrade-lbl{background:color-mix(in oklch,currentColor 8%,transparent)}}.sfp-wys-cgrade-lbl{border-right:1px solid}@supports (color:color-mix(in lab,red,red)){.sfp-wys-cgrade-lbl{border-right:1px solid color-mix(in oklch,currentColor 14%,transparent)}}.sfp-wys-cgrade-lbl{opacity:.7;text-transform:lowercase}.sfp-wys-cgrade{z-index:2;background:var(--panel,#1a1a1a);border:1px solid;align-items:stretch;gap:0;margin-left:auto;display:inline-flex;position:relative}@supports (color:color-mix(in lab,red,red)){.sfp-wys-cgrade{border:1px solid color-mix(in oklch,currentColor 18%,transparent)}}.sfp-wys-cgrade{letter-spacing:.04em;border-radius:4px;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.sfp-wys-grade{appearance:none;cursor:pointer;background:0 0;border:0;border-right:1px solid}@supports (color:color-mix(in lab,red,red)){.sfp-wys-grade{border-right:1px solid color-mix(in oklch,currentColor 14%,transparent)}}.sfp-wys-grade{color:var(--text,#ddd)}@supports (color:color-mix(in lab,red,red)){.sfp-wys-grade{color:color-mix(in oklch,var(--text,#ddd) 75%,transparent)}}.sfp-wys-grade{padding:3px 5px;transition:background .12s,color .12s}.sfp-wys-grade:last-of-type{border-right:1px solid}@supports (color:color-mix(in lab,red,red)){.sfp-wys-grade:last-of-type{border-right:1px solid color-mix(in oklch,currentColor 14%,transparent)}}.sfp-wys-grade:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-wys-grade:hover{background:color-mix(in oklch,var(--accent) 14%,transparent)}}.sfp-wys-grade:hover{color:var(--text,#ddd)}.sfp-wys-grade.is-rec{color:var(--accent)}.sfp-wys-grade.is-rec:after{content:"★";opacity:.7;margin-left:2px;font-size:7px}.sfp-wys-grade.is-on{background:var(--accent);color:var(--panel,#1a1a1a)}.sfp-wys-grade.is-below{text-decoration:line-through}@supports (color:color-mix(in lab,red,red)){.sfp-wys-grade.is-below{-webkit-text-decoration-color:color-mix(in oklch,currentColor 50%,transparent);text-decoration-color:color-mix(in oklch,currentColor 50%,transparent)}}.sfp-wys-cnum{appearance:textfield;width:36px;color:var(--text,#ddd);font:inherit;text-align:center;background:0 0;border:0;padding:3px 4px}.sfp-wys-cnum::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sfp-wys-cnum::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sfp-wys-cnum.is-fail{color:#ff6b6b}.sfp-wys-cnum:focus{outline:1px solid var(--accent);outline-offset:-1px}.sfp-wys-clear{appearance:none;color:var(--accent);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:3px;margin-left:auto;padding:2px;font-size:12px;line-height:1;position:relative}.sfp-wys-clear:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-wys-clear:hover{background:color-mix(in oklch,var(--accent) 15%,transparent)}}.sfp-wys-mod{appearance:none;cursor:pointer;background:0 0;border:1px solid}@supports (color:color-mix(in lab,red,red)){.sfp-wys-mod{border:1px solid color-mix(in oklch,currentColor 25%,transparent)}}.sfp-wys-mod{color:inherit;letter-spacing:.06em;text-transform:uppercase;opacity:.55;border-radius:3px;padding:3px 5px;font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .12s,background .12s,border-color .12s}.sfp-wys-mod:hover{opacity:1}.sfp-wys-mod.is-on{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-wys-mod.is-on{background:color-mix(in oklch,var(--accent) 18%,transparent)}}.sfp-wys-mod.is-on{border-color:var(--accent);color:var(--accent);opacity:1}.sfp-wys-mod-num{letter-spacing:.06em;text-transform:uppercase;opacity:0;pointer-events:none;align-items:center;gap:2px;max-width:0;font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .15s,max-width .18s ease-out;display:inline-flex;overflow:hidden}.sfp-wys-layer:hover .sfp-wys-mod-num,.sfp-wys-layer:focus-within .sfp-wys-mod-num{opacity:.85;pointer-events:auto;max-width:64px}.sfp-wys-mod-num:hover,.sfp-wys-mod-num:focus-within{opacity:1!important}.sfp-wys-mod-num>span{color:inherit}.sfp-wys-mod-num input[type=number]{width:28px;color:inherit;background:0 0;border:1px solid;padding:2px 3px}@supports (color:color-mix(in lab,red,red)){.sfp-wys-mod-num input[type=number]{border:1px solid color-mix(in oklch,currentColor 20%,transparent)}}.sfp-wys-mod-num input[type=number]{font:inherit;text-align:center;-moz-appearance:textfield;border-radius:3px}.sfp-wys-mod-num input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sfp-wys-mod-num input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sfp-wys-layer.is-extra{border-style:dashed;border-color:currentColor}@supports (color:color-mix(in lab,red,red)){.sfp-wys-layer.is-extra{border-color:color-mix(in oklch,currentColor 35%,transparent)}}.sfp-wys-hex-cluster{flex:none;align-items:center;gap:4px;margin-inline-start:auto;display:inline-flex}.sfp-wys-hex{letter-spacing:.01em;background:currentColor;border-radius:3px;padding:2px 5px;font:600 10px/1 ui-monospace,monospace}@supports (color:color-mix(in lab,red,red)){.sfp-wys-hex{background:color-mix(in oklch,currentColor 10%,transparent)}}.sfp-wys-hex{color:inherit;white-space:nowrap}.sfp-wys-copy{appearance:none;background:0 0;border:1px solid}@supports (color:color-mix(in lab,red,red)){.sfp-wys-copy{border:1px solid color-mix(in oklch,currentColor 25%,transparent)}}.sfp-wys-copy{color:inherit;cursor:pointer;border-radius:3px;height:18px;padding:0 4px;font-size:11px;line-height:1;transition:background .1s,border-color .1s}.sfp-wys-copy:hover{background:currentColor}@supports (color:color-mix(in lab,red,red)){.sfp-wys-copy:hover{background:color-mix(in oklch,currentColor 12%,transparent)}}.sfp-wys-copy:hover{border-color:currentColor}@supports (color:color-mix(in lab,red,red)){.sfp-wys-copy:hover{border-color:color-mix(in oklch,currentColor 45%,transparent)}}.sfp-wys-copy:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sfp-wys-add{appearance:none;background:0 0;border:1px dashed}@supports (color:color-mix(in lab,red,red)){.sfp-wys-add{border:1px dashed color-mix(in oklch,currentColor 30%,transparent)}}.sfp-wys-add{color:inherit;cursor:pointer;opacity:.6;border-radius:4px;padding:2px 8px;font-size:13px;line-height:1}.sfp-wys-add:hover{opacity:1;background:currentColor}@supports (color:color-mix(in lab,red,red)){.sfp-wys-add:hover{background:color-mix(in oklch,currentColor 8%,transparent)}}.sfp-add-grid{flex-wrap:wrap;gap:4px;padding-bottom:4px;display:flex}.sfp-add-chip{appearance:none;background:var(--surface-2);border:1px solid var(--border);color:inherit;cursor:pointer;border-radius:3px;padding:3px 8px;font-family:ui-monospace,monospace;font-size:10px}.sfp-add-chip:hover{border-color:var(--accent);color:var(--accent)}.sfp-add-group{margin-bottom:8px}.sfp-add-group:last-of-type{margin-bottom:0}.sfp-add-group-title{letter-spacing:.06em;text-transform:uppercase;color:currentColor;margin:0 0 4px;padding:0;font:600 9px/1 ui-monospace,monospace}@supports (color:color-mix(in lab,red,red)){.sfp-add-group-title{color:color-mix(in oklch,currentColor 55%,transparent)}}.sfp-add-row{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:3px;display:flex}.sfp-add-states{border-inline-start:1px solid var(--border);flex-wrap:wrap;gap:2px;margin-inline-start:2px;padding-inline-start:6px;display:inline-flex}.sfp-add-state-pill{appearance:none;border:1px dashed var(--border);color:inherit;cursor:pointer;background:0 0;border-radius:3px;padding:2px 6px;font:600 9px/1 ui-monospace,monospace}.sfp-add-state-pill:hover{border-color:var(--accent);color:var(--accent);border-style:solid}.sfp-wys-state-badge{letter-spacing:.04em;text-transform:uppercase;background:currentColor;border-radius:3px;align-items:center;margin-inline-start:4px;padding:1px 5px;font:600 8px/1.2 ui-monospace,monospace;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.sfp-wys-state-badge{background:color-mix(in oklch,currentColor 12%,transparent)}}.sfp-wys-state-badge{color:inherit}.sfp-wys-state-add-strip{border-inline-start:1px solid;align-items:center;gap:2px;margin-inline-start:6px;padding-inline-start:6px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.sfp-wys-state-add-strip{border-inline-start:1px solid color-mix(in oklch,currentColor 14%,transparent)}}.sfp-wys-state-add-strip{opacity:.55;transition:opacity .12s}.sfp-wys-layer:hover .sfp-wys-state-add-strip{opacity:1}.sfp-wys-state-add{appearance:none;color:inherit;background:0 0;border:1px dashed}@supports (color:color-mix(in lab,red,red)){.sfp-wys-state-add{border:1px dashed color-mix(in oklch,currentColor 24%,transparent)}}.sfp-wys-state-add{cursor:pointer;letter-spacing:.02em;border-radius:3px;padding:2px 5px;font:600 9px/1 ui-monospace,monospace}.sfp-wys-state-add:hover{border-style:solid;border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.sfp-wys-state-add:hover{background:color-mix(in oklch,var(--accent) 14%,transparent)}}.sfp-wys-state-add:hover{color:var(--accent)}.sfp-wys-stbar{flex-wrap:wrap;gap:3px;margin-block-start:6px;display:flex}.sfp-wys-stoggle{appearance:none;background:currentColor}@supports (color:color-mix(in lab,red,red)){.sfp-wys-stoggle{background:color-mix(in oklch,currentColor 8%,transparent)}}.sfp-wys-stoggle{border:1px solid}@supports (color:color-mix(in lab,red,red)){.sfp-wys-stoggle{border:1px solid color-mix(in oklch,currentColor 55%,transparent)}}.sfp-wys-stoggle{color:inherit;cursor:pointer;opacity:1;letter-spacing:.02em;border-radius:4px;padding:4px 8px;font:700 10px/1 ui-monospace,monospace}.sfp-wys-stoggle:hover{background:currentColor;border-color:currentColor}@supports (color:color-mix(in lab,red,red)){.sfp-wys-stoggle:hover{background:color-mix(in oklch,currentColor 16%,transparent)}}.sfp-wys-stoggle.is-on{color:var(--current-bg,canvas);background:currentColor;border-color:currentColor}.sfp-hint-footer{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;align-items:center;gap:6px;padding:6px 8px;font-size:10px;display:flex}.sfp-hint-label{color:var(--text-faint)}.sfp-hint-pattern{color:var(--accent);font-family:ui-monospace,monospace;font-weight:600}.sfp-chooser{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;width:340px;max-height:480px;padding:10px;font-size:11px;display:flex;overflow:auto;box-shadow:0 16px 40px #00000073}.sfp-chooser.is-inline{z-index:auto;width:auto;max-height:none;box-shadow:none;background:var(--surface);padding:14px;font-size:12px;position:static;top:auto;left:auto;overflow:visible}.sfp-chooser-head{color:var(--text);justify-content:space-between;align-items:center;font-weight:600;display:flex}.sfp-chooser-close{appearance:none;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;width:22px;height:22px;font-size:16px;line-height:1}.sfp-chooser-close:hover{color:var(--text);background:var(--surface-2)}.sfp-chooser-tabs{background:var(--surface-2);border-radius:5px;gap:2px;padding:2px;display:flex}.sfp-chooser-tab{appearance:none;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;flex:1;padding:5px 8px;font-size:10px;font-weight:600}.sfp-chooser-tab.is-active{background:var(--surface);color:var(--text)}.sfp-chooser-body{flex-direction:column;gap:6px;display:flex}.sfp-chooser-lede{color:var(--text-faint);margin:0;font-size:10px;line-height:1.4}.sfp-chooser-grid{grid-template-columns:1fr 1fr;gap:4px;max-height:240px;display:grid;overflow-y:auto}.sfp-chooser-opt{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text);border-radius:4px;grid-template-columns:16px 1fr auto;align-items:center;gap:6px;padding:5px 6px;font-size:10px;display:grid}.sfp-chooser-opt:hover{border-color:var(--accent)}.sfp-chooser-swatch{border:1px solid var(--border);border-radius:3px;width:16px;height:16px}.sfp-chooser-label{font-weight:600}.sfp-chooser-tag{color:var(--text-faint);text-transform:uppercase;font-size:9px}.sfp-chooser-empty{color:var(--text-faint);margin:0;font-style:italic}.sfp-chooser-field{color:var(--text-dim);grid-template-columns:70px 1fr;align-items:center;gap:6px;font-size:10px;display:grid}.sfp-chooser-field input[type=text],.sfp-chooser-field input[type=color],.sfp-chooser-field select{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:5px 7px;font-size:11px}.sfp-chooser-field input[type=color]{height:28px;padding:1px}.sfp-chooser-preview{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:4px;align-items:center;gap:6px;padding:5px 7px;font-family:ui-monospace,monospace;font-size:10px;display:flex}.sfp-chooser-submit{appearance:none;background:var(--accent);color:var(--surface);cursor:pointer;border:none;border-radius:4px;padding:6px 10px;font-size:11px;font-weight:600}.sfp-chooser-submit:hover{filter:brightness(1.1)}.fdl{flex-direction:column;gap:10px;font-size:11px;display:flex}.fdl-lede{color:var(--text-dim);margin:0;font-size:11px;line-height:1.45}.fdl-lede code{background:var(--surface-2);border-radius:3px;padding:1px 4px;font-family:ui-monospace,monospace;font-size:10px}.fdl-modules{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;grid-template-columns:1fr;gap:4px;max-height:260px;padding:8px;display:grid;overflow-y:auto}.fdl-loading{color:var(--text-faint);text-align:center;margin:0;padding:8px}.fdl-err{color:#fca5a5}.fdl-module{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:4px;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:5px 8px;font-size:11px;transition:border-color .15s;display:grid}.fdl-module:hover{border-color:var(--border-strong)}.fdl-module:has(input:checked){border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.fdl-module:has(input:checked){background:color-mix(in oklch,var(--accent) 8%,var(--surface))}}.fdl-module input{margin:0}.fdl-module-label{color:var(--text);font-weight:500}.fdl-module-size{color:var(--text-faint);font-family:ui-monospace,monospace;font-size:9.5px}.fdl-options{flex-wrap:wrap;gap:8px;padding-top:2px;display:flex}.fdl-opt{color:var(--text-dim);cursor:pointer;align-items:center;gap:5px;font-size:11px;display:inline-flex}.fdl-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.fdl-actions .btn{padding:7px 12px;font-size:11px}.fdl-size{color:var(--text-faint);font-size:10.5px}.fdl-status{background:var(--surface-2);border-left:3px solid var(--accent);border-radius:4px;margin:0;padding:7px 10px;font-size:10.5px;line-height:1.4}.fdl-status.is-err{color:#fca5a5;border-color:#ef4444}.fdl-foot{color:var(--text-faint);margin:0;font-size:10px;line-height:1.4}.fdl-foot code{background:var(--surface-2);border-radius:3px;padding:1px 4px;font-family:ui-monospace,monospace;font-size:9.5px}.qs-wrap{flex-direction:column;gap:0;padding-bottom:32px;display:flex}.qs-section{border-bottom:1px solid var(--border);padding:16px 14px}.qs-section:last-child{border-bottom:0}.qs-section-head{align-items:center;gap:7px;margin-bottom:12px;display:flex}.qs-section-link{color:var(--accent);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:10.5px;font-weight:500;transition:opacity .12s}.qs-section-link:hover{opacity:.8}.qs-select{background:var(--surface-2);width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:5px;padding:6px 8px;font-family:inherit;font-size:11.5px;transition:border-color .12s}.qs-select:hover{border-color:var(--border-strong)}.qs-select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.qs-palette-preview{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;flex-wrap:wrap;gap:3px;min-height:26px;padding:4px;display:flex}.qs-preview-swatch{border:1px solid var(--border-strong);border-radius:3px;flex:22px;min-width:22px;height:22px}@supports (color:color-mix(in lab,red,red)){.qs-preview-swatch{border:1px solid color-mix(in oklch,var(--border-strong) 80%,transparent)}}.qs-preview-swatch{cursor:help;transition:transform .12s}.qs-preview-swatch:hover{z-index:1;transform:scale(1.08)}.qs-preview-empty{color:var(--text-faint);flex:1;align-self:center;padding:2px 6px;font-size:10px}.qs-lib-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;display:grid}.qs-lib-empty{color:var(--text-faint);text-align:center;background:var(--surface-2);border:1px dashed var(--border);border-radius:6px;grid-column:1/-1;margin:0;padding:10px;font-size:10.5px}.qs-lib-card{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:6px;flex-direction:column;gap:6px;min-width:0;padding:8px;transition:border-color .15s,background .15s;display:flex}.qs-lib-card:hover{border-color:var(--border-strong);background:var(--surface-3)}.qs-lib-dots{gap:2px;height:14px;display:flex}.qs-lib-dot{border-radius:2px;flex:1;min-width:0}.qs-lib-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;font-size:10px;overflow:hidden}.qs-section-icon{font-size:14px;line-height:1}.qs-section-title{color:var(--text);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:600}.qs-color-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.qs-color-swatch{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;width:44px;height:44px;padding:2px}.qs-hex-input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:6px;flex:1;padding:8px 10px;font-family:ui-monospace,monospace;font-size:13px}.qs-hex-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.qs-field-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:10px}.qs-field-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.qs-field-row .qs-section-link{text-transform:none;letter-spacing:normal;margin-left:0}.qs-help{color:var(--text-faint);opacity:.85;margin:8px 0 0;font-size:11px;line-height:1.45}.qs-help strong{color:var(--text);font-weight:600}.qs-chips{flex-wrap:wrap;gap:6px;display:flex}.qs-chip{background:var(--surface-2);border:1px solid var(--border);min-width:0;color:var(--text-dim);cursor:pointer;text-align:center;border-radius:7px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:7px 6px 6px;font-size:11px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:flex}.qs-chip:hover{border-color:var(--border-strong);color:var(--text)}.qs-chip.active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.qs-chip.active{background:color-mix(in oklch,var(--accent) 18%,transparent)}}.qs-chip.active{border-color:var(--accent);color:var(--accent)}.qs-chip-sub{color:var(--text-faint);font-size:9px;font-weight:400}.qs-chip.active .qs-chip-sub{color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.qs-chip.active .qs-chip-sub{color:color-mix(in oklch,var(--accent) 70%,var(--text-faint))}}.qs-pairs-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;min-width:0;max-height:320px;padding-right:2px;display:grid;overflow:hidden auto}.qs-pairs-grid::-webkit-scrollbar{width:4px}.qs-pairs-grid::-webkit-scrollbar-track{background:0 0}.qs-pairs-grid::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.qs-pair-card{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:10px 10px 8px;transition:border-color .15s,background .15s;display:flex}.qs-pair-card:hover{border-color:var(--border-strong);background:var(--surface-3)}.qs-pair-card.active{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.qs-pair-card.active{background:color-mix(in oklch,var(--accent) 12%,transparent)}}.qs-pair-aa{color:var(--text);margin-bottom:4px;font-size:22px;font-weight:700;line-height:1}.qs-pair-card.active .qs-pair-aa{color:var(--accent)}.qs-pair-vibe{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;align-self:stretch;min-width:0;max-width:100%;font-size:10px;font-weight:600;overflow:hidden}.qs-pair-fonts{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;align-self:stretch;min-width:0;max-width:100%;font-size:9px;overflow:hidden}.qs-feel-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.qs-feel-btn{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;transition:border-color .15s,background .15s;display:flex}.qs-feel-btn:hover{border-color:var(--border-strong)}.qs-feel-btn.active{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.qs-feel-btn.active{background:color-mix(in oklch,var(--accent) 12%,transparent)}}.qs-feel-dots{justify-content:center;align-items:center;width:100%;height:18px;display:flex}.qs-feel-dots span{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:4px;height:4px}.qs-feel-btn.active .qs-feel-dots span{background:var(--accent)}.qs-feel-tight span+span{margin-left:2px}.qs-feel-normal span+span{margin-left:4px}.qs-feel-relaxed span+span{margin-left:7px}.qs-feel-airy span+span{margin-left:10px}.qs-feel-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:600}.qs-feel-btn.active .qs-feel-label{color:var(--accent)}.pages-chip-menu-new:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pages-chip-menu-new:hover{background:color-mix(in oklch,var(--accent) 10%,transparent)}}.bhv{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex;position:relative}.bhv-head{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:2px 0 6px;display:flex}.bhv-title{color:var(--text);margin:0;font-size:13px;font-weight:600}.bhv-lede{color:var(--text-dim);margin:0;font-size:11px;line-height:1.45}.bhv-lede strong{color:var(--text);font-weight:600}.bhv-body{flex:auto;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:10px;min-height:0;display:grid}.bhv-rail{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;flex-direction:column;gap:6px;min-width:0;max-width:280px;display:flex;overflow:hidden}.bhv-rail-head{border-bottom:1px solid var(--border);background:var(--panel-2,#1d1d28);align-items:center;gap:6px;padding:6px 8px;display:flex}.bhv-search{background:var(--surface-3,#ffffff08);min-width:0;color:var(--text);border:1px solid var(--border);border-radius:4px;flex:auto;padding:4px 6px;font-size:11px}.bhv-search:focus{border-color:var(--accent);outline:none}.bhv-rail-count{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-3,#ffffff0a);border:1px solid var(--border);border-radius:999px;padding:2px 6px;font-size:10px;font-weight:600}.bhv-rail-list{flex-direction:column;flex:auto;gap:8px;padding:6px 4px;display:flex;overflow-y:auto}.bhv-rail-note{color:var(--text-faint);border-top:1px solid var(--border);margin:0;padding:6px 8px;font-size:10px}.bhv-group{flex-direction:column;gap:2px;display:flex}.bhv-group-head{justify-content:space-between;align-items:center;padding:2px 8px;display:flex}.bhv-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:9px;font-weight:700}.bhv-group-count{color:var(--text-faint);font-size:10px}.bhv-group-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.bhv-action{cursor:default;-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:column;gap:2px;padding:4px 8px;transition:background .12s;display:flex}.bhv-action:hover{background:var(--surface-3,#ffffff0a)}.bhv-action-kind{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text);background:0 0;padding:0;font-size:11px}.bhv-action-label{color:var(--text-faint);font-size:10px;line-height:1.2}.bhv-main{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;flex:auto;min-width:0;padding:14px;overflow-y:auto}.bhv-main-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:420px;margin:36px auto;display:flex}.bhv-empty-icon{color:var(--accent);opacity:.75;font-size:28px;line-height:1}.bhv-empty-title{color:var(--text);margin:0;font-size:13px;font-weight:600}.bhv-empty-body{color:var(--text-dim);margin:0;font-size:12px;line-height:1.5}.bhv-empty-hint{color:var(--text-faint);margin:4px 0 0;font-size:11px}.bhv-overlay{pointer-events:none;z-index:2147483600;width:0;height:0;position:fixed;top:0;left:0;overflow:visible}.bhv-wire{fill:none;stroke-linecap:round;stroke-dasharray:6 6;pointer-events:stroke;cursor:pointer;opacity:.9;transition:stroke-width .12s,opacity .12s}.bhv-wire--outgoing{stroke:var(--color-accent,#7c5cff);stroke-width:2px;animation:1.2s linear infinite bhv-wire-flow}.bhv-wire--incoming{stroke:var(--color-secondary,#ff3d71);stroke-width:1.5px;animation:1.2s linear infinite reverse bhv-wire-flow}.bhv-wire:hover{stroke-width:3px;opacity:1;animation-play-state:paused}.bhv-overlay--hover-only .bhv-wire{opacity:.18;animation-play-state:paused}.bhv-overlay--hover-only .bhv-wire-dot{opacity:.25}.bhv-overlay--hover-only .bhv-wire.is-hot,.bhv-overlay--hover-only .bhv-wire:hover{opacity:1;stroke-width:3px;animation-play-state:running}.bhv-wire-dot{pointer-events:none;stroke:#00000059;stroke-width:1px}.bhv-wire-dot--outgoing{fill:var(--color-accent,#7c5cff)}.bhv-wire-dot--incoming{fill:var(--color-secondary,#ff3d71)}.bhv-wire-tooltip{pointer-events:none;font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:#fff;border:1px solid var(--color-accent,#7c5cff);white-space:nowrap;z-index:2147483601;background:#12121af5;border-radius:4px;margin-top:-6px;padding:6px 8px;font-size:11px;line-height:1.35;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 14px #00000080}.bhv-wire-tooltip[hidden]{display:none}.bhv-wire-tooltip--incoming{border-color:var(--color-secondary,#ff3d71)}.bhv-wire-tooltip-arrow{color:var(--text-faint,#888);padding:0 4px}@keyframes bhv-wire-flow{to{stroke-dashoffset:-24px}}.bhv-empty{color:var(--text-faint);background:var(--surface-3,#ffffff08);border:1px dashed var(--border);text-align:center;border-radius:4px;padding:10px 12px;font-size:11px}.bhv-empty--error{color:var(--color-danger,#f27a7a);border-color:var(--color-danger,#f27a7a)}.bhv-inspector{flex-direction:column;gap:12px;display:flex}.bhv-inspector-head{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding-bottom:8px;display:flex}.bhv-inspector-title{align-items:baseline;gap:6px;display:flex}.bhv-inspector-tag{color:var(--text);text-transform:lowercase;font-size:13px;font-weight:600}.bhv-inspector-classes{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text-faint);font-size:11px}.bhv-inspector-selector{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text-dim);background:var(--surface-3,#ffffff0a);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;align-self:flex-start;max-width:100%;padding:2px 6px;font-size:11px;overflow:hidden}.bhv-wire-section{flex-direction:column;gap:6px;display:flex}.bhv-wire-section-title{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin:0;font-size:11px;font-weight:700;display:flex}.bhv-wire-section-count{background:var(--surface-3,#ffffff0a);border:1px solid var(--border);color:var(--text-faint);border-radius:999px;padding:1px 6px;font-size:10px;font-weight:600}.bhv-wire-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.bhv-wire{border:1px solid var(--border);background:var(--surface-3,#ffffff08);border-radius:4px;flex-direction:column;gap:3px;padding:6px 8px;display:flex}.bhv-wire-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bhv-wire-trigger{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text);background:var(--accent);border-radius:3px;padding:1px 6px;font-size:11px}@supports (color:color-mix(in lab,red,red)){.bhv-wire-trigger{background:color-mix(in oklch,var(--accent) 18%,transparent)}}.bhv-wire-arrow{color:var(--text-faint);font-size:10px}.bhv-wire-kind{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text);background:0 0;padding:0;font-size:11px}.bhv-wire-target{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text-dim);font-size:11px}.bhv-wire-params{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text-faint);padding-left:2px;font-size:10px}.bhv-wire-badge{text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);color:var(--text-faint);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.bhv-wire-badge--disabled{color:var(--color-danger,#f27a7a);border-color:var(--color-danger,#f27a7a)}@supports (color:color-mix(in lab,red,red)){.bhv-wire-badge--disabled{border-color:color-mix(in oklch,var(--color-danger,#f27a7a) 40%,transparent)}}.bhv-inspector-foot{color:var(--text-faint);margin:6px 0 0;font-size:10px;line-height:1.4}.bhv-inspector-foot code{font-family:var(--font-mono,ui-monospace, Menlo, monospace);background:var(--surface-3,#ffffff0a);border-radius:3px;padding:1px 4px;font-size:10px}.bhv-shorthand{border:1px dashed var(--border);background:var(--accent);border-radius:5px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;margin:8px 0 10px;padding:6px 8px;display:grid}@supports (color:color-mix(in lab,red,red)){.bhv-shorthand{background:color-mix(in oklch,var(--accent) 5%,transparent)}}.bhv-shorthand[data-disabled=true]{opacity:.55;pointer-events:none}.bhv-shorthand-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);align-items:center;gap:4px;font-size:10px;display:inline-flex}.bhv-shorthand-input{font-family:var(--font-mono,ui-monospace, Menlo, monospace);border:1px solid var(--border);background:var(--surface-3,#ffffff08);color:var(--text);border-radius:3px;min-width:0;padding:4px 6px;font-size:11px}.bhv-shorthand-input:focus{border-color:var(--accent,#7c5cff);box-shadow:0 0 0 2px var(--accent);outline:none}@supports (color:color-mix(in lab,red,red)){.bhv-shorthand-input:focus{box-shadow:0 0 0 2px color-mix(in oklch,var(--accent) 30%,transparent)}}.bhv-shorthand-feedback{grid-column:1/-1;padding:3px 0 0;font-size:10px;line-height:1.4}.bhv-shorthand-feedback.is-error{color:var(--color-danger,#f27a7a)}.bhv-shorthand-feedback.is-ok{color:var(--color-success,#59d499)}.bhv-wire-shorthand{border-top:1px dotted var(--border);align-items:center;gap:6px;padding:2px 0 0;display:flex}@supports (color:color-mix(in lab,red,red)){.bhv-wire-shorthand{border-top:1px dotted color-mix(in oklch,var(--border) 80%,transparent)}}.bhv-wire-shorthand{margin-top:2px}.bhv-wire-shorthand code{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:10px;overflow:hidden}.bhv-wire-shorthand-copy{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.bhv-wire-shorthand-copy:hover{color:var(--text);border-color:var(--accent,#7c5cff)}.bhv-wire-lozenges{flex-wrap:wrap;gap:4px;padding-top:2px;display:flex}.bhv-wire-lozenge{border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;align-items:center;gap:4px;max-width:100%;padding:1px 6px;font-size:10px;display:inline-flex;overflow:hidden}.bhv-wire-lozenge code{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text);text-overflow:ellipsis;font-size:10px;overflow:hidden}.bhv-wire-lozenge--when{border-color:var(--color-info,#5bb6ff)}@supports (color:color-mix(in lab,red,red)){.bhv-wire-lozenge--when{border-color:color-mix(in oklch,var(--color-info,#5bb6ff) 40%,transparent)}}.bhv-wire-lozenge--done{border-color:var(--color-success,#59d499)}@supports (color:color-mix(in lab,red,red)){.bhv-wire-lozenge--done{border-color:color-mix(in oklch,var(--color-success,#59d499) 40%,transparent)}}.bhv-wire-lozenge--group{border-color:var(--accent,#7c5cff)}@supports (color:color-mix(in lab,red,red)){.bhv-wire-lozenge--group{border-color:color-mix(in oklch,var(--accent,#7c5cff) 40%,transparent)}}.bhv-state{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;margin:10px 8px 12px;overflow:hidden}.bhv-state-summary{cursor:pointer;align-items:center;gap:8px;padding:8px 10px;font-weight:600;list-style:none;display:flex}.bhv-state-summary::-webkit-details-marker{display:none}.bhv-state-summary:before{content:"▸";color:var(--text-faint);font-size:10px;transition:transform .12s}.bhv-state[open] .bhv-state-summary:before{transform:rotate(90deg)}.bhv-state-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:12px}.bhv-state-count{background:var(--accent);border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}@supports (color:color-mix(in lab,red,red)){.bhv-state-count{background:color-mix(in oklch,var(--accent) 20%,transparent)}}.bhv-state-count{color:var(--text)}.bhv-state-body{flex-direction:column;gap:8px;padding:0 10px 10px;display:flex}.bhv-state-declare{grid-template-columns:1fr 1fr auto;gap:6px;display:grid}.bhv-state-declare-key,.bhv-state-declare-value{font-family:var(--font-mono,ui-monospace, Menlo, monospace);border:1px solid var(--border);background:var(--surface-3,#ffffff08);color:var(--text);border-radius:3px;min-width:0;padding:4px 6px;font-size:11px}.bhv-state-declare-key:focus,.bhv-state-declare-value:focus{border-color:var(--accent,#7c5cff);outline:none}.bhv-state-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.bhv-state-item{border:1px solid var(--border);background:var(--surface-3,#ffffff08);border-radius:4px;flex-direction:column;gap:3px;padding:5px 6px;display:flex}.bhv-state-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:6px;display:grid}.bhv-state-key{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.bhv-state-value{font-family:var(--font-mono,ui-monospace, Menlo, monospace);background:var(--surface-1);border:1px solid #0000;border-radius:3px;padding:2px 5px;font-size:11px}@supports (color:color-mix(in lab,red,red)){.bhv-state-value{background:color-mix(in oklch,var(--surface-1) 50%,transparent)}}.bhv-state-value{color:var(--text);min-width:0}.bhv-state-value:focus,.bhv-state-value:hover{border-color:var(--accent,#7c5cff);background:var(--surface-1);outline:none}.bhv-state-reset{border:1px solid var(--border);color:var(--text-faint);cursor:pointer;background:0 0;border-radius:3px;padding:0 6px;font-size:12px;line-height:1}.bhv-state-reset:hover{color:var(--text);border-color:var(--accent,#7c5cff)}.bhv-state-meta{gap:4px;padding-left:2px;display:flex}.bhv-state-chip{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border);color:var(--text-faint);border-radius:3px;padding:1px 5px;font-size:9px}.bhv-state-chip--read{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bhv-state-chip--read{border-color:color-mix(in oklch,var(--accent) 40%,transparent)}}.bhv-state-chip--read{color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bhv-state-chip--read{color:color-mix(in oklch,var(--accent) 70%,var(--text))}}.bhv-state-chip--write{border-color:var(--color-success,#59d499)}@supports (color:color-mix(in lab,red,red)){.bhv-state-chip--write{border-color:color-mix(in oklch,var(--color-success,#59d499) 40%,transparent)}}.bhv-state-chip--write{color:var(--color-success,#59d499)}.bhv-state-empty{color:var(--text-faint);margin:0;padding:6px 0;font-size:10px}.bhv-inspector-head-actions{gap:6px;margin:4px 0;display:flex}.bhv-action-btn{background:var(--surface-2);color:var(--text,#e6e6ef);border:1px solid var(--border);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.bhv-action-btn:hover:not(:disabled){background:var(--surface-3,#ffffff0a);border-color:var(--color-accent,#7c5cff);color:var(--color-accent,#7c5cff)}.bhv-action-btn:disabled{opacity:.5;cursor:not-allowed}.bhv-action-btn:focus-visible{outline:2px solid var(--color-accent,#7c5cff);outline-offset:1px}body.bhv-dragging{cursor:crosshair}body.bhv-dragging,body.bhv-dragging *{cursor:crosshair!important}.bhv-drag-outline{pointer-events:none;z-index:9998;box-sizing:border-box;border-radius:3px;position:fixed}.bhv-drag-outline--source{border:2px solid var(--color-accent,#7c5cff);box-shadow:0 0 0 2px var(--color-accent,#7c5cff)}@supports (color:color-mix(in lab,red,red)){.bhv-drag-outline--source{box-shadow:0 0 0 2px color-mix(in oklch,var(--color-accent,#7c5cff) 30%,transparent)}}.bhv-drag-outline--source{animation:1.2s ease-in-out infinite bhv-drag-pulse}.bhv-drag-outline--target{border:2px dashed var(--color-secondary,#ff3d71);box-shadow:0 0 0 2px var(--color-secondary,#ff3d71)}@supports (color:color-mix(in lab,red,red)){.bhv-drag-outline--target{box-shadow:0 0 0 2px color-mix(in oklch,var(--color-secondary,#ff3d71) 25%,transparent)}}@keyframes bhv-drag-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in oklch,var(--color-accent,#7c5cff) 30%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklch,var(--color-accent,#7c5cff) 10%,transparent)}}.bhv-overlay--drag{z-index:9999}.bhv-wire--draft{stroke:var(--color-accent,#7c5cff)}@supports (color:color-mix(in lab,red,red)){.bhv-wire--draft{stroke:color-mix(in oklch,var(--color-accent,#7c5cff),white 30%)}}.bhv-wire--draft{stroke-width:2px;stroke-dasharray:6 4;fill:none;animation:.6s linear infinite bhv-wire-flow}.bhv-picker{background:var(--surface-1);border:1px solid var(--border);z-index:10000;border-radius:6px;flex-direction:column;gap:4px;min-width:260px;max-width:320px;padding:6px;font-size:11px;display:flex;position:fixed;box-shadow:0 10px 30px #0006}.bhv-picker-head{display:flex}.bhv-picker-search{background:var(--surface-2);color:var(--text,#e6e6ef);border:1px solid var(--border);font:inherit;border-radius:4px;flex:1;padding:5px 8px}.bhv-picker-search:focus{border-color:var(--color-accent,#7c5cff);outline:none}.bhv-picker-list{flex-direction:column;gap:2px;max-height:240px;display:flex;overflow-y:auto}.bhv-picker-item{color:var(--text,#e6e6ef);cursor:pointer;text-align:left;font:inherit;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px;display:flex}.bhv-picker-item:hover{background:var(--surface-2)}.bhv-picker-item.is-highlighted{background:var(--color-accent,#7c5cff)}@supports (color:color-mix(in lab,red,red)){.bhv-picker-item.is-highlighted{background:color-mix(in oklch,var(--color-accent,#7c5cff) 20%,transparent)}}.bhv-picker-item.is-highlighted{border-color:var(--color-accent,#7c5cff)}.bhv-picker-item-kind{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--color-accent,#7c5cff);font-size:11px}.bhv-picker-item-hint{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);background:var(--surface-2);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:9px}.bhv-picker-empty{color:var(--text-faint);text-align:center;padding:12px}.bhv-picker-params{padding:6px 4px}.bhv-picker-params-title{color:var(--text-faint);margin:0 0 8px;font-size:11px}.bhv-picker-params-title code{color:var(--color-accent,#7c5cff);font-family:var(--font-mono,ui-monospace, Menlo, monospace)}.bhv-picker-form{flex-direction:column;gap:6px;display:flex}.bhv-picker-param{flex-direction:column;gap:2px;display:flex}.bhv-picker-param-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.bhv-picker-param-input{background:var(--surface-2);color:var(--text,#e6e6ef);border:1px solid var(--border);font:inherit;border-radius:4px;padding:5px 8px}.bhv-picker-param-input:focus{border-color:var(--color-accent,#7c5cff);outline:none}.bhv-picker-form-actions{justify-content:flex-end;gap:6px;margin-top:4px;display:flex}.bhv-picker-confirm{background:var(--color-accent,#7c5cff);color:#fff;border-color:var(--color-accent,#7c5cff)}.bhv-picker-confirm:hover:not(:disabled){background:var(--color-accent,#7c5cff)}@supports (color:color-mix(in lab,red,red)){.bhv-picker-confirm:hover:not(:disabled){background:color-mix(in oklch,var(--color-accent,#7c5cff),black 15%)}}.bhv-picker-confirm:hover:not(:disabled){color:#fff}.bhv-wire.is-clickable{cursor:pointer}.bhv-wire.is-clickable:hover{background:var(--surface-2,#ffffff08)}.bhv-wire.is-clickable:focus-visible{outline:2px solid var(--color-accent,#7c5cff);outline-offset:2px}.bhv-editor{background:var(--surface-1);width:min(420px,100%);position:absolute;top:0;bottom:0;right:0}@supports (color:color-mix(in lab,red,red)){.bhv-editor{background:color-mix(in oklab,var(--surface-1) 92%,transparent)}}.bhv-editor{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid var(--border);z-index:40;flex-direction:column;transition:transform .26s ease-out;display:flex;overflow:hidden;transform:translate(100%);box-shadow:-8px 0 20px #00000059}.bhv-editor.is-open{transform:translate(0)}.bhv-editor[hidden]{display:none}.bhv-editor-panel{flex-direction:column;height:100%;min-height:0;display:flex}.bhv-editor-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.bhv-editor-title{color:var(--text);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.bhv-editor-close{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 6px;font-size:18px;line-height:1}.bhv-editor-close:hover{color:var(--text);background:var(--surface-2,#ffffff0a)}.bhv-editor-body{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.bhv-editor-group{border:1px solid var(--border);background:var(--surface-0,#00000026);border-radius:6px;flex-direction:column;gap:8px;margin:0;padding:10px 10px 12px;display:flex}.bhv-editor-legend{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:0 6px;font-size:10px;font-weight:600}.bhv-editor-field{flex-direction:column;gap:3px;display:flex}.bhv-editor-field-label{color:var(--text-dim);text-transform:lowercase;letter-spacing:.02em;font-size:10px}.bhv-editor-optional{color:var(--text-faint);font-size:9px;font-style:italic}.bhv-editor-input,.bhv-editor-select,.bhv-editor-textarea{background:var(--surface-1);width:100%;color:var(--text);border:1px solid var(--border);box-sizing:border-box;border-radius:4px;padding:5px 7px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.bhv-editor-textarea{resize:vertical;min-height:34px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.bhv-editor-input:focus,.bhv-editor-select:focus,.bhv-editor-textarea:focus{border-color:var(--color-accent,#7c5cff);outline:none}.bhv-editor-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bhv-editor-check{color:var(--text);cursor:pointer;align-items:center;gap:6px;font-size:11px;display:flex}.bhv-editor-check input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-accent,#7c5cff)}.bhv-editor-params{flex-direction:column;gap:6px;display:flex}.bhv-editor-hint{color:var(--text-faint);margin:0;font-size:10px;line-height:1.4}.bhv-editor-hint code{background:var(--surface-2,#ffffff0a);border-radius:3px;padding:0 3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.bhv-editor-note{color:var(--text-dim);margin:0;font-size:11px;font-style:italic}.bhv-editor-empty{text-align:center;color:var(--text-dim);padding:16px;font-size:11px}.bhv-editor-pick{background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;align-self:flex-start;padding:4px 10px;font-size:10px}.bhv-editor-pick:hover:not(:disabled){background:var(--color-accent,#7c5cff);color:#fff;border-color:var(--color-accent,#7c5cff)}.bhv-editor-pick:disabled{opacity:.5;cursor:not-allowed}.bhv-editor-foot{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.bhv-editor-delete{border:1px solid var(--color-danger,#f27a7a);color:var(--color-danger,#f27a7a);cursor:pointer;background:0 0;border-radius:4px;padding:5px 10px;font-size:11px}.bhv-editor-delete:hover{background:var(--color-danger,#f27a7a);color:#fff}.bhv-wire-badge--snippet{color:var(--color-accent,#7c5cff);border-color:var(--color-accent,#7c5cff)}@supports (color:color-mix(in lab,red,red)){.bhv-wire-badge--snippet{border-color:color-mix(in oklch,var(--color-accent,#7c5cff) 40%,transparent)}}.bhv-wire-badge--snippet{background:var(--color-accent,#7c5cff)}@supports (color:color-mix(in lab,red,red)){.bhv-wire-badge--snippet{background:color-mix(in oklch,var(--color-accent,#7c5cff) 12%,transparent)}}.bhv-editor-code{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.bhv-editor-code-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.bhv-editor-code-wrap{position:relative}.bhv-editor-code-input{box-sizing:border-box;width:100%;font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:var(--text,#e6e6ef);background:var(--surface-3,#00000059);border:1px solid var(--border);resize:vertical;tab-size:2;white-space:pre;overflow-wrap:normal;border-radius:4px;padding:8px 10px;font-size:12px;line-height:1.5;overflow-x:auto}.bhv-editor-code-input:focus{border-color:var(--color-accent,#7c5cff);box-shadow:0 0 0 2px var(--color-accent,#7c5cff);outline:none}@supports (color:color-mix(in lab,red,red)){.bhv-editor-code-input:focus{box-shadow:0 0 0 2px color-mix(in oklch,var(--color-accent,#7c5cff) 25%,transparent)}}.bhv-editor-code-meta{color:var(--text-faint);justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-size:10px;display:flex}.bhv-editor-code-lines{font-family:var(--font-mono,ui-monospace, Menlo, monospace)}.bhv-editor-code-hint a{color:var(--color-accent,#7c5cff);text-decoration:none}.bhv-editor-code-hint a:hover{text-decoration:underline}.bhv-editor-tier{background:var(--surface-3,#ffffff0a);border:1px solid;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.bhv-editor-tier-label{opacity:.85;font-weight:500}.bhv-editor-tier--1{color:#5fc792;background:#5fc7921f;border-color:#5fc79266}.bhv-editor-tier--2{color:#e8b36a;background:#e8b36a1f;border-color:#e8b36a66}.bhv-editor-tier--3{color:var(--color-secondary,#ff3d71);border-color:var(--color-secondary,#ff3d71)}@supports (color:color-mix(in lab,red,red)){.bhv-editor-tier--3{border-color:color-mix(in oklch,var(--color-secondary,#ff3d71) 45%,transparent)}}.bhv-editor-tier--3{background:var(--color-secondary,#ff3d71)}@supports (color:color-mix(in lab,red,red)){.bhv-editor-tier--3{background:color-mix(in oklch,var(--color-secondary,#ff3d71) 14%,transparent)}}.bhv-editor-code-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.bhv-editor-code-spacer{flex:1}.bhv-editor-trust{color:var(--text-dim);align-items:center;gap:6px;font-size:10px;display:inline-flex}.bhv-editor-code-validate{font-size:10px}.bhv-editor-code-lint{flex-wrap:wrap;gap:4px;min-height:0;display:flex}.bhv-editor-code-lint:empty{display:none}.bhv-editor-lint-chip{font-family:var(--font-mono,ui-monospace, Menlo, monospace);color:#e8b36a;cursor:help;background:#e8b36a1f;border:1px solid oklch(80.008% .109706 73.9876/.4);border-radius:10px;padding:1px 6px;font-size:9px;font-weight:700}.bhv-editor-code-feedback{font-family:var(--font-mono,ui-monospace, Menlo, monospace);border-radius:4px;margin-top:2px;padding:6px 8px;font-size:10px}.bhv-editor-code-feedback--ok{color:#5fc792;background:#5fc7921f;border:1px solid oklch(75.3365% .124863 159.044/.4)}.bhv-editor-code-feedback--err{color:var(--color-secondary,#ff3d71);background:var(--color-secondary,#ff3d71)}@supports (color:color-mix(in lab,red,red)){.bhv-editor-code-feedback--err{background:color-mix(in oklch,var(--color-secondary,#ff3d71) 12%,transparent)}}.bhv-editor-code-feedback--err{border:1px solid var(--color-secondary,#ff3d71)}@supports (color:color-mix(in lab,red,red)){.bhv-editor-code-feedback--err{border:1px solid color-mix(in oklch,var(--color-secondary,#ff3d71) 40%,transparent)}}.bhv-editor-tier-popover{background:var(--surface-1);border:1px solid var(--border);width:340px;max-width:calc(100vw - 16px);color:var(--text);border-radius:8px;padding:12px 14px;font-size:11px;line-height:1.45;box-shadow:0 12px 32px #0006}.bhv-editor-tier-popover-title{margin:0 0 6px;font-size:12px}.bhv-editor-tier-popover-list{flex-direction:column;gap:6px;margin:0 0 10px;padding-left:16px;display:flex}.bhv-editor-tier-popover-list code{font-family:var(--font-mono,ui-monospace, Menlo, monospace);background:var(--surface-3,#ffffff0a);border-radius:3px;padding:0 3px}.bhv-trust-modal-scrim{z-index:10100;background:#0000008c;position:fixed;inset:0}.bhv-trust-modal{background:var(--surface-1);border:1px solid var(--border);width:420px;max-width:calc(100vw - 24px);color:var(--text);z-index:10101;border-radius:10px;padding:20px 22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 48px #0000008c}.bhv-trust-modal-title{margin:0 0 10px;font-size:14px}.bhv-trust-modal-body{color:var(--text-dim);margin:0 0 10px;font-size:12px;line-height:1.5}.bhv-trust-modal-body code{font-family:var(--font-mono,ui-monospace, Menlo, monospace);background:var(--surface-3,#ffffff0a);color:var(--text);border-radius:3px;padding:0 3px}.bhv-trust-modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.bhv-trust-modal-confirm{background:var(--color-accent,#7c5cff);color:#fff;border-color:var(--color-accent,#7c5cff)}.bhv-trust-modal-confirm:hover{filter:brightness(1.1)}.bhv-head-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.bhv-alpine-header-group{color:var(--text-muted,#ffffffa6);align-items:center;gap:10px;font-size:12px;display:inline-flex}.bhv-alpine-label{color:var(--text,#fff);font-weight:600}.bhv-alpine-toggle{cursor:help;align-items:center;gap:4px;display:inline-flex}.bhv-alpine-toggle input[type=checkbox]{accent-color:var(--color-accent,#7c5cff)}.bhv-alpine-count{border:1px solid var(--border,#ffffff26);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:2px 10px;font-size:11px;transition:background .15s,border-color .15s,color .15s}.bhv-alpine-count:hover:not(:disabled){border-color:var(--color-accent,#7c5cff);color:var(--color-accent,#7c5cff)}.bhv-alpine-count:disabled{opacity:.5;cursor:default}.bhv-alpine-count--active{background:var(--color-accent,#7c5cff);border-color:var(--color-accent,#7c5cff);color:#fff}.bhv-passthrough{border-top:1px solid var(--border,#ffffff14);margin-top:10px;padding-top:8px}.bhv-passthrough-summary{cursor:pointer;color:var(--text-muted,#ffffffa6);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;list-style:none;display:inline-flex}.bhv-passthrough-summary:before{content:"▸";font-size:10px;transition:transform .15s ease-out}.bhv-passthrough[open]>.bhv-passthrough-summary:before{transform:rotate(90deg)}.bhv-passthrough-count{background:var(--surface-3,#ffffff0f);border-radius:999px;padding:1px 8px;font-size:10px;font-weight:600}.bhv-passthrough-body{margin-top:10px;padding-left:14px}.bhv-passthrough-note{color:var(--text-muted,#ffffff8c);margin:0 0 8px;font-size:11px}.bhv-passthrough-list{flex-direction:column;gap:4px;margin:0 0 8px;padding:0;list-style:none;display:flex}.bhv-passthrough-item{background:var(--surface-2,#ffffff08);border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;font-size:11px;display:flex}.bhv-passthrough-item code{font-family:var(--font-mono,monospace);color:var(--text,#fff)}.bhv-passthrough-empty{color:var(--text-muted,#ffffff73);font-size:11px;font-style:italic}.bhv-passthrough-remove{color:var(--text-muted,#ffffff80);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.bhv-passthrough-remove:hover{color:var(--color-danger,#f27a7a)}.bhv-passthrough-add{align-items:center;gap:6px;display:flex}.bhv-passthrough-input{background:var(--surface-2,#ffffff08);border:1px solid var(--border,#ffffff1a);color:inherit;font-size:11px;font-family:var(--font-mono,monospace);border-radius:4px;flex:1;padding:4px 8px}.bhv-passthrough-input:focus{border-color:var(--color-accent,#7c5cff);outline:none}.bhv-editor-panel--alpine .bhv-editor-group[disabled]{opacity:.55}.bhv-alpine-notice{border:1px solid var(--color-accent,#7c5cff);background:var(--color-accent,#7c5cff)}@supports (color:color-mix(in lab,red,red)){.bhv-alpine-notice{background:color-mix(in oklab,var(--color-accent,#7c5cff) 10%,transparent)}}.bhv-alpine-notice{border-radius:6px;margin-bottom:14px;padding:12px}.bhv-alpine-notice-title{color:var(--color-accent,#7c5cff);margin:0 0 6px;font-size:12px;font-weight:600}.bhv-alpine-notice-body{color:var(--text-muted,#ffffffbf);margin:0 0 10px;font-size:12px}.bhv-alpine-notice-expr{background:var(--surface-1);white-space:pre-wrap;word-break:break-all;border-radius:4px;margin:0 0 10px;padding:8px;font-size:11px;overflow-x:auto}.bhv-alpine-notice-actions{flex-wrap:wrap;gap:8px;display:flex}.bhv-alpine-convert-btn{background:var(--color-accent,#7c5cff);color:#fff;border-color:var(--color-accent,#7c5cff)}.bhv-alpine-convert-btn:hover{filter:brightness(1.1)}.ap-root{flex-direction:column;gap:8px;display:flex}.ap-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ap-upload-btn{border:1px solid var(--border);background:var(--surface-elev);color:var(--text);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:inline-flex}.ap-upload-btn:hover{background:var(--surface-hi)}.ap-add-url{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:11px}.ap-add-url:hover{background:var(--surface-elev)}.ap-meta{color:var(--text-faint);margin-inline-start:auto;font-size:10px}.ap-dropzone{border:1px dashed var(--border);border-radius:4px;min-height:80px;padding:8px;transition:background-color .15s,border-color .15s}.ap-dropzone.is-dragover{background:var(--surface-elev);border-color:var(--accent,#5a9)}.ap-empty{color:var(--text-faint);text-align:center;margin:0;padding:12px;font-size:11px}.ap-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.ap-card{border:1px solid var(--border);background:var(--surface-elev);border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.ap-thumb{aspect-ratio:4/3;background:var(--surface);justify-content:center;align-items:center;display:flex;overflow:hidden}.ap-thumb img{object-fit:contain;max-width:100%;max-height:100%}.ap-thumb-missing{color:var(--text-faint);font-size:10px}.ap-card-body{flex-direction:column;gap:4px;padding:6px 8px;display:flex}.ap-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.ap-card-meta{color:var(--text-faint);flex-wrap:wrap;gap:6px;font-size:9px;display:flex}.ap-chip{border:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;border-radius:3px;padding:0 4px;font-size:9px}.ap-card-alt{color:var(--text-faint);font-size:9px;font-style:italic}.ap-card-alt em{opacity:.6}.ap-card-actions{flex-wrap:wrap;gap:2px;display:flex}.ap-card-actions button{border:1px solid var(--border);min-width:28px;color:var(--text);cursor:pointer;background:0 0;border-radius:3px;flex:1;padding:2px 4px;font-size:10px}.ap-card-actions button:hover{background:var(--surface-hi)}.ap-card-actions button.danger:hover{color:#fff;background:#5a1a1a}.ds-panel{flex-direction:column;gap:10px;display:flex}.ds-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ds-intro{opacity:.75;flex:1;margin:0;font-size:.78rem}.ds-add{border:1px solid var(--border);background:var(--surface-hi);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:4px;padding:4px 10px;font-size:.8rem}.ds-add:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.ds-add:hover{background:color-mix(in oklch,var(--accent) 12%,transparent)}}.ds-empty{opacity:.55;text-align:center;border:1px dashed var(--border);border-radius:4px;padding:12px;font-size:.8rem}.ds-card{border:1px solid var(--border);background:var(--accent);border-radius:4px;flex-direction:column;gap:6px;padding:10px;display:flex}@supports (color:color-mix(in lab,red,red)){.ds-card{background:color-mix(in oklch,var(--accent) 4%,transparent)}}.ds-card-head{grid-template-columns:1fr auto auto;align-items:center;gap:6px;display:grid}.ds-name{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:3px;padding:3px 6px;font-family:ui-monospace,monospace;font-size:.85rem}.ds-count{opacity:.7;background:var(--surface-hi);text-align:center;border-radius:999px;min-width:20px;padding:2px 6px;font-size:.75rem}.ds-delete{border:1px solid var(--border);width:22px;height:22px;color:var(--text);cursor:pointer;background:0 0;border-radius:3px;padding:0;line-height:1}.ds-delete:hover{color:#fff;background:#5a1a1a;border-color:#5a1a1a}.ds-bind-hint{opacity:.65;margin:0;font-size:.72rem}.ds-bind-hint code,.ds-fields code{background:var(--surface-hi);border-radius:2px;padding:1px 4px;font-size:.72rem}.ds-fields{flex-wrap:wrap;gap:4px;margin:0;display:flex}.ds-fields .ds-empty{opacity:.5;border:none;padding:0;font-size:.72rem}.ds-json{border:1px solid var(--border);background:var(--surface);width:100%;min-height:120px;color:var(--text);resize:vertical;border-radius:3px;padding:6px;font-family:ui-monospace,monospace;font-size:.78rem}.ds-actions{align-items:center;gap:6px;display:flex}.ds-actions button{border:1px solid var(--border);background:var(--surface-hi);color:var(--text);cursor:pointer;border-radius:3px;padding:3px 10px;font-size:.78rem}.ds-actions button:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.ds-actions button:hover{background:color-mix(in oklch,var(--accent) 12%,transparent)}}.ds-status{opacity:.75;font-size:.72rem}.ds-status--ok{color:#4ade80;opacity:1}.ds-status--error{color:#f87171;opacity:1}.cnc{flex-direction:column;gap:12px;display:flex}.cnc-summary{background:var(--surface-2);border-radius:5px;flex-direction:column;gap:2px;padding:8px 10px;font-size:.8rem;display:flex}.cnc-summary strong{color:var(--text)}.cnc-summary-detail{opacity:.7;font-size:.7rem}.cnc-section{border:1px solid var(--border);background:var(--surface-1);border-radius:5px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.cnc-section--empty{opacity:.55}.cnc-h{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.cnc-h h4{color:var(--text);margin:0;font-size:.85rem}.cnc-count{background:var(--surface-3);color:var(--text);border-radius:10px;padding:1px 7px;font-size:.7rem}.cnc-hint{opacity:.65;margin:0;font-size:.72rem}.cnc-empty{opacity:.5;margin:4px 0 0;font-size:.72rem;font-style:italic}.cnc-rows{flex-direction:column;gap:3px;margin-top:2px;display:flex}.cnc-row{background:var(--surface-2);border-radius:4px}.cnc-row>summary{cursor:pointer;align-items:baseline;gap:8px;padding:5px 8px;font-size:.78rem;list-style:none;display:flex}.cnc-row>summary::-webkit-details-marker{display:none}.cnc-row>summary:before{content:"▸";opacity:.5;margin-right:2px;font-size:.65rem;transition:transform .12s}.cnc-row[open]>summary:before{display:inline-block;transform:rotate(90deg)}.cnc-id{font-family:var(--font-mono,ui-monospace, monospace);color:var(--accent);min-width:80px;font-size:.72rem}.cnc-name{color:var(--text);flex:1}.cnc-link{opacity:.6;font-size:.85rem;text-decoration:none}.cnc-link:hover{opacity:1}.cnc-body{flex-direction:column;gap:4px;padding:4px 10px 8px 26px;display:flex}.cnc-desc,.cnc-vendor{opacity:.78;margin:0;font-size:.72rem;line-height:1.4}.cnc-caps{flex-wrap:wrap;gap:3px;margin-top:2px;display:flex}.cnc-cap{background:var(--surface-3);opacity:.85;border-radius:8px;padding:1px 6px;font-size:.65rem}.cnc-status{background:var(--surface-3);border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.cnc-status--on{background:#10b981;border-color:#10b981}.cnc-enable{cursor:pointer;align-items:center;gap:6px;margin-top:4px;font-size:.75rem;display:flex}.cnc-enable-cb{cursor:pointer}.cnc-config{background:var(--bg);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:6px;margin-top:6px;padding:8px;display:flex}.cnc-field{flex-direction:column;gap:2px;display:flex}.cnc-field-label{color:var(--text-dim);font-size:.72rem}.cnc-field-input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:4px 6px;font-size:.75rem}.cnc-field-input:focus{border-color:var(--accent);outline:none}.cnc-req{color:#ef4444}.cnc-enabled-badge{color:#fff;background:#10b981;border-radius:8px;padding:1px 6px;font-size:.65rem;font-weight:600}.ssp{flex-direction:column;gap:14px;display:flex}.ssp-section{border:1px solid var(--border);background:var(--surface-1);border-radius:6px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.ssp-h{color:var(--text);margin:0;font-size:.9rem;font-weight:600}.ssp-hint{opacity:.7;margin:0 0 4px;font-size:.75rem;line-height:1.45}.ssp-hint code{background:var(--surface-2);opacity:.95;border-radius:3px;padding:1px 5px;font-family:ui-monospace,monospace;font-size:.72rem}.ssp-row{color:var(--text);grid-template-columns:160px 1fr;align-items:center;gap:10px;font-size:.78rem;display:grid}.ssp-row>span{opacity:.85;line-height:1.3}.ssp-row>span small{opacity:.55;margin-top:2px;font-size:.7rem;font-weight:400;display:block}.ssp-row>span small code{background:var(--surface-2);border-radius:2px;padding:0 3px;font-family:ui-monospace,monospace}.ssp-row input[type=text],.ssp-row input[type=url],.ssp-row input[type=tel],.ssp-row input[type=email],.ssp-row select,.ssp-row textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);box-sizing:border-box;border-radius:4px;padding:5px 8px;font-family:inherit;font-size:.8rem}.ssp-row input:focus,.ssp-row select:focus,.ssp-row textarea:focus{outline:1px solid var(--accent);outline-offset:0;border-color:var(--accent)}.ssp-row textarea{resize:vertical;min-height:64px;font-family:ui-monospace,monospace;font-size:.75rem;line-height:1.45}.ssp-row-tall{align-items:start}.ssp-row-tall>span{padding-top:4px}.ssp-row-check{grid-template-columns:auto 1fr;gap:6px}.ssp-row-check input[type=checkbox]{margin:0}.ssp-fieldset{border:1px solid var(--border);background:var(--accent);border-radius:5px;flex-direction:column;gap:8px;margin:4px 0 0;padding:10px 14px 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.ssp-fieldset{background:color-mix(in oklch,var(--accent) 3%,transparent)}}.ssp-fieldset>legend{opacity:.7;padding:0 6px;font-size:.72rem}.ssp-redirects{flex-direction:column;gap:6px;display:flex}.ssp-redirect{grid-template-columns:1fr auto 1fr 80px 28px;align-items:center;gap:6px;display:grid}.ssp-redirect input,.ssp-redirect select{border:1px solid var(--border);background:var(--surface);color:var(--text);box-sizing:border-box;border-radius:4px;width:100%;padding:5px 8px;font-size:.78rem}.ssp-arrow{opacity:.4;text-align:center;font-size:.85rem}.ssp-redirect-delete{border:1px solid var(--border);width:26px;height:26px;color:var(--text);cursor:pointer;background:0 0;border-radius:4px;padding:0;font-size:1rem;line-height:1}.ssp-redirect-delete:hover{color:#fff;background:#5a1a1a;border-color:#5a1a1a}.ssp-empty{opacity:.55;text-align:center;border:1px dashed var(--border);border-radius:4px;margin:0;padding:10px;font-size:.75rem}.ssp-add{border:1px solid var(--border);background:var(--surface-hi,var(--surface-2));color:var(--text);cursor:pointer;border-radius:4px;align-self:flex-start;padding:5px 12px;font-size:.78rem}.ssp-add:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.ssp-add:hover{background:color-mix(in oklch,var(--accent) 14%,transparent)}}.ssp-add:hover{border-color:var(--accent)}.ssp-csp-presets{align-items:center;gap:6px;margin-top:2px;display:flex}.ssp-csp-presets-label{opacity:.6;font-size:.72rem}.ssp-csp-preset{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:3px 10px;font-size:.72rem}.ssp-csp-preset:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.ssp-csp-preset:hover{background:color-mix(in oklch,var(--accent) 12%,transparent)}}.ssp-csp-preset:hover{border-color:var(--accent)}.ds-origin{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;padding:6px 10px}@supports (color:color-mix(in lab,red,red)){.ds-origin{background:color-mix(in oklch,var(--surface-2) 60%,transparent)}}.ds-origin>summary{cursor:pointer;opacity:.85;padding:2px 0;font-size:.78rem}.ds-origin>summary code{opacity:.8;background:0 0}.ds-origin-body{flex-direction:column;gap:8px;padding-top:8px;display:flex}.ds-origin-row{grid-template-columns:110px 1fr;align-items:center;gap:8px;font-size:.75rem;display:grid}.ds-origin-row--tall{align-items:start}.ds-origin-row>span{opacity:.7}.ds-origin-row input,.ds-origin-row select,.ds-origin-row textarea{background:var(--surface-1);width:100%;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:5px 8px;font-size:.75rem}.ds-origin-row textarea{font-family:var(--mono,ui-monospace, monospace);resize:vertical}.ds-origin-row input:focus,.ds-origin-row select:focus,.ds-origin-row textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.ds-origin-hint{opacity:.6;margin:0;font-size:.7rem;line-height:1.4}.ds-origin-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ds-fetch{border:1px solid var(--accent);background:var(--accent);padding:5px 12px}@supports (color:color-mix(in lab,red,red)){.ds-fetch{background:color-mix(in oklch,var(--accent) 18%,transparent)}}.ds-fetch{color:var(--text);cursor:pointer;border-radius:4px;font-size:.75rem}.ds-fetch:hover:not(:disabled){background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.ds-fetch:hover:not(:disabled){background:color-mix(in oklch,var(--accent) 28%,transparent)}}.ds-fetch:disabled{opacity:.5;cursor:progress}.ds-origin-fetched{opacity:.55;font-size:.7rem}:root{--lsd-handle-size:9px;--lsd-handle-fill:#fff;--lsd-handle-stroke:var(--accent,#7c5cff);--lsd-handle-radius:2px;--lsd-handle-shadow:0 1px 3px #0006}#lsd-resize-handles{z-index:9998;pointer-events:none;display:none;position:fixed}.lsd-rh{width:var(--lsd-handle-size);height:var(--lsd-handle-size);border:1.5px solid var(--lsd-handle-stroke);background:var(--lsd-handle-fill);border-radius:var(--lsd-handle-radius);box-shadow:var(--lsd-handle-shadow);pointer-events:auto;z-index:9998;box-sizing:border-box;transition:transform 80ms,box-shadow 80ms;position:fixed}.lsd-rh:hover{transform:scale(1.25)}.lsd-resize-hud{z-index:10000;color:#fff;pointer-events:none;white-space:nowrap;background:#14141cf2;border-radius:4px;padding:4px 8px;font:600 11px/1.2 ui-sans-serif,system-ui,sans-serif;position:fixed;box-shadow:0 4px 14px #0000004d}#lsd-grid-track-handles{z-index:9997;pointer-events:none;display:none;position:fixed}.lsd-gt-handle{pointer-events:auto;z-index:9997;box-sizing:border-box;position:fixed}.lsd-gt-handle-col{cursor:col-resize}.lsd-gt-handle-row{cursor:row-resize}.lsd-gt-line{background:var(--accent,#7c5cff);position:absolute}@supports (color:color-mix(in lab,red,red)){.lsd-gt-line{background:color-mix(in oklch,var(--accent,#7c5cff) 50%,transparent)}}.lsd-gt-line{transition:background 80ms}.lsd-gt-handle:hover .lsd-gt-line{background:var(--accent,#7c5cff)}.lsd-gt-line-col{width:2px;height:100%;top:0;left:5px}.lsd-gt-line-row{width:100%;height:2px;top:5px;left:0}.lsd-gt-label{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#14141ce6;border-radius:3px;padding:2px 5px;font:600 10px/1.2 ui-sans-serif,system-ui,sans-serif;transition:opacity .12s;position:absolute}.lsd-gt-handle:hover .lsd-gt-label{opacity:1}.lsd-gt-handle-col .lsd-gt-label{top:4px;left:14px}.lsd-gt-handle-row .lsd-gt-label{top:14px;left:4px}.lsd-gt-hud{z-index:10000;color:#fff;pointer-events:none;white-space:nowrap;background:#14141cf2;border-radius:4px;padding:4px 8px;font:600 11px/1.2 ui-sans-serif,system-ui,sans-serif;position:fixed;box-shadow:0 4px 14px #0000004d}#lsd-spacing-overlay{z-index:9997;pointer-events:none;display:none;position:fixed}.lsd-so-outline{pointer-events:none;box-sizing:border-box;border:1px dashed #f97316;border-radius:2px;position:fixed}.lsd-so-line{pointer-events:none;position:fixed}.lsd-so-cap{pointer-events:none;background:#f97316;position:fixed}.lsd-so-label{color:#fff;pointer-events:none;white-space:nowrap;background:#f97316eb;border-radius:3px;flex-direction:column;align-items:center;gap:1px;padding:2px 6px;font:600 10px/1.3 ui-sans-serif,system-ui,sans-serif;display:flex;position:fixed;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000040}.lsd-so-token{opacity:.85;font-size:9px;font-weight:400}#lsd-boxmodel-overlay{z-index:9996;pointer-events:none;display:none;position:fixed}.lsd-bm-strip,.lsd-bm-content{pointer-events:none;display:none;position:fixed}.lsd-bm-label{pointer-events:none;color:#fff;white-space:nowrap;z-index:9996;background:#14141cd1;border-radius:2px;padding:1px 3px;font:600 9px/1.2 ui-sans-serif,system-ui,sans-serif;display:none;position:fixed;transform:translate(-50%,-50%)}.lsd-esearch{z-index:99999;justify-content:center;align-items:flex-start;padding-block-start:18vh;display:flex;position:fixed;inset:0}.lsd-esearch-backdrop{-webkit-backdrop-filter:blur(6px);background:#00000073;position:absolute;inset:0}.lsd-esearch-modal{background:var(--surface-1);border:1px solid var(--border-strong);border-radius:12px;flex-direction:column;width:480px;max-width:90vw;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 48px #00000080,0 0 0 1px #ffffff0a}.lsd-esearch-input{border:none;border-block-end:1px solid var(--border);width:100%;color:var(--text);background:0 0;outline:none;padding:14px 16px;font-family:inherit;font-size:15px}.lsd-esearch-input::placeholder{color:var(--text-faint)}.lsd-esearch-list{max-height:480px;padding:4px 0;overflow-y:auto}.lsd-esearch-row{cursor:pointer;align-items:center;gap:8px;min-height:36px;padding:8px 16px;transition:background 80ms;display:flex}.lsd-esearch-row:hover{background:#ffffff0a}.lsd-esearch-active{background:#7c5cff26!important}.lsd-esearch-tag{color:var(--accent);flex-shrink:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:12px;font-weight:600}.lsd-esearch-meta{min-width:0;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:12px;overflow:hidden}.lsd-esearch-text{min-width:0;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-inline-start:auto;font-size:12px;overflow:hidden}.lsd-esearch-empty{text-align:center;color:var(--text-faint);padding:24px 16px;font-size:13px}.lsd-esearch-hint{border-block-start:1px solid var(--border);color:var(--text-faint);gap:16px;padding:8px 16px;font-size:11px;display:flex}.lsd-esearch-hint kbd{border:1px solid var(--border);background:#ffffff14;border-radius:4px;margin-inline-end:3px;padding:1px 5px;font-family:inherit;font-size:10px;line-height:1.4;display:inline-block}@keyframes lsd-fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes lsd-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.drawer-tab-panel:not([hidden]){animation:.12s ease-out both lsd-fadeIn}.save-subpanel:not([hidden]),.te-tab-panel:not([hidden]){animation:.1s ease-out both lsd-fadeIn}#drawer{transition:opacity .2s ease-out 50ms}#app[data-drawer=closed] #drawer{transition:opacity .12s ease-in}.cs-btn,.bhv-action-btn,.ee-toggle,.drawer-tab,.drawer-tab-trigger,.save-subtab,.icon-btn,.drawer-toggle,.ds-add,.ds-actions button,.ds-fetch,.ds-delete,.cl-cat-head,.kits-add,.export-radio-group label{transition:background 80ms,color 80ms,border-color 80ms,opacity 80ms}.cs-btn:hover{background:var(--surface-3)}.ee-toggle{border-radius:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in oklch,var(--accent) 60%,transparent)}}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px;transition:outline-color 80ms}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;transition:outline-color 80ms}.bhv-empty,.bhv-main-empty,.bhv-state-empty,.bhv-passthrough-empty,.bhv-picker-empty,.bhv-editor-empty,.ee-empty,.tt-empty,.tt-empty-state,.cd-empty,.cd-canvas-empty,.cw-empty,.gt-empty,.bl-empty,.lib-empty,.audit-empty,.sfp-empty,.sfp-canvas-empty,.sfp-chooser-empty,.qs-preview-empty,.qs-lib-empty,.ap-empty,.ds-empty,.bw-right-empty,.lsd-diff-empty,.ins-empty{animation:.2s ease-out both lsd-fadeIn}.bhv-empty,.cd-empty,.cw-empty,.gt-empty,.bl-empty,.tt-empty,.audit-empty,.sfp-empty,.ap-empty,.ds-empty,.lsd-diff-empty{line-height:1.55}#designer,.bhv-main,.drawer-tab-panel,.seo-stage-panel,.bw-right-body{scrollbar-width:thin;scrollbar-color:var(--text) transparent}@supports (color:color-mix(in lab,red,red)){#designer,.bhv-main,.drawer-tab-panel,.seo-stage-panel,.bw-right-body{scrollbar-color:color-mix(in oklch,var(--text) 15%,transparent) transparent}}#designer::-webkit-scrollbar{width:6px}.bhv-main::-webkit-scrollbar{width:6px}.drawer-tab-panel::-webkit-scrollbar{width:6px}.seo-stage-panel::-webkit-scrollbar{width:6px}.bw-right-body::-webkit-scrollbar{width:6px}#designer::-webkit-scrollbar-track{background:0 0}.bhv-main::-webkit-scrollbar-track{background:0 0}.drawer-tab-panel::-webkit-scrollbar-track{background:0 0}.seo-stage-panel::-webkit-scrollbar-track{background:0 0}.bw-right-body::-webkit-scrollbar-track{background:0 0}#designer::-webkit-scrollbar-thumb{background:var(--text)}@supports (color:color-mix(in lab,red,red)){#designer::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--text) 15%,transparent)}}#designer::-webkit-scrollbar-thumb{border-radius:3px}.bhv-main::-webkit-scrollbar-thumb{background:var(--text)}@supports (color:color-mix(in lab,red,red)){.bhv-main::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--text) 15%,transparent)}}.bhv-main::-webkit-scrollbar-thumb{border-radius:3px}.drawer-tab-panel::-webkit-scrollbar-thumb{background:var(--text)}@supports (color:color-mix(in lab,red,red)){.drawer-tab-panel::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--text) 15%,transparent)}}.drawer-tab-panel::-webkit-scrollbar-thumb{border-radius:3px}.seo-stage-panel::-webkit-scrollbar-thumb{background:var(--text)}@supports (color:color-mix(in lab,red,red)){.seo-stage-panel::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--text) 15%,transparent)}}.seo-stage-panel::-webkit-scrollbar-thumb{border-radius:3px}.bw-right-body::-webkit-scrollbar-thumb{background:var(--text)}@supports (color:color-mix(in lab,red,red)){.bw-right-body::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--text) 15%,transparent)}}.bw-right-body::-webkit-scrollbar-thumb{border-radius:3px}#designer::-webkit-scrollbar-thumb:hover{background:var(--text)}@supports (color:color-mix(in lab,red,red)){#designer::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--text) 25%,transparent)}}.bhv-main::-webkit-scrollbar-thumb:hover{background:var(--text)}@supports (color:color-mix(in lab,red,red)){.bhv-main::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--text) 25%,transparent)}}.drawer-tab-panel::-webkit-scrollbar-thumb:hover{background:var(--text)}@supports (color:color-mix(in lab,red,red)){.drawer-tab-panel::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--text) 25%,transparent)}}.seo-stage-panel::-webkit-scrollbar-thumb:hover{background:var(--text)}@supports (color:color-mix(in lab,red,red)){.seo-stage-panel::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--text) 25%,transparent)}}.bw-right-body::-webkit-scrollbar-thumb:hover{background:var(--text)}@supports (color:color-mix(in lab,red,red)){.bw-right-body::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--text) 25%,transparent)}}.lsd-skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);pointer-events:none;-webkit-user-select:none;user-select:none;background-size:200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite lsd-skeleton;color:#0000!important}details.section summary:before{transition:transform .15s}.drawer-tab-menu:not([hidden]){animation:.1s ease-out both lsd-fadeIn}.lsd-ai-fab{z-index:9998;border:1px solid var(--border);background:var(--surface-2);width:36px;height:36px;color:var(--accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,transform .15s;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 2px 8px #0000004d}.lsd-ai-fab:hover{background:var(--surface-3);transform:scale(1.08)}.lsd-ai-panel{z-index:9999;background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:360px;max-height:500px;animation:.15s ease-out both lsd-ai-slideUp;display:flex;position:fixed;bottom:60px;right:16px;overflow:hidden;box-shadow:0 8px 32px #0006}.lsd-ai-panel--minimized{max-height:40px}.lsd-ai-panel--minimized .lsd-ai-messages,.lsd-ai-panel--minimized .lsd-ai-input-area{display:none}@keyframes lsd-ai-slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.lsd-ai-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.lsd-ai-header__title{color:var(--text);letter-spacing:.02em;font-size:12px;font-weight:600}.lsd-ai-header__actions{gap:4px;display:flex}.lsd-ai-header__btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.lsd-ai-header__btn:hover{color:var(--text);background:var(--surface-2)}.lsd-ai-messages{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;flex-direction:column;flex:1;gap:8px;min-height:120px;max-height:360px;padding:12px;display:flex;overflow-y:auto}.lsd-ai-empty{color:var(--text-faint);text-align:center;padding:24px 16px;font-size:12px;line-height:1.5}.lsd-ai-msg{word-break:break-word;white-space:pre-wrap;border-radius:10px;max-width:88%;padding:8px 12px;font-size:12px;line-height:1.5}.lsd-ai-msg--user{background:var(--accent);color:#fff;border-bottom-right-radius:3px;align-self:flex-end}.lsd-ai-msg--assistant{background:var(--surface-2);color:var(--text);border-bottom-left-radius:3px;align-self:flex-start}.lsd-ai-msg--error{color:#f08080;background:#dc3c3c26;border-bottom-left-radius:3px;align-self:flex-start;font-size:11px}.lsd-ai-typing{gap:3px;padding-top:4px;display:inline-flex}.lsd-ai-typing span{background:var(--text-dim);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite lsd-ai-dot}.lsd-ai-typing span:nth-child(2){animation-delay:.15s}.lsd-ai-typing span:nth-child(3){animation-delay:.3s}@keyframes lsd-ai-dot{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.lsd-ai-actions{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.lsd-ai-action-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:10px;transition:background .1s,color .1s}.lsd-ai-action-btn:hover{background:var(--surface-3);color:var(--text)}.lsd-ai-input-area{border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:6px;padding:8px 12px;display:flex}.lsd-ai-textarea{background:var(--surface-1);border:1px solid var(--border);color:var(--text);resize:none;border-radius:8px;flex:1;min-height:30px;max-height:66px;padding:6px 10px;font-family:inherit;font-size:12px;line-height:1.4;overflow-y:auto}.lsd-ai-textarea::placeholder{color:var(--text-faint)}.lsd-ai-textarea:focus{border-color:var(--accent);outline:none}.lsd-ai-send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:opacity .1s;display:flex}.lsd-ai-send:hover{opacity:.85}#lsd-collab-cursors{pointer-events:none;z-index:10000;position:fixed;inset:0;overflow:hidden}#lsd-collab-presence{pointer-events:auto;-webkit-user-select:none;user-select:none}#lsd-quick-attrs{z-index:9999;background:var(--surface,#1a1d2e);border:1px solid var(--border,#ffffff1a);border-radius:8px;min-width:340px;max-width:480px;padding:6px;font-family:system-ui,-apple-system,sans-serif;display:none;position:fixed;box-shadow:0 8px 32px #00000073}.qa-input{width:100%;color:var(--text,#e6eaf4);box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:5px;outline:none;padding:8px 10px;font:13px ui-monospace,SF Mono,Cascadia Code,monospace}.qa-input:focus{border-color:var(--accent,#6a5cff);box-shadow:0 0 0 2px #6a5cff40}.qa-input::placeholder{color:#ffffff4d;font-family:system-ui,sans-serif;font-size:11px}.qa-hint{color:#ffffff59;-webkit-user-select:none;user-select:none;padding:4px 4px 2px;font-size:10px}.qa-autocomplete{border-top:1px solid #ffffff0f;max-height:180px;margin-top:4px;display:none;overflow-y:auto}.qa-ac-item{color:var(--text,#e6eaf4);cursor:pointer;border-radius:3px;padding:4px 8px;font:11px ui-monospace,monospace}.qa-ac-item:hover,.qa-ac-active{background:var(--accent,#6a5cff22)}#lsd-css-panel{border-top:1px solid var(--border,#ffffff1a);margin-top:8px}.css-panel-toggle{width:100%;color:var(--text-faint,#94a3b8);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:6px 8px;font-size:11px;font-weight:600;transition:color .15s;display:flex}.css-panel-toggle:hover{color:var(--text,#e2e8f0)}.css-panel-toggle--active{color:var(--accent,#6a5cff)}.css-panel-toggle-icon{background:var(--surface-2,#1d1d28);border:1px solid var(--border,#ffffff1a);width:20px;height:18px;color:inherit;border-radius:3px;justify-content:center;align-items:center;font-family:ui-monospace,monospace;font-size:10px;font-weight:700;display:inline-flex}.css-panel-editor{transition:max-height .2s ease-in-out;overflow:hidden}.css-panel-textarea{tab-size:2;color:#e2e8f0;border:1px solid var(--border,#ffffff1a);resize:vertical;background:#0d0d14;border-radius:4px;outline:none;width:100%;min-height:80px;max-height:200px;margin:0;padding:8px 10px;font-family:ui-monospace,SF Mono,Cascadia Code,Fira Code,monospace;font-size:11px;line-height:1.5;transition:border-color .2s;display:block;overflow-y:auto}.css-panel-textarea:focus{border-color:var(--accent,#6a5cff)}[data-lsd-role=drop-line]{will-change:box-shadow,transform}[data-lsd-role=drop-line-label]{will-change:transform}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}