@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-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-duration:initial;--tw-content:""}}}@layer theme{:root,:host{--font-mono:var(--font-dm-mono);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--leading-snug:1.375;--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-4xl:2rem;--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;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-hanken);--default-mono-font-family:var(--font-dm-mono);--color-border:var(--line);--color-primary:var(--accent);--color-secondary:var(--surface-2);--color-accent:var(--surface-2);--color-destructive:var(--danger);--color-card:var(--surface)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{box-sizing:border-box}html,body,#__next{height:100%}body{font-family:var(--font-hanken), -apple-system, BlinkMacSystemFont, sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv11";margin:0;font-size:14px;line-height:1.45}button,input,select,textarea{color:inherit;font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);border:2px solid var(--bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}::-webkit-scrollbar-track{background:0 0}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.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-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.flex\!{display:flex!important}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-1{height:calc(var(--spacing) * 1)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-full{height:100%}.h-px{height:1px}.max-h-\(--available-height\){max-height:var(--available-height)}.w-\(--anchor-width\){width:var(--anchor-width)}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-36{min-width:calc(var(--spacing) * 36)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(-50\%-2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.touch-none{touch-action:none}.resize{resize:both}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.auto-rows-min{grid-auto-rows:min-content}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-border\){border-color:var(--color-border)}.border-border,.border-border\/50{border-color:var(--line)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab, var(--line) 50%, transparent)}}.border-input{border-color:var(--surface-3)}.border-ring{border-color:var(--accent)}.border-secondary{border-color:var(--surface-2)}.border-transparent{border-color:#0000}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-accent{background-color:var(--surface-2)}.bg-background{background-color:var(--bg)}.bg-border{background-color:var(--line)}.bg-card{background-color:var(--surface)}.bg-destructive,.bg-destructive\/10{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab, var(--danger) 10%, transparent)}}.bg-foreground{background-color:var(--ink)}.bg-input{background-color:var(--surface-3)}.bg-muted,.bg-muted\/50{background-color:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--surface-2) 50%, transparent)}}.bg-popover{background-color:var(--surface)}.bg-primary{background-color:var(--accent)}.bg-primary-foreground{background-color:var(--accent-ink)}.bg-secondary{background-color:var(--surface-2)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-clip-padding{background-clip:padding-box}.fill-foreground{fill:var(--ink)}.p-1{padding:calc(var(--spacing) * 1)}.p-4{padding:calc(var(--spacing) * 4)}.p-\[3px\]{padding:3px}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.text-left{text-align:left}.font-mono{font-family:var(--font-dm-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-balance{text-wrap:balance}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-background{color:var(--bg)}.text-card-foreground{color:var(--ink)}.text-current{color:currentColor}.text-destructive{color:var(--danger)}.text-foreground,.text-foreground\/60{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/60{color:color-mix(in oklab, var(--ink) 60%, transparent)}}.text-muted-foreground{color:var(--muted)}.text-popover-foreground{color:var(--ink)}.text-primary{color:var(--accent)}.text-primary-foreground{color:var(--accent-ink)}.text-secondary{color:var(--surface-2)}.text-secondary-foreground{color:var(--ink)}.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}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-foreground\/10{--tw-ring-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--ink) 10%, transparent)}}.ring-ring\/50{--tw-ring-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *){opacity:.5}.group-has-\[\>svg\]\/alert\:col-start-2:is(:where(.group\/alert):has(>svg) *){grid-column-start:2}.group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs)[data-horizontal] *){height:calc(var(--spacing) * 8)}.group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs)[data-vertical] *){height:fit-content}.group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs)[data-vertical] *){width:100%}.group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs)[data-vertical] *){flex-direction:column}.group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs)[data-vertical] *){justify-content:flex-start}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size=default] *){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size=sm] *){padding:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size=sm] *){padding-inline:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--ink)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * -3)}.after\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -2)}.after\:bg-foreground:after{content:var(--tw-content);background-color:var(--ink)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-horizontal] *):after{content:var(--tw-content);inset-inline:calc(var(--spacing) * 0)}.group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-horizontal] *):after{content:var(--tw-content);bottom:-5px}.group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-horizontal] *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-vertical] *):after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-vertical] *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-vertical] *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}@media (hover:hover){.hover\:bg-destructive\/20:hover{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.hover\:bg-muted:hover,.hover\:bg-secondary\/80:hover{background-color:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--surface-2) 80%, transparent)}}.hover\:text-foreground:hover{color:var(--ink)}.hover\:text-muted-foreground:hover{color:var(--muted)}.hover\:underline:hover{text-decoration-line:underline}.hover\:ring-3:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:bg-accent:focus{background-color:var(--surface-2)}.focus\:text-accent-foreground:focus,:is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant=destructive]):focus *){color:var(--ink)}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab, var(--danger) 40%, transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--accent)}.focus-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--accent)}.active\:ring-3:active{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-input\/50:disabled{background-color:var(--surface-3)}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab, var(--surface-3) 50%, transparent)}}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius-lg)}.has-data-\[icon\=inline-end\]\:pr-1:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[slot\=alert-action\]\:relative:has([data-slot=alert-action]){position:relative}.has-data-\[slot\=alert-action\]\:pr-18:has([data-slot=alert-action]){padding-right:calc(var(--spacing) * 18)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}.has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot=kbd]){padding-right:calc(var(--spacing) * 1.5)}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:calc(var(--spacing) * 0)}.has-\[\>svg\]\:grid-cols-\[auto_1fr\]:has(>svg){grid-template-columns:auto 1fr}.has-\[\>svg\]\:gap-x-2:has(>svg){column-gap:calc(var(--spacing) * 2)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-expanded\:bg-muted[aria-expanded=true],.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--surface-2)}.aria-expanded\:text-foreground[aria-expanded=true],.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--ink)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--danger)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.aria-invalid\:aria-checked\:border-primary[aria-invalid=true][aria-checked=true]{border-color:var(--accent)}.data-active\:bg-background[data-active]{background-color:var(--bg)}.data-active\:text-foreground[data-active]{color:var(--ink)}.data-active\:text-primary[data-active]{color:var(--accent)}.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[data-active]{--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)}.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]{background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]:after{content:var(--tw-content);opacity:1}.data-checked\:border-primary[data-checked]{border-color:var(--accent)}.data-checked\:bg-primary[data-checked]{background-color:var(--accent)}.data-checked\:text-primary-foreground[data-checked]{color:var(--accent-ink)}.group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=default] *)[data-checked],.group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size=sm] *)[data-checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-horizontal\:h-full[data-horizontal]{height:100%}.data-horizontal\:w-full[data-horizontal]{width:100%}.data-horizontal\:flex-col[data-horizontal]{flex-direction:column}.data-placeholder\:text-muted-foreground[data-placeholder]{color:var(--muted)}.data-unchecked\:bg-input[data-unchecked]{background-color:var(--surface-3)}.group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=default] *)[data-unchecked],.group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size=sm] *)[data-unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-vertical\:h-full[data-vertical]{height:100%}.data-vertical\:min-h-40[data-vertical]{min-height:calc(var(--spacing) * 40)}.data-vertical\:w-auto[data-vertical]{width:auto}.data-vertical\:w-full[data-vertical]{width:100%}.data-vertical\:flex-col[data-vertical]{flex-direction:column}.data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[side\=bottom\]\:top-1[data-side=bottom]{top:calc(var(--spacing) * 1)}.data-\[side\=inline-end\]\:top-1\/2\![data-side=inline-end]{top:50%!important}.data-\[side\=inline-end\]\:-left-1[data-side=inline-end]{left:calc(var(--spacing) * -1)}.data-\[side\=inline-end\]\:-translate-y-1\/2[data-side=inline-end]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=inline-start\]\:top-1\/2\![data-side=inline-start]{top:50%!important}.data-\[side\=inline-start\]\:-right-1[data-side=inline-start]{right:calc(var(--spacing) * -1)}.data-\[side\=inline-start\]\:-translate-y-1\/2[data-side=inline-start]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:top-1\/2\![data-side=left]{top:50%!important}.data-\[side\=left\]\:-right-1[data-side=left]{right:calc(var(--spacing) * -1)}.data-\[side\=left\]\:-translate-y-1\/2[data-side=left]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:top-1\/2\![data-side=right]{top:50%!important}.data-\[side\=right\]\:-left-1[data-side=right]{left:calc(var(--spacing) * -1)}.data-\[side\=right\]\:-translate-y-1\/2[data-side=right]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-bottom-2\.5[data-side=top]{bottom:calc(var(--spacing) * -2.5)}.data-\[size\=default\]\:h-8[data-size=default]{height:calc(var(--spacing) * 8)}.data-\[size\=default\]\:h-\[18\.4px\][data-size=default]{height:18.4px}.data-\[size\=default\]\:w-\[32px\][data-size=default]{width:32px}.data-\[size\=sm\]\:h-7[data-size=sm]{height:calc(var(--spacing) * 7)}.data-\[size\=sm\]\:h-\[14px\][data-size=sm]{height:14px}.data-\[size\=sm\]\:w-\[24px\][data-size=sm]{width:24px}.data-\[size\=sm\]\:gap-3[data-size=sm]{gap:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm]{border-radius:min(var(--radius-md), 10px)}.data-\[size\=sm\]\:py-3[data-size=sm]{padding-block:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:var(--danger)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab, var(--danger) 90%, transparent)}}:is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot=kbd]{position:relative}:is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot=kbd]{isolation:isolate}:is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot=kbd]{z-index:50}:is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot=kbd]{border-radius:var(--radius-sm)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-1\.5>*)[data-slot=select-value]{gap:calc(var(--spacing) * 1.5)}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}@media (min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-pretty{text-wrap:pretty}}.dark\:border-input:is(.dark *){border-color:var(--surface-3)}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--surface-3)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab, var(--surface-3) 30%, transparent)}}.dark\:text-muted-foreground:is(.dark *){color:var(--muted)}@media (hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab, var(--danger) 30%, transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--surface-3)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--surface-3) 50%, transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--surface-2) 50%, transparent)}}.dark\:hover\:text-foreground:is(.dark *):hover{color:var(--ink)}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--danger) 40%, transparent)}}.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:var(--surface-3)}@supports (color:color-mix(in lab, red, red)){.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:color-mix(in oklab, var(--surface-3) 80%, transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--danger) 50%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--danger) 40%, transparent)}}.dark\:data-active\:border-input:is(.dark *)[data-active]{border-color:var(--surface-3)}.dark\:data-active\:bg-input\/30:is(.dark *)[data-active]{background-color:var(--surface-3)}@supports (color:color-mix(in lab, red, red)){.dark\:data-active\:bg-input\/30:is(.dark *)[data-active]{background-color:color-mix(in oklab, var(--surface-3) 30%, transparent)}}.dark\:data-active\:text-foreground:is(.dark *)[data-active]{color:var(--ink)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]{border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]{background-color:#0000}.dark\:data-checked\:bg-primary:is(.dark *)[data-checked]{background-color:var(--accent)}.dark\:data-checked\:bg-primary-foreground:is(.dark *)[data-checked]{background-color:var(--accent-ink)}.dark\:data-unchecked\:bg-foreground:is(.dark *)[data-unchecked]{background-color:var(--ink)}.dark\:data-unchecked\:bg-input\/80:is(.dark *)[data-unchecked]{background-color:var(--surface-3)}@supports (color:color-mix(in lab, red, red)){.dark\:data-unchecked\:bg-input\/80:is(.dark *)[data-unchecked]{background-color:color-mix(in oklab, var(--surface-3) 80%, transparent)}}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--muted)}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc]{stroke:var(--line)}@supports (color:color-mix(in lab, red, red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc]{stroke:color-mix(in oklab, var(--line) 50%, transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--line)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke=\#ccc]{stroke:var(--line)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--surface-2)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke=\#ccc]{stroke:var(--line)}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:underline-offset-3 a{text-underline-offset:3px}@media (hover:hover){.\[\&_a\]\:hover\:text-foreground a:hover{color:var(--ink)}}.\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child){margin-bottom:calc(var(--spacing) * 4)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\.border-b\]\:pb-4.border-b{padding-bottom:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size=sm] *).border-b{padding-bottom:calc(var(--spacing) * 3)}@media (hover:hover){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--surface-2)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab, var(--accent) 80%, transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:var(--surface-2)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab, var(--surface-2) 80%, transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--muted)}}:is(.\*\:\[img\:first-child\]\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}:is(.\*\:\[img\:last-child\]\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}:is(.\*\:\[svg\]\:row-span-2>*):is(svg){grid-row:span 2/span 2}:is(.\*\:\[svg\]\:translate-y-0\.5>*):is(svg){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}:is(.\*\:\[svg\]\:text-current>*):is(svg){color:currentColor}:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--muted)}}:root{--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--density-row:36px;--density-pad-y:16px;--density-pad-x:20px;--density-gap:20px;--bg:#fbfbfa;--surface:#fff;--surface-2:#f6f6f4;--surface-3:#efeeec;--ink:#0e0e0c;--ink-2:#272724;--muted:#6b6b66;--muted-2:#9a9a94;--line:#e8e7e3;--line-2:#dcdbd6;--accent:#fe5e2a;--accent-ink:#fff;--accent-weak:#fff1eb;--accent-weak-2:#ffe1d1;--accent-ring:#fe5e2a2e;--danger:#dc2626;--danger-ink:#fff;--shadow-sm:0 1px 0 #10100c0a;--shadow-md:0 1px 2px #10100c0f, 0 2px 8px #10100c0a;--shadow-lg:0 8px 28px #10100c1a, 0 2px 6px #10100c0f;--shadow-pop:0 16px 48px #10100c2e, 0 2px 8px #10100c14}.dark{--bg:#0b0b0a;--surface:#121211;--surface-2:#181817;--surface-3:#1f1f1d;--ink:#f4f3ef;--ink-2:#d9d8d2;--muted:#8f8e88;--muted-2:#5f5e59;--line:#24241f;--line-2:#2e2d28;--accent:#fe5e2a;--accent-ink:#fff;--accent-weak:#fe5e2a1f;--accent-weak-2:#fe5e2a38;--accent-ring:#fe5e2a47;--danger:#f87171;--danger-ink:#1a0505;--shadow-sm:0 1px 0 #0000004d;--shadow-md:0 1px 2px #00000080, 0 2px 8px #0000004d;--shadow-lg:0 8px 28px #00000080;--shadow-pop:0 16px 48px #0009}.mono{font-family:var(--font-dm-mono), ui-monospace, monospace;font-feature-settings:"zero"}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{width:0;height:0;display:none}.btn{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);height:30px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;line-height:1;transition:all .12s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--line-2)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;box-shadow:0 1px #00000014,inset 0 1px #ffffff26}.btn.primary:hover{background:#eb4e1d}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2);color:var(--ink)}.btn.sm{height:26px;padding:0 9px;font-size:11px}.icon-btn{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);width:22px;height:22px;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;padding:0;line-height:0;transition:all .12s;display:inline-flex}.icon-btn:hover{color:var(--ink);border-color:var(--line-2);background:var(--surface-2)}.icon-btn.danger:hover{color:#c73a1a;border-color:#eab4a7}.ghost-btn{white-space:nowrap;border:1px dashed var(--line-2);border-radius:var(--radius-md);color:var(--muted);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;transition:all .12s;display:inline-flex}.ghost-btn:hover{color:var(--ink);border-color:var(--muted-2);background:var(--surface)}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:11px}.link-btn:hover{color:var(--ink)}.link-btn.danger:hover{color:#c73a1a}.sidebar{background:var(--surface-2);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:280px;min-height:0;display:flex}.sidebar-brand{height:52px;padding:0 var(--density-pad-x);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;display:flex}.sidebar-brand h1{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.sidebar-platform{padding:0 var(--density-pad-x);flex-shrink:0}.sidebar-platform>.sb-section{padding:16px 0 14px}.sidebar-scroll{padding:22px var(--density-pad-x) 28px;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:22px;display:flex;overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{width:0;height:0;display:none}.sb-section+.sb-section{border-top:1px solid var(--line);padding-top:22px}.section-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-head h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px;font-weight:600;font-family:var(--font-dm-mono), monospace;margin:0}.sidebar-footer{border-top:1px solid var(--line);padding:12px var(--density-pad-x);color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--bg);flex-shrink:0;align-items:center;gap:16px;height:52px;padding:0 20px 0 24px;display:flex}.topbar-tabs{flex:1;align-items:center;gap:2px;min-width:0;height:100%;display:flex}.topbar-tabs button{height:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:color .12s;display:inline-flex;position:relative}.topbar-tabs button:hover{color:var(--ink)}.topbar-tabs button.active{color:var(--ink);border-bottom-color:var(--accent)}.topbar-tabs .count{font-family:var(--font-dm-mono), monospace;background:var(--surface-3);color:var(--muted);border-radius:4px;padding:1px 5px;font-size:10px}.topbar-tabs button.active .count{background:var(--accent-weak);color:var(--accent)}.topbar-right{align-items:center;gap:8px;display:flex}.topbar-div{background:var(--line);width:1px;height:18px;margin:0 2px}.color-row{flex-direction:column;gap:6px;display:flex}.color-row-label{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;font-weight:500;display:flex}.color-row-label .label-text{color:var(--ink-2)}.format-cycle{border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-dm-mono), monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:0 0;border:0;align-items:center;gap:5px;padding:2px 4px 2px 2px;font-size:10px;transition:color .1s;display:inline-flex}.format-cycle:hover{color:var(--ink)}.format-cycle .fmt-name{color:var(--ink-2);font-weight:500}.format-cycle:hover .fmt-name{color:var(--ink)}.color-input{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);align-items:center;gap:8px;height:34px;padding:3px 4px 3px 3px;transition:border-color .1s,box-shadow .1s;display:flex}.color-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.swatch-chip{border-radius:calc(var(--radius-md) - 2px);border:1px solid #00000014;flex:none;width:26px;height:26px;position:relative;overflow:hidden}.swatch-chip input{opacity:0;cursor:pointer;position:absolute;inset:0}.color-input input[type=text]{min-width:0;height:100%;font-family:var(--font-dm-mono), monospace;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0 2px;font-size:11px}.color-input input[type=text].error{color:#c73a1a}.color-input .named-color{font-family:var(--font-dm-mono), monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex:none;padding-right:6px;font-size:9.5px;font-weight:500}.cs-cells{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);align-items:stretch;height:34px;display:flex;overflow:hidden}.cs-cell-swatch{border-right:1px solid var(--line);flex:none;width:30px}.cs-cell{border-right:1px solid var(--line);flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;padding:0 6px;display:flex}.cs-cell:last-child{border-right:0}.cs-cell .cs-k{color:var(--muted);font-size:10px;font-family:var(--font-dm-mono), monospace}.cs-cell .cs-v{color:var(--ink);font-size:11.5px;font-weight:500}.cs-cell .cs-u{color:var(--muted);margin-left:1px;font-size:10px}.cs-sliders{flex-direction:column;gap:8px;margin-top:10px;display:flex}.cs-slider{align-items:center;height:14px;display:flex;position:relative}.cs-track{border:1px solid #0000000f;border-radius:999px;height:6px;position:absolute;top:4px;left:0;right:0}.cs-thumb{background:var(--surface);border:2px solid var(--ink);pointer-events:none;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000040}.cs-slider input[type=range]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.np-trigger{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);cursor:pointer;width:100%;height:38px;color:var(--ink);align-items:center;gap:10px;padding:0 10px 0 6px;font-family:inherit;font-size:12.5px;transition:border-color .1s;display:flex}.np-trigger:hover{border-color:var(--line-2)}.np-swatches{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--line);gap:2px;padding:3px;display:flex}.np-swatches span{border:1px solid #0000000a;border-radius:2px;width:12px;height:18px}.np-name{letter-spacing:-.005em;font-weight:500}.np-menu{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;gap:1px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0}.np-opt{border-radius:calc(var(--radius-md) - 3px);cursor:pointer;color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:7px 10px 7px 6px;font-family:inherit;font-size:12.5px;display:flex}.np-opt:hover{background:var(--surface-2)}.np-opt.active{background:var(--accent-weak);color:var(--accent)}.np-opt.active .np-name{color:var(--accent);font-weight:600}.color-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);margin-bottom:14px;transition:border-color .12s;overflow:hidden}.color-card:hover{border-color:var(--line-2)}.color-card-head{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:10px;padding:12px 14px;display:flex}.role-chip{border:1px solid #0000000f;border-radius:4px;flex:none;width:14px;height:14px}.role-name{letter-spacing:-.005em;font-size:13.5px;font-weight:600}.role-hex{font-family:var(--font-dm-mono), monospace;color:var(--muted);margin-left:2px;font-size:11.5px}.color-card-actions{gap:2px;margin-left:auto;display:flex}.swatch-row{background:var(--surface-2);gap:1px;padding:10px;display:flex}.dark .swatch-row{background:#070706}.swatch{cursor:pointer;border:1px solid #0000000a;border-radius:6px;flex:1;min-width:0;transition:transform .12s;position:relative}.swatch:hover{transform:translateY(-2px)}.swatch .block{height:56px;position:relative}.swatch .block .pin{opacity:.8;background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.swatch .meta{background:var(--surface);border-top:1px solid var(--line);padding:7px 8px 8px}.swatch .stop{color:var(--ink);font-size:11px;font-weight:600}.swatch .hex{font-family:var(--font-dm-mono), monospace;color:var(--muted);text-transform:uppercase;margin-top:1px;font-size:9.5px}.copied-flag{background:var(--ink);color:var(--bg);font-size:10px;font-family:var(--font-dm-mono), monospace;pointer-events:none;white-space:nowrap;border-radius:4px;padding:3px 7px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.popover{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);z-index:20;width:260px;padding:10px;position:absolute}.popover h4{color:var(--muted);font-size:11px;font-family:var(--font-dm-mono), monospace;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-weight:600}.popover button.copy-line{width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;font-family:inherit;font-size:12px;display:flex}.popover button.copy-line:hover{background:var(--surface-2)}.popover button.copy-line .k{color:var(--muted);font-family:var(--font-dm-mono), monospace;font-size:10.5px}.popover button.copy-line .v{font-family:var(--font-dm-mono), monospace;font-size:11px}.contrast-layout{grid-template-columns:220px 1fr;gap:24px;display:grid}.contrast-side h3{font-family:var(--font-dm-mono), monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:10px;font-weight:600}.contrast-side .group{margin-bottom:22px}.contrast-side .opt{border-radius:var(--radius-sm);text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:7px 10px;font-family:inherit;font-size:12px;display:flex}.contrast-side .opt:hover{background:var(--surface-2);color:var(--ink)}.contrast-side .opt.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);border:1px solid var(--line);font-weight:600}.contrast-side .help{color:var(--muted);background:var(--surface-2);border-radius:var(--radius-md);padding:10px 12px;font-size:11px;line-height:1.5}.contrast-side .help strong{color:var(--ink)}.role-pills{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.role-pills button{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--muted);border-radius:100px;align-items:center;gap:7px;padding:5px 10px 5px 6px;font-size:12px;display:inline-flex}.role-pills button .dot{border:1px solid #0000000f;border-radius:50%;width:12px;height:12px}.role-pills button:hover{color:var(--ink);border-color:var(--line-2)}.role-pills button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.preview-chips{flex-wrap:wrap;gap:6px;display:flex}.preview-chips button{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--muted);border-radius:100px;padding:5px 12px;font-size:12px;transition:all .15s}.preview-chips button:hover{color:var(--ink);border-color:var(--line-2)}.preview-chips button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.font-indicator{color:var(--muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:12px;display:flex}.font-customise-btn{cursor:pointer;color:var(--muted);text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.font-customise-btn:hover{color:var(--ink)}.ui-preview-content h1,.ui-preview-content h2,.ui-preview-content h3,.ui-preview-content h4,.ui-preview-content h5,.ui-preview-content h6,.ui-preview-content button{font-family:var(--preview-font-heading)!important}.ui-preview-content p,.ui-preview-content span,.ui-preview-content label,.ui-preview-content input,.ui-preview-content td,.ui-preview-content th,.ui-preview-content li{font-family:var(--preview-font-body)!important}.font-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.font-modal{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;width:580px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000026}.font-modal-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.font-modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:0 2px;font-size:20px;line-height:1}.font-modal-close:hover{color:var(--ink)}.font-modal-body{flex-direction:column;gap:28px;padding:20px;display:flex;overflow-y:auto}.font-section h4{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:11px;font-weight:600}.font-cat-filter{gap:5px;margin-bottom:10px;display:flex}.font-cat-filter button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:100px;padding:3px 10px;font-size:11px;transition:all .12s}.font-cat-filter button:hover{color:var(--ink);border-color:var(--line-2)}.font-cat-filter button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.font-remove-btn{cursor:pointer;color:var(--muted);text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}.font-remove-btn:hover{color:var(--ink)}.font-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.font-card{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);text-align:left;flex-direction:column;gap:2px;padding:10px 12px;transition:all .12s;display:flex}.font-card:hover{border-color:var(--line-2);background:var(--surface-2)}.font-card.active{border-color:var(--ink);background:var(--ink)}.font-card-name{color:var(--ink);font-size:14px;line-height:1.3}.font-card.active .font-card-name{color:var(--bg)}.font-card-cat{color:var(--muted);text-transform:capitalize;font-size:10px}.font-card.active .font-card-cat{color:var(--bg);opacity:.6}.font-modal-footer{border-top:1px solid var(--line);flex-shrink:0;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.font-search-row{align-items:center;gap:6px;display:flex}.font-search-row .font-search-input{flex:1}.font-upload-btn{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:32px;height:34px;color:var(--muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .12s;display:flex}.font-upload-btn:hover:not(:disabled){color:var(--ink);border-color:var(--line-2);background:var(--surface-2)}.font-upload-btn:disabled{opacity:.5;cursor:not-allowed}.font-opt-custom{background:var(--accent-weak);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;border-radius:100px;padding:1px 6px;font-size:9px;font-weight:600}.font-alts-trigger{color:var(--accent);cursor:pointer;text-underline-offset:2px;text-align:left;background:0 0;border:none;margin-top:6px;padding:0;font-size:10.5px;text-decoration:underline;display:block}.font-alts-trigger:hover{opacity:.75}.font-alts-modal{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;width:min(900px,96vw);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #0000002e}.font-alts-modal-title{color:var(--ink);font-size:14px;font-weight:600}.font-alts-modal-sub{color:var(--muted);margin-top:2px;font-size:12px}.font-alts-modal-sub strong{color:var(--ink);font-weight:500}.font-alts-preview-bar{border-bottom:1px solid var(--line);flex-shrink:0;padding:10px 20px}.font-alts-text-input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;height:32px;color:var(--ink);font-size:12px;font-family:var(--font-hanken);outline:none;padding:0 10px}.font-alts-text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.font-alts-tabs{border-bottom:1px solid var(--line);flex-shrink:0;gap:2px;padding:10px 20px 0;display:flex;overflow-x:auto}.font-alts-tab{border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;padding:6px 14px;font-size:12px;transition:all .12s;position:relative;bottom:-1px}.font-alts-tab:hover{color:var(--ink);background:var(--surface)}.font-alts-tab.active{color:var(--ink);background:var(--bg);border-color:var(--line);border-bottom-color:var(--bg)}.font-alts-panels{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid;overflow:hidden}.font-alts-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.font-alts-panel:first-child{border-right:1px solid var(--line)}.font-alts-panel-header{border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;align-items:center;gap:8px;padding:12px 20px;display:flex}.font-alts-panel-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.font-alts-panel-name{color:var(--ink);font-size:13px;font-weight:500}.font-alts-panel-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);color:var(--muted);border-radius:100px;padding:1px 7px;font-size:9px;font-weight:600}.font-alts-panel-badge--gf{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.font-alts-panel-badge--gf{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.font-alts-panel-badge--gf{color:var(--accent)}.font-alts-panel-body{flex-direction:column;flex:1;gap:24px;padding:20px;display:flex;overflow-y:auto}.font-alts-sample-row{flex-direction:column;gap:4px;display:flex}.font-alts-sample-meta{color:var(--muted);font-size:10px;font-family:var(--font-dm-mono)}.font-alts-sample-text{color:var(--ink);margin:0;line-height:1.25}.font-alts-reason{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);margin:0;padding:10px 14px;font-size:12px;font-style:italic;line-height:1.5}.font-alts-footer{border-top:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.font-alts-nav{align-items:center;gap:10px;display:flex}.font-alts-nav-btn{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:28px;height:28px;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;transition:all .12s;display:flex}.font-alts-nav-btn:hover:not(:disabled){color:var(--ink);border-color:var(--line-2)}.font-alts-nav-btn:disabled{opacity:.35;cursor:not-allowed}.font-alts-nav-count{color:var(--muted);font-size:12px;font-family:var(--font-dm-mono);text-align:center;min-width:36px}.font-alts-loading{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.font-alts-spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.font-alts-error{color:var(--muted);text-align:center;flex:1;justify-content:center;align-items:center;padding:40px;font-size:13px;display:flex}.contrast-grid-wrap{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:14px;overflow-x:auto}.cgrid{border-collapse:separate;border-spacing:2px;table-layout:fixed;width:100%}.cgrid th,.cgrid td{padding:0}.cgrid th.corner{width:72px}.cgrid .col-head .chip,.cgrid .row-head .chip{border:1px solid #0000000f;border-radius:5px;width:22px;height:22px;margin:0 auto}.cgrid .col-head .lbl,.cgrid .row-head .lbl{font-family:var(--font-dm-mono), monospace;color:var(--muted);text-align:center;margin-top:4px;font-size:9px}.cgrid .row-head{text-align:right;width:72px;padding-right:8px}.cgrid .row-head .wrap{justify-content:flex-end;align-items:center;gap:6px;width:100%;display:flex}.cgrid .row-head .lbl{text-align:right;flex:1;margin:0}.cell{width:100%;height:34px;font-family:var(--font-dm-mono), monospace;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;font-size:10px;font-weight:600;transition:transform 80ms;display:flex}.cell:hover{z-index:1;position:relative;transform:scale(1.08)}.cell.fail{background:repeating-linear-gradient(-45deg, transparent 0 3px, #0000000d 3px 4px), var(--surface-2);color:var(--muted-2)}.cell.self{color:var(--muted-2);cursor:default;background:0 0}.cell.self:hover{transform:none}.cell.selected{outline:2px solid var(--ink);outline-offset:2px}.tip{z-index:99;background:var(--ink);width:320px;color:var(--bg);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:14px;position:fixed}.tip-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.tip-head .t{font-size:12px;font-weight:500}.tip-head .v{font-family:var(--font-dm-mono), monospace;opacity:.7;font-size:11px}.tip-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:11px;display:flex}.tip-row .check{color:#54d898}.tip-row .x{color:#ff7a5c}.tip-row.fail .lbl{opacity:.5;text-decoration:line-through}.tip-row .badge{font-family:var(--font-dm-mono), monospace;color:#ffffff80;background:#ffffff1a;border-radius:4px;padding:1.5px 6px;font-size:9.5px}.tip-row.pass .badge{color:#54d898;background:#54d89826}.export-layout{grid-template-columns:1fr 1fr;gap:28px;display:grid}.export-layout>*{min-width:0}.export-steps{flex-direction:column;gap:14px;display:flex}.export-step{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);gap:12px;padding:14px 16px;display:flex}.export-step .n{background:var(--accent-weak);width:22px;height:22px;color:var(--accent);font-family:var(--font-dm-mono), monospace;border-radius:6px;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.export-step .body h4{margin:0 0 3px;font-size:13px;font-weight:600}.export-step .body p{color:var(--muted);margin:0;font-size:12px}.stats-row{gap:20px;margin:14px 0 18px;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat .v{font-family:var(--font-dm-mono), monospace;letter-spacing:-.01em;font-size:18px;font-weight:600}.stat .l{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;font-family:var(--font-dm-mono), monospace}.code-block{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);font-family:var(--font-dm-mono), monospace;max-height:420px;color:var(--ink-2);white-space:pre;padding:14px;font-size:11px;line-height:1.55;overflow:auto}.text-input{border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-md);background:var(--surface);outline:none;flex:1;padding:7px 10px;font-family:inherit;font-size:12.5px}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.preview-grid{flex-direction:column;gap:28px;display:flex}.preview-section h3{font-family:var(--font-dm-mono), monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 14px;font-size:10px;font-weight:600}.preview-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:22px}.btn-demo{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.btn-demo.sm{padding:5px 10px;font-size:12px}.btn-demo.lg{border-radius:var(--radius-lg);padding:11px 18px;font-size:14px}.badge-demo{border-radius:100px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:500;display:inline-flex}.card-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:900px){.card-grid{grid-template-columns:1fr}}.demo-card{border-radius:var(--radius-lg);flex-direction:column;gap:4px;padding:16px;display:flex}.demo-card .kpi-label{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.demo-card .kpi-val{letter-spacing:-.015em;font-size:22px;font-weight:600}.demo-card .kpi-sub{font-size:11.5px}.demo-card .progress{border-radius:4px;height:4px;margin-top:8px;overflow:hidden}.demo-card .progress .fill{border-radius:4px;height:100%}.form-stack{flex-direction:column;gap:10px;max-width:360px;display:flex}.form-field{flex-direction:column;gap:4px;display:flex}.form-field label{font-size:11.5px;font-weight:500}.form-field input{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);outline:none;padding:8px 10px;font-size:13px}.form-field .err-msg{margin-top:2px;font-size:11px}.alert-demo{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}.alert-demo .ic{font-size:13px;font-weight:700;line-height:1.2}.alert-demo+.alert-demo{margin-top:8px}.surface-grid{flex-wrap:wrap;gap:14px;display:flex}.surface-item{flex-direction:column;align-items:center;gap:4px;display:flex}.surface-item .box{border-radius:var(--radius-md);border:1px solid var(--line);width:64px;height:64px}.surface-item .sub{font-family:var(--font-dm-mono), monospace;color:var(--muted);font-size:9.5px}.page-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.page-head h2{letter-spacing:-.015em;margin:0 0 4px;font-size:20px;font-weight:600}.page-head p{color:var(--muted);max-width:56ch;margin:0;font-size:13px}.app-shell{grid-template-rows:100vh;grid-template-columns:48px 1fr;height:100vh;display:grid;overflow:hidden}.left-nav{background:var(--surface-2);border-right:1px solid var(--line);z-index:10;flex-direction:column;flex-shrink:0;align-items:center;padding:10px 0;display:flex}.nav-logo{cursor:default;width:30px;height:30px;color:var(--ink);flex-shrink:0;place-items:center;margin-bottom:14px;display:grid}.nav-tools{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.nav-item{border-radius:var(--radius-md);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;transition:all .12s;display:grid}.nav-item:hover{color:var(--ink);background:var(--surface-3)}.nav-item.active{color:var(--ink);background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-sm)}.nav-lead{margin-bottom:14px}.nav-footer{flex-direction:column;align-items:center;gap:4px;display:flex}.app-main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.tool-area{flex:1;grid-template-rows:100%;grid-template-columns:280px 1fr;min-height:0;display:grid;overflow:hidden}.app-pane{flex:1;min-height:0;overflow:auto}.app-pane.is-fixed{display:flex;overflow:hidden}.ts-layout{grid-template-columns:280px 1fr;height:100%;display:grid;overflow:hidden}.font-search-wrap{position:relative}.font-search-input{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);width:100%;height:34px;color:var(--ink);outline:none;padding:0 10px;font-family:inherit;font-size:12.5px;transition:border-color .1s,box-shadow .1s}.font-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.font-search-dropdown{z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.font-opt{border-radius:calc(var(--radius-md) - 3px);cursor:pointer;width:100%;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:7px 10px;font-family:inherit;font-size:13px;transition:background .1s;display:flex}.font-opt:hover{background:var(--surface-2)}.font-opt.active{background:var(--accent-weak);color:var(--accent)}.font-opt-cat{color:var(--muted);font-size:10px;font-family:var(--font-dm-mono), monospace;text-transform:capitalize}.ts-category-block{margin-bottom:32px}.ts-category-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.ts-category-label{font-family:var(--font-dm-mono), monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px;font-weight:600}.ts-category-font{color:var(--muted-2);font-size:11px}.ts-step-row{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);cursor:pointer;grid-template-columns:180px 1fr auto;align-items:center;gap:16px;margin-bottom:4px;padding:10px 14px;transition:border-color .12s;display:grid}.ts-step-row:hover{border-color:var(--line-2)}.ts-step-row.expanded{border-color:var(--accent);border-bottom-right-radius:0;border-bottom-left-radius:0}.ts-token-name{font-family:var(--font-dm-mono), monospace;color:var(--muted);letter-spacing:.01em;font-size:13px;font-weight:400}.ts-token-child{color:var(--muted-2);padding-left:16px;font-size:12px}.ts-sample-text{white-space:nowrap;text-overflow:ellipsis;color:var(--ink);line-height:1.2;overflow:hidden}.ts-meta{flex-shrink:0;align-items:center;gap:12px;display:flex}.ts-meta-item{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.ts-meta-val{font-family:var(--font-dm-mono), monospace;color:var(--ink);font-size:11px;font-weight:600}.ts-meta-key{font-family:var(--font-dm-mono), monospace;color:var(--muted-2);text-transform:uppercase;letter-spacing:.05em;font-size:9px}.ts-bp-cols{flex-shrink:0;align-items:center;gap:10px;display:flex}.ts-bp-col{flex-direction:column;align-items:flex-end;gap:1px;min-width:44px;display:flex}.ts-bp-val{font-family:var(--font-dm-mono), monospace;color:var(--ink);font-size:11px;font-weight:600}.ts-bp-key{font-family:var(--font-dm-mono), monospace;color:var(--muted-2);text-transform:uppercase;letter-spacing:.05em;font-size:9px}.ts-expand-metrics{border-bottom:1px solid var(--line);gap:14px;padding-bottom:8px;display:flex}.ts-weight-child-row{border:1px solid var(--line);background:var(--surface-2);border-top:0;grid-template-columns:180px 1fr auto;align-items:center;gap:16px;margin-bottom:0;padding:7px 14px 7px 30px;display:grid}.ts-weight-child-row:last-of-type,.ts-weight-child-row+.ts-category-block,.ts-weight-child-row+.ts-step-row{margin-bottom:4px}.ts-weight-child-row+.ts-step-row{border-top:1px solid var(--line);margin-top:0}.platform-switch{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;padding:3px;display:flex;position:relative}.platform-indicator{width:calc((100% - 6px) / var(--pf-count,4));top:3px;bottom:3px;left:calc(3px + var(--pf-idx,0) * (100% - 6px) / var(--pf-count,4));background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius-md) - 3px);box-shadow:var(--shadow-sm);pointer-events:none;z-index:0;transition:left .18s cubic-bezier(.4,0,.2,1);position:absolute}.platform-btn{border-radius:calc(var(--radius-md) - 3px);cursor:pointer;color:var(--muted);z-index:1;background:0 0;border:0;flex:1;justify-content:center;align-items:center;padding:7px 0;transition:color .12s;display:flex;position:relative}.platform-btn:hover{color:var(--ink)}.platform-btn.active{color:var(--accent)}.platform-btn:after{content:attr(data-label);background:var(--ink);color:var(--bg);font-family:var(--font-dm-mono), monospace;letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:500;transition:opacity .1s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}.platform-btn:hover:after{opacity:1}.bp-row{justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.bp-row-left,.bp-row-right{align-items:center;gap:8px;display:flex}.bp-label{color:var(--ink);font-size:12px}.bp-badge{font-family:var(--font-dm-mono), monospace;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line);color:var(--muted);border-radius:100px;padding:2px 6px;font-size:9px}.bp-badge.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.bp-pct{text-align:right;min-width:28px}.bp-toggle{border:1.5px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:100px;flex-shrink:0;width:28px;height:16px;transition:all .12s;position:relative}.bp-toggle:after{content:"";background:var(--muted);border-radius:50%;width:10px;height:10px;transition:all .12s;position:absolute;top:2px;left:2px}.bp-toggle.on{background:var(--accent);border-color:var(--accent)}.bp-toggle.on:after{background:#fff;left:calc(100% - 12px)}.ts-step-expand{border:1px solid var(--accent);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);background:var(--accent-weak);border-top:0;flex-direction:column;gap:12px;margin-bottom:4px;padding:12px 14px;display:flex}.weight-pills{flex-wrap:wrap;gap:6px;display:flex}.weight-pill{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--muted);border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-family:inherit;font-size:11.5px;transition:all .1s;display:inline-flex}.weight-pill:hover{color:var(--ink);border-color:var(--line-2)}.weight-pill.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.weight-pill .w-sample{font-size:11px}.ts-override-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ts-override-field{flex-direction:column;gap:4px;display:flex}.ts-override-label{color:var(--muted);font-size:10px;font-family:var(--font-dm-mono), monospace;text-transform:uppercase;letter-spacing:.06em}.ts-override-input{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);height:30px;font-family:var(--font-dm-mono), monospace;color:var(--ink);outline:none;padding:0 8px;font-size:11.5px;transition:border-color .1s}.ts-override-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.ts-weight-tokens{flex-direction:column;gap:2px;margin-top:4px;display:flex}.ts-weight-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.ts-weight-token{font-family:var(--font-dm-mono), monospace;color:var(--muted);font-size:10.5px}.ts-weight-val{font-family:var(--font-dm-mono), monospace;color:var(--ink-2);font-size:10.5px;font-weight:600}.view-toggle{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:2px;padding:3px;display:flex}.view-toggle button{border-radius:calc(var(--radius-md) - 4px);cursor:pointer;color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;padding:4px 10px;font-family:inherit;font-size:11.5px;transition:all .1s;display:inline-flex}.view-toggle button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);border:1px solid var(--line)}.type-preview-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.type-preview-bar{background:var(--surface-2);border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:8px 12px;display:flex}.type-preview-dot{border-radius:50%;width:10px;height:10px}.type-preview-body{padding:32px 40px}.preset-grid,.preset-row{flex-wrap:wrap;gap:5px;display:flex}.preset-pill{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--muted);border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:11.5px;transition:all .12s;display:inline-flex}.preset-pill:hover{color:var(--ink);border-color:var(--line-2)}.preset-pill.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.sp-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.sp-head h3{color:var(--ink);margin:0;font-size:13px;font-weight:600}.sp-head>.mono{color:var(--muted-2);padding-top:2px;font-size:10.5px}.sp-optional{color:var(--muted-2);font-weight:400}.sp-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sp-chip{border:1px solid var(--line);background:var(--surface);min-width:34px;color:var(--muted);cursor:pointer;font-family:var(--font-mono,ui-monospace, monospace);border-radius:100px;justify-content:center;align-items:center;gap:4px;padding:4px 9px;font-size:11.5px;transition:all .12s;display:inline-flex}.sp-chip:hover{color:var(--ink);border-color:var(--line-2)}.sp-chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.sp-custom input{border:1px dashed var(--line-2);width:64px;height:26px;color:var(--ink);font-family:var(--font-mono,ui-monospace, monospace);background:0 0;border-radius:100px;padding:0 9px;font-size:11.5px}.sp-ruler{border-top:1px solid var(--line);align-items:flex-end;gap:10px;margin-top:16px;padding-top:12px;display:flex;overflow-x:auto}.sp-ruler-step{flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.sp-ruler-bar{background:var(--accent);opacity:.85;border-radius:2px;width:10px}.sp-ruler-step .mono{color:var(--muted-2);font-size:9.5px}.preset-list{flex-direction:column;gap:1px;display:flex}.preset-list-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);padding:16px 8px 4px;font-size:9.5px;font-weight:600}.preset-list-heading:first-child{padding-top:2px}.preset-list-divider{background:var(--line);height:1px;margin:8px 0}.preset-list-item{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-family:inherit;font-size:12.5px;transition:background .12s;display:flex}.preset-list-item:hover{background:var(--surface)}.preset-list-item.active{background:var(--accent);color:var(--accent-ink)}.preset-list-item.active .preset-list-count{color:var(--accent-ink);opacity:.7}.preset-list-count{color:var(--muted-2);font-size:10.5px;font-family:var(--font-dm-mono), monospace;flex-shrink:0}.unit-toggle{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:2px;padding:3px;display:flex}.unit-toggle button{border-radius:calc(var(--radius-md) - 4px);cursor:pointer;color:var(--muted);font-size:11px;font-family:var(--font-dm-mono), monospace;background:0 0;border:1px solid #0000;padding:3px 9px;transition:all .1s}.unit-toggle button.active{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-sm)}.kbd{font-family:var(--font-dm-mono), monospace;background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:2px 5px;font-size:10px}.lib-shell{background:var(--bg);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.lib-content{flex:1;padding:32px 40px 48px;overflow:hidden auto}.lib-loading{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lib-spinner{border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite lib-spin;display:block}@keyframes lib-spin{to{transform:rotate(360deg)}}.lib-error{color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:48px;font-size:13px;display:flex}.lib-auth-gate{background:var(--bg);justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;overflow-y:auto}.lib-auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);width:360px;max-width:100%;box-shadow:var(--shadow-lg);flex-direction:column;gap:14px;margin:auto;padding:36px;display:flex}.lib-auth-icon{border-radius:var(--radius-lg);background:var(--accent-weak);width:48px;height:48px;color:var(--accent);place-items:center;display:grid}.lib-auth-title{letter-spacing:-.015em;margin:0;font-size:18px;font-weight:600}.lib-auth-sub{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.lib-auth-error{color:#c73a1a;margin:0;font-size:12px}.lib-auth-google-btn{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);cursor:pointer;width:100%;height:40px;color:var(--ink);justify-content:center;align-items:center;gap:10px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .1s,border-color .1s;display:flex}.lib-auth-google-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-2)}.lib-auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.lib-topbar{border-bottom:1px solid var(--line);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:52px;padding:0 20px 0 24px;display:flex}.lib-topbar-left{align-items:center;gap:2px;height:100%;display:flex}.lib-topbar-right{align-items:center;gap:8px;display:flex}.lib-type-tabs{align-items:center;gap:0;height:100%;display:flex}.lib-type-tab{height:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:color .12s;display:inline-flex}.lib-type-tab:hover{color:var(--ink)}.lib-type-tab.active{color:var(--ink);border-bottom-color:var(--accent)}.lib-count{font-family:var(--font-dm-mono), monospace;background:var(--surface-3);color:var(--muted);border-radius:4px;padding:1px 5px;font-size:10px}.lib-type-tab.active .lib-count{background:var(--accent-weak);color:var(--accent)}.lib-user-chip{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:100px;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-size:12px;display:inline-flex}.lib-user-dot{background:#22c55e;border-radius:50%;width:7px;height:7px}.bookshelf-wrap{flex-direction:column;gap:40px;padding:8px 0 40px;display:flex}.shelf-section{flex-direction:column;gap:0;display:flex}.shelf-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:0 4px 12px;font-size:10px;font-weight:600}.shelf-row{margin-bottom:0;position:relative}.shelf-books{z-index:1;align-items:flex-end;padding:0 16px;display:flex;position:relative;top:26px}.shelf-depth{width:100%;height:17px;line-height:0;display:block}.shelf-surface{z-index:2;background:linear-gradient(#f0ece6 0%,#e2ddd6 100%);border-radius:2px;height:12px;position:relative;top:29px;box-shadow:0 6px 18px #00000021,0 2px 5px #00000014}.dark .shelf-surface{background:linear-gradient(#2e2b27 0%,#26231f 100%);box-shadow:0 6px 18px #0006,0 2px 5px #00000040}.shelf-empty-inline{color:var(--muted-2);align-self:flex-end;padding:0 4px 8px;font-size:12px}.main-book-wrap{flex-shrink:0;width:130px;position:relative}.book-cover{position:relative}.book-cover .book-inside{background:#fff;border:1px solid silver;border-radius:2px 6px 6px 2px;width:calc(100% - 2px);height:96%;position:absolute;top:2%;left:12px;box-shadow:4px 8px 14px -4px #00000026,inset -2px 0 #aaa,inset -3px 0 #dbdbdb,inset -4px 0 #fff,inset -5px 0 #dbdbdb,inset -6px 0 #fff,inset -7px 0 #dbdbdb,inset -8px 0 #fff,inset -9px 0 #dbdbdb}.book-cover .book-image{transform-origin:0;cursor:pointer;border-radius:2px 6px 6px 2px;line-height:0;transition:all .35s ease-in-out;position:relative;transform:perspective(2000px)rotateY(0);box-shadow:2px 4px 10px -2px #0003,4px 8px 20px -4px #0000001f}.book-image img{vertical-align:bottom;border-radius:2px 6px 6px 2px;width:100%;height:auto;display:block}.book-image:hover{z-index:10;transform:perspective(2000px)rotateY(-18deg);box-shadow:6px 6px 12px -1px #00000026,20px 14px 16px -6px #0000001a}.effect{z-index:5;pointer-events:none;background-image:linear-gradient(90deg,#fff3 0%,#fff0 100%);border-left:2px solid #0000000f;border-radius:2px 0 0 2px;width:20px;height:100%;margin-left:14px;transition:all .5s;position:absolute;top:0}.book-image:hover .effect{margin-left:12px}.light{opacity:.1;z-index:4;pointer-events:none;background-image:linear-gradient(90deg,#fff0 0%,#fff3 100%);border-radius:3px;width:90%;height:100%;transition:all .5s;position:absolute;top:0;right:0}.book-no-cover{aspect-ratio:2/3;text-align:center;border-radius:2px 6px 6px 2px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;display:flex}.book-no-cover-title{text-transform:uppercase;letter-spacing:.06em;color:#ffffffe6;font-size:9px;font-weight:700;line-height:1.3}.book-no-cover-creator{color:#ffffff8c;letter-spacing:.04em;font-size:7px}.book-read-dot{pointer-events:none;z-index:6;background:#ffffffe6;border-radius:50%;width:6px;height:6px;position:absolute;bottom:8px;right:8px;box-shadow:0 1px 3px #0000004d}.film-frame-wrap{cursor:pointer;flex-shrink:0;width:130px;transition:transform .2s;position:relative}.film-frame-wrap:hover{transform:translateY(-3px)}.film-frame{background:#fff;border:8px solid #333;border-color:#333 #111;padding:8px;box-shadow:2px 4px 8px #00000080}.film-frame img{aspect-ratio:210/297;object-fit:cover;width:100%;display:block}.film-no-cover{aspect-ratio:210/297;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;display:flex}.film-no-cover-title{text-transform:uppercase;letter-spacing:.06em;color:#ffffffe6;font-size:9px;font-weight:700;line-height:1.3}.film-no-cover-creator{color:#ffffff8c;letter-spacing:.04em;font-size:7px}.film-watched-dot{pointer-events:none;background:#ffffffe6;border-radius:50%;width:6px;height:6px;position:absolute;bottom:6px;right:6px;box-shadow:0 1px 3px #0000004d}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lib-modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop);flex-direction:column;width:520px;max-width:calc(100vw - 32px);max-height:calc(100vh - 80px);display:flex;overflow:hidden}.lib-modal-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 16px 20px;display:flex}.lib-modal-title-row{align-items:center;display:flex}.lib-modal-title-row h3{margin:0;font-size:14px;font-weight:600}.lib-modal-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.lib-modal-footer{border-top:1px solid var(--line);flex-shrink:0;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.lib-modal-hint{color:var(--muted);margin:0;font-size:13px}.lib-type-grid{flex-direction:column;gap:6px;display:flex}.lib-type-option{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 16px;font-family:inherit;transition:all .12s;display:flex}.lib-type-option:hover{border-color:var(--accent);background:var(--accent-weak)}.lib-type-label{color:var(--ink);font-size:13.5px;font-weight:600}.lib-type-hint{color:var(--muted);font-size:12px}.lib-search-wrap{position:relative}.lib-search-input{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);width:100%;height:38px;color:var(--ink);outline:none;padding:0 38px 0 12px;font-family:inherit;font-size:13px;transition:border-color .1s,box-shadow .1s}.lib-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.lib-search-spinner{border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite lib-spin;display:block;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.lib-search-error,.lib-no-results{color:var(--muted);text-align:center;margin:0;padding:8px 0;font-size:12px}.lib-search-error{color:#c73a1a;text-align:left}.lib-results{flex-direction:column;gap:2px;display:flex}.lib-result-row{border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:8px 10px;font-family:inherit;transition:background .1s;display:flex}.lib-result-row:hover{background:var(--surface-2)}.lib-result-cover{border:1px solid var(--line);background:var(--surface-3);border-radius:3px;flex-shrink:0;width:36px;height:52px;overflow:hidden}.lib-result-cover img{object-fit:cover;width:100%;height:100%;display:block}.lib-result-cover-placeholder{width:100%;height:100%;display:block}.lib-result-info{flex-direction:column;gap:2px;min-width:0;display:flex}.lib-result-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.lib-result-creator{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.lib-result-meta{color:var(--muted-2);font-size:11px;font-family:var(--font-dm-mono), monospace;align-items:center;gap:8px;margin-top:2px;display:flex}.lib-confirm-preview{background:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--line);align-items:flex-start;gap:14px;padding:14px;display:flex}.lib-confirm-cover{object-fit:cover;border:1px solid var(--line);border-radius:3px;flex-shrink:0;width:52px;height:74px}.lib-confirm-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.lib-confirm-title{color:var(--ink);font-size:14px;font-weight:600}.lib-confirm-creator{color:var(--muted);font-size:12px}.lib-confirm-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.lib-tag{font-family:var(--font-dm-mono), monospace;background:var(--surface-3);border:1px solid var(--line);color:var(--muted);border-radius:100px;padding:2px 7px;font-size:10px}.lib-field{flex-direction:column;gap:5px;display:flex}.lib-field-label{color:var(--ink);align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.lib-field-optional{color:var(--muted);font-size:10.5px;font-weight:400}.lib-field-hint{color:var(--muted-2);margin:0;font-size:11px}.lib-textarea{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--ink);resize:vertical;outline:none;padding:9px 11px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .1s,box-shadow .1s}.lib-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.lib-detail-backdrop{z-index:50;background:#00000040;position:fixed;inset:0}.lib-detail-drawer{z-index:51;background:var(--surface);border-left:1px solid var(--line);width:400px;box-shadow:var(--shadow-pop);flex-direction:column;animation:.2s cubic-bezier(.32,.72,0,1) drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes drawer-in{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}.lib-detail-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:flex-end;align-items:center;padding:12px 16px;display:flex}.lib-detail-scroll{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.lib-detail-hero{align-items:flex-start;gap:16px;display:flex}.lib-detail-cover{object-fit:cover;border:1px solid var(--line);width:72px;height:100px;box-shadow:var(--shadow-md);border-radius:4px;flex-shrink:0}.lib-detail-hero-info{flex-direction:column;gap:5px;min-width:0;display:flex}.lib-type-badge{font-family:var(--font-dm-mono), monospace;text-transform:uppercase;letter-spacing:.07em;background:var(--accent-weak);color:var(--accent);border:1px solid var(--accent-weak-2);border-radius:100px;width:fit-content;padding:2px 7px;font-size:9.5px;display:inline-block}.lib-detail-title{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600;line-height:1.3}.lib-detail-creators{color:var(--muted);margin:0;font-size:12.5px}.lib-detail-quick{font-family:var(--font-dm-mono), monospace;color:var(--muted-2);align-items:center;gap:8px;font-size:11px;display:flex}.lib-external-link{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-2);color:var(--ink);align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:500;text-decoration:none;transition:all .12s;display:inline-flex}.lib-external-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-weak)}.lib-detail-section{flex-direction:column;gap:10px;display:flex}.lib-detail-section-head{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px;font-weight:600;font-family:var(--font-dm-mono), monospace;margin:0}.lib-detail-desc{color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}.lib-detail-desc p{margin:0 0 .75em}.lib-detail-desc p:last-child{margin-bottom:0}.lib-detail-stats{background:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--line);gap:20px;padding:14px 16px;display:flex}.lib-stat{flex-direction:column;gap:2px;display:flex}.lib-stat-val{font-family:var(--font-dm-mono), monospace;letter-spacing:-.02em;font-size:18px;font-weight:600}.lib-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-family:var(--font-dm-mono), monospace}.lib-my-toggles{gap:8px;display:flex}.lib-toggle-btn{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);color:var(--muted);cursor:pointer;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:12.5px;transition:all .12s;display:inline-flex}.lib-toggle-btn:hover{border-color:var(--line-2);color:var(--ink);background:var(--surface-2)}.lib-toggle-btn.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.lib-comment-trigger{border:1px dashed var(--line-2);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;font-family:inherit;transition:all .12s;display:flex}.lib-comment-trigger:hover{border-color:var(--muted-2);background:var(--surface-2)}.lib-comment-text{color:var(--ink);font-size:12.5px;font-style:italic;line-height:1.5}.lib-comment-placeholder{color:var(--muted);font-size:12.5px}.lib-comment-edit-hint{color:var(--muted);flex-shrink:0;font-size:11px}.lib-comment-edit{flex-direction:column;gap:8px;display:flex}.lib-comment-edit-actions{justify-content:flex-end;gap:8px;display:flex}.lib-avatar{background:var(--accent-weak);color:var(--accent);letter-spacing:-.01em;font-weight:700;font-family:var(--font-dm-mono), monospace;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.lib-entry-row{align-items:flex-start;gap:10px;display:flex}.lib-entry-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.lib-entry-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lib-entry-name{color:var(--ink);font-size:13px;font-weight:600}.lib-entry-date{color:var(--muted);font-size:11px}.lib-entry-comment{color:var(--muted);margin:0;font-size:12px;font-style:italic;line-height:1.5}.lib-entry-badges{gap:4px;display:flex}.lib-badge{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:100px;padding:1px 7px;font-size:10px;font-weight:500}.lib-entries-list{flex-direction:column;gap:14px;display:flex}.lib-detail-loading{color:var(--muted);font-size:12px}.unsplash-photo-cell:hover .unsplash-credit{opacity:1!important}.tk-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.tk-seg{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);padding:2px;display:inline-flex}.tk-seg button{border-radius:calc(var(--radius-md) - 3px);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:5px 10px;font-size:11.5px}.tk-seg button:hover{color:var(--ink)}.tk-seg button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:600}.tk-stats{color:var(--muted);gap:14px;margin-left:auto;font-size:10.5px;display:flex}.tk-stats b{color:var(--ink);font-weight:600}.tk-families{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.tk-families button{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;display:inline-flex}.tk-families button:hover{color:var(--ink);border-color:var(--line-2)}.tk-families button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tk-families button.active .px,.tk-families button.active .n{color:var(--bg);opacity:.7}.tk-families .n{opacity:.7;font-size:10px}.tk-notes{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.tk-note{color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:7px 10px;font-size:11.5px;display:flex}.tk-note b{color:var(--ink);font-weight:600}.tk-note.warn{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.tk-note.warn{border-color:color-mix(in oklch, var(--ink) 18%, transparent)}}.tk-group{margin-bottom:30px}.tk-group-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.tk-group-head h3{letter-spacing:-.01em;margin:0;font-size:13px;font-weight:600}.tk-group-head .tk-count{color:var(--muted);font-size:10px}.tk-export-toggle{cursor:pointer;color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;margin-left:6px;padding:0;font-size:10px;display:inline-flex}.tk-export-toggle .bp-toggle{display:inline-block;position:relative}.tk-row-export{vertical-align:-1px;accent-color:var(--accent);cursor:pointer;margin:0 6px 0 0}.tk-row-export:disabled{cursor:not-allowed}.mono.px{color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:10px}.tk-table{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.tk-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:12px;padding:0 12px;display:grid}.tk-table.both .tk-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr)}.tk-row:first-child{border-top:none}.tk-row:not(.tk-head):hover{background:var(--surface-2)}.tk-head{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface-2);padding-top:8px;padding-bottom:8px;font-size:9.5px}.tk-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;padding:7px 0;font-size:11.5px;display:flex;overflow:hidden}.tk-info{background:var(--surface-2);border:1px solid var(--line);width:13px;height:13px;color:var(--muted);cursor:help;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:9px;font-style:italic;display:inline-flex}.tk-value{cursor:pointer;color:var(--muted);text-align:left;background:0 0;border:none;align-items:center;gap:8px;min-width:0;padding:5px 0;display:flex}.tk-value:hover .tk-primitive{color:var(--ink)}.tk-swatch{border:1px solid #00000014;border-radius:5px;flex:none;width:18px;height:18px;position:relative;overflow:hidden}.tk-swatch-alpha{background-image:linear-gradient(45deg, var(--line) 25%, transparent 25%, transparent 75%, var(--line) 75%), linear-gradient(45deg, var(--line) 25%, transparent 25%, transparent 75%, var(--line) 75%);background-position:0 0,4px 4px;background-size:8px 8px;position:absolute;inset:0}.tk-swatch-fill{position:absolute;inset:0}.tk-primitive{text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.tk-lc{border:1px solid var(--line);border-radius:4px;flex:none;margin-left:auto;padding:1px 5px;font-size:9.5px}.tk-lc.ok{color:var(--muted)}.tk-lc.warn{color:var(--ink);background:var(--surface-2)}.tk-lc.low{color:var(--ink);background:var(--surface-2);border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.tk-lc.low{border-color:color-mix(in oklch, var(--ink) 25%, transparent)}}.tk-lc.low{font-weight:600}.tk-note-detail{font-family:var(--font-dm-mono), monospace;opacity:.75;font-size:10.5px}.tk-value.overridden .tk-primitive{color:var(--ink);font-weight:600}.tk-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--ink);color:var(--bg);border-radius:3px;margin-left:6px;padding:1px 4px;font-size:8.5px;font-weight:600}.tk-badge.auto{background:var(--surface-2);color:var(--muted);border:1px solid var(--line);font-weight:500}.tk-edited{align-items:center;gap:6px;display:inline-flex}.tk-bar .tk-families{margin-bottom:0}.tk-modes{align-items:center;gap:12px;margin-left:auto;font-size:11.5px;display:inline-flex}.tk-modes-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.tk-mode-check{cursor:pointer;color:var(--ink);align-items:center;gap:5px;display:inline-flex}.tk-mode-check input{accent-color:var(--accent);cursor:pointer;margin:0}.tk-mode-check.off{color:var(--muted)}.tk-summary{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;font-size:10.5px;display:flex}.tk-summary b{color:var(--ink);font-weight:600}.tk-pill{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:6px;margin-left:4px;padding:2px 8px;display:inline-flex}.tk-pill .link-btn{font-size:10px}.tk-table.light-out .tk-row>:nth-child(2),.tk-table.dark-out .tk-row>:nth-child(3){opacity:.45}.tk-edited .link-btn{font-size:10px}.tk-pop-scrim{z-index:40;position:fixed;inset:0}.tk-pop-caption{color:var(--muted);margin:0;padding:8px 14px 0;font-size:10px}.tk-pop{z-index:41;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.tk-pop-head{border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--ink);justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:11px;display:flex}.tk-pop-mode{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:1px 5px;font-size:9px}.tk-pop-tabs{flex-wrap:wrap;gap:3px;padding:8px 9px 6px;display:flex}.tk-pop-tabs button{cursor:pointer;border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:3px 7px;font-size:10px}.tk-pop-tabs button:hover{color:var(--ink)}.tk-pop-tabs button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tk-pop-steps{flex-wrap:wrap;gap:3px;max-height:190px;padding:4px 9px 9px;display:flex;overflow-y:auto}.tk-pop-step{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:3px;width:40px;padding:4px 2px;display:flex}.tk-pop-step:hover{background:var(--surface-2)}.tk-pop-step.active{border-color:var(--ink);background:var(--surface-2)}.tk-pop-chip{border:1px solid #00000014;border-radius:4px;width:26px;height:22px;position:relative;overflow:hidden}.tk-pop-clamped{border-top:6px solid #ffffffd9;border-left:6px solid #0000;width:0;height:0;position:absolute;top:0;right:0}.tk-pop-label{color:var(--muted);font-size:9px}.tk-pop-lc{color:var(--muted);opacity:.75;font-size:8.5px}.tk-pop-foot{border-top:1px solid var(--line);background:var(--surface-2);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:8px 11px;font-size:10px;display:flex}.swatch .block .clamped{opacity:.28;border-top:7px solid #0000;border-right:7px solid;width:0;height:0;position:absolute;bottom:0;right:0}.ui-preview-content{border-radius:var(--radius-md);padding:20px;transition:background .16s,color .16s}.ca-tip{background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow-pop);white-space:nowrap;border-radius:8px;min-width:230px;padding:4px}.ca-row{cursor:pointer;width:100%;color:var(--ink);text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:6px;padding:3px 6px;font-size:11px;line-height:18px;display:flex}.ca-row:hover{background:var(--surface-2)}.ca-type{cursor:default}.ca-type:hover{background:0 0}.ca-chip-type{width:10px;height:10px;color:var(--muted);border:none;place-items:center;font-size:9px;line-height:1;display:grid}.ca-chip{border:1px solid #0000001f;border-radius:3px;flex-shrink:0;width:10px;height:10px}.ca-prop{color:var(--muted);font-family:var(--font-dm-mono), monospace;font-size:10px}.ca-role{font-family:var(--font-dm-mono), monospace;font-size:10px}.ca-row.edited .ca-role{font-weight:700}.ca-row.edited .ca-role:after{content:"•";margin-left:4px}.ca-prim{color:var(--muted);font-family:var(--font-dm-mono), monospace;opacity:.8;font-size:9px}.ca-hex{color:var(--muted);font-family:var(--font-dm-mono), monospace;margin-left:auto;font-size:10px}.ca-hint{color:var(--muted);border-top:1px solid var(--line);text-align:center;margin-top:3px;padding:3px 6px 2px;font-size:9px}.sidebar-switch{padding:0 var(--density-pad-x) 12px;border-bottom:1px solid var(--line);flex-shrink:0}.sbt{flex-direction:column;gap:8px;padding:14px;display:flex}.sbt-controls{gap:6px;display:flex}.sbt-search{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--muted);cursor:text;align-items:center;gap:7px;padding:0 10px;display:flex}.sbt-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);color:var(--ink)}.sbt-search input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:7px 0;font-size:11.5px}.sbt-search input::placeholder{color:var(--muted)}.sbt-search input::-webkit-search-cancel-button{cursor:pointer}.sbt-meta{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.sbt-meta .mono{margin-left:auto}.sbt-scope{cursor:pointer;border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:3px 7px;font-size:10px}.sbt-scope:hover:not(:disabled){color:var(--ink)}.sbt-scope.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.sbt-scope:disabled{opacity:.4;cursor:not-allowed}.sbt-list{flex-direction:column;gap:12px;margin-top:2px;display:flex}.sbt-group-head{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px;font-size:9px}.sbt-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:7px;width:100%;padding:4px 5px;display:flex}.sbt-row:hover{background:var(--surface-2)}.sbt-chip{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;width:15px;height:15px;position:relative;overflow:hidden}.sbt-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.sbt-row.edited .sbt-name{font-weight:700}.sbt-row.edited:after{content:"•";color:var(--accent);margin-left:auto;font-size:13px}.sbt-empty{color:var(--muted);padding:12px 4px;font-size:11px}.export-names{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.export-names label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:10px;display:block}.export-note{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);margin-top:18px;padding:12px 14px}.export-note p{color:var(--muted);margin:0 0 8px;font-size:11.5px;line-height:1.55}.export-note p:last-child{margin-bottom:0}.export-note strong{color:var(--ink);font-weight:600}.export-formats{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.export-formats .tk-seg{flex-wrap:wrap}.export-note code{font-family:var(--font-dm-mono), monospace;background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:1px 4px;font-size:10.5px}.sb-hint{color:var(--muted);margin:8px 0 0;font-size:10.5px;line-height:1.5}.export-toggle{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);cursor:pointer;color:var(--muted);align-items:flex-start;gap:9px;margin-bottom:14px;padding:10px 12px;font-size:11.5px;line-height:1.5;display:flex}.export-toggle input{accent-color:var(--accent);flex-shrink:0;margin-top:2px}.export-toggle b{color:var(--ink);font-weight:600}.sb-inherited{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:1px 5px;font-size:9px}.font-modal-note{color:var(--muted);margin:0 0 16px;font-size:11px;line-height:1.5}.nav-group{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.nav-divider{background:var(--line);width:18px;height:1px;margin:8px 0}.export-count{color:#fff;background:#ffffff38;border-radius:4px;margin-left:2px;padding:1px 5px;font-size:10px}.project-name-input{min-width:0;color:var(--ink);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;flex:1;margin-left:-8px;padding:6px 8px;font-size:24px;font-weight:600}.project-name-input:hover{border-color:var(--line)}.project-name-input:focus{border-color:var(--accent);background:var(--surface);outline:none}.project-save-status{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:12px}.project-save-status.is-error{color:var(--danger)}.project-arch{flex-wrap:wrap;gap:6px;display:flex}.project-arch-btn{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;padding:7px 14px;font-size:12px;font-weight:500;transition:all .12s}.project-arch-btn:hover{color:var(--ink)}.project-arch-btn.active{color:var(--bg);background:var(--ink);border-color:var(--ink)}.project-facts{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 20px;margin:0;display:grid}.project-facts>div{border-bottom:1px solid var(--line);min-width:0;padding-bottom:8px}.project-facts dt{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:3px;font-size:10px}.project-facts dd{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:12px}.project-notice{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.project-notice strong{color:var(--ink);font-size:12px;font-weight:600}.project-notice span{color:var(--muted);font-size:11px;line-height:1.55}.canvas-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.toggle-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.toggle-row-label{color:var(--ink);font-size:12px}.bp-card{border-radius:var(--radius-sm);border:1px solid #0000;margin:0 -8px;padding:4px 8px}.bp-card:hover{background:var(--surface)}.bp-card.selected{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-sm)}.bp-card-top{align-items:center;gap:6px;display:flex}.bp-checkbox{border:1.5px solid var(--line-2);background:var(--surface);cursor:pointer;color:#fff;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;padding:0;display:inline-flex}.bp-checkbox:hover{border-color:var(--muted-2)}.bp-checkbox.on{background:var(--accent);border-color:var(--accent)}.bp-name-input{border-radius:var(--radius-sm);min-width:0;height:24px;color:var(--ink);background:0 0;border:1px solid #0000;outline:none;flex:1;padding:0 6px;font-size:12.5px}.bp-name-input:hover{border-color:var(--line-2);background:var(--surface)}.bp-name-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-ring)}.bp-w-input{border-radius:var(--radius-sm);width:46px;height:24px;color:var(--ink);font-family:var(--font-dm-mono), monospace;text-align:right;background:0 0;border:1px solid #0000;outline:none;padding:0 4px;font-size:11px}.bp-w-input:hover{border-color:var(--line-2);background:var(--surface)}.bp-w-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-ring)}.bp-w-unit{font-family:var(--font-dm-mono), monospace;color:var(--muted-2);font-size:10px}.elevation-scale .bp-w-input{background:var(--surface-2)}.elevation-scale .bp-name-input{background:var(--surface-2);font-weight:600}.bp-del-btn{width:20px;height:20px;color:var(--muted-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.bp-del-btn:hover{color:#c73a1a;background:#c73a1a1a}.revert-btn{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);width:20px;height:20px;color:var(--accent);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:0;display:flex}.revert-btn:hover{border-color:var(--accent);background:var(--accent-weak)}.mod-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.note{color:var(--muted);font-size:11.5px;line-height:1.5}.field-error{color:#dc2626;margin-top:4px;font-size:11px;line-height:1.4}.field{flex-direction:column;gap:4px;display:flex}.field-top{justify-content:space-between;align-items:center;height:20px;display:flex}.field-label{color:var(--muted);font-size:10px;font-family:var(--font-dm-mono), monospace;text-transform:uppercase;letter-spacing:.04em}.field-input{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);align-items:center;height:30px;padding:0 4px 0 8px;display:flex}.field-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.field-num{min-width:0;color:var(--ink);font-family:var(--font-dm-mono), monospace;background:0 0;border:0;outline:none;flex:1;font-size:13px}.field-unit{font-family:var(--font-dm-mono), monospace;color:var(--muted-2);padding-right:4px;font-size:10px}.add-menu{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);max-height:320px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.device-search{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;height:30px;color:var(--ink);outline:none;margin-bottom:4px;padding:0 8px;font-size:12px}.device-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.device-group-label{font-family:var(--font-dm-mono), monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);padding:6px 9px 3px;font-size:9px}.device-opt{border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;padding:7px 9px;font-size:12.5px;display:flex}.device-opt:hover{background:var(--surface-2)}.device-empty{color:var(--muted-2);padding:10px 9px;font-size:12px}.chip-static{font-family:var(--font-dm-mono), monospace;color:var(--muted);border:1px dashed var(--line-2);background:0 0;border-radius:100px;padding:4px 10px;font-size:10.5px}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;padding:2px;display:flex}.seg button{height:26px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:inline-flex}.seg button:hover{color:var(--ink)}.seg button.active{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-sm)}.nav-band,.sub-band{background:var(--surface-3);border-right:1px dashed var(--line-2);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.sub-band{background:var(--surface-2)}.nav-band .dim,.sub-band .dim,.floating-card .dim{text-align:center;width:100%}.nav-band.floating{box-sizing:border-box;background:0 0;border-right:none;padding-top:10px;padding-bottom:10px}.floating-card{background:var(--surface-3);border:1px solid var(--line-2);width:100%;height:100%;box-shadow:var(--shadow-md);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.safe-band{background:repeating-linear-gradient(-45deg, transparent 0 4px, var(--muted) 4px 5px);position:relative}@supports (color:color-mix(in lab, red, red)){.safe-band{background:repeating-linear-gradient(-45deg, transparent 0 4px, color-mix(in srgb, var(--muted) 18%, transparent) 4px 5px)}}.safe-band{cursor:pointer;transition:box-shadow .12s}.col-band{background:var(--accent);position:relative}@supports (color:color-mix(in lab, red, red)){.col-band{background:color-mix(in srgb, var(--accent) 16%, transparent)}}.col-band{border-radius:2px;transition:background .12s}.gutter-band{background:var(--surface);border-left:1px solid var(--line-2);border-right:1px solid var(--line-2);cursor:ew-resize;transition:background .12s;position:relative}.dim{font-family:var(--font-dm-mono), monospace;color:var(--muted-2);font-size:9px}.dim-bracket{border-top:1px solid var(--line-2);flex-shrink:0;height:4px;position:relative}.dim-bracket:before,.dim-bracket:after{content:"";background:var(--line-2);width:1px;height:4px;position:absolute;top:0}.dim-bracket:before{left:0}.dim-bracket:after{right:0}.grid-row:has(.col-band:hover) .col-band{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.grid-row:has(.col-band:hover) .col-band{background:color-mix(in srgb, var(--accent) 32%, transparent)}}.grid-row:has(.gutter-band:hover) .gutter-band{background:var(--accent-weak);box-shadow:inset 0 0 0 2px var(--accent)}.grid-row:has(.safe-band:hover) .safe-band{box-shadow:inset 0 0 0 2px var(--accent)}.grid-row{position:relative}.row-grid-overlay{pointer-events:none;z-index:5;position:absolute;inset:0}.hover-tip{background:var(--ink);color:var(--bg);font-family:var(--font-dm-mono), monospace;white-space:nowrap;opacity:0;pointer-events:none;z-index:4;border-radius:4px;padding:3px 7px;font-size:9px;transition:opacity .12s;position:absolute;top:6px;left:50%;transform:translate(-50%)}.col-band:hover .hover-tip,.gutter-band:hover .hover-tip,.safe-band:hover .hover-tip{opacity:1}body.gs-dragging .hover-tip{display:none}.edge-handle{cursor:ew-resize;z-index:6;width:9px;position:absolute;top:0;bottom:0}.edge-handle.left{left:-5px}.edge-handle.right{right:-5px}.edge-handle:hover,.edge-handle:active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.edge-handle:hover,.edge-handle:active{background:color-mix(in srgb, var(--accent) 55%, transparent)}}#gs-drag-tip{z-index:999;pointer-events:none;background:var(--ink);color:var(--bg);font-family:var(--font-dm-mono), monospace;box-shadow:var(--shadow-md);border-radius:5px;padding:4px 9px;font-size:11px;font-weight:600;display:none;position:fixed}.gs-drag-tip{z-index:999;pointer-events:none;background:var(--ink);color:var(--bg);font-family:var(--font-dm-mono), monospace;box-shadow:var(--shadow-md);border-radius:5px;padding:4px 9px;font-size:11px;font-weight:600;position:fixed}.device-shell{box-sizing:content-box;overflow:hidden}.device-shell.phone{border:9px solid var(--ink-2);box-shadow:var(--shadow-lg);border-radius:30px}.device-shell.tablet{border:7px solid var(--ink-2);box-shadow:var(--shadow-lg);border-radius:18px}.device-shell.browser{border:1px solid var(--line-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.browser-bar{background:var(--surface-2);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:6px;height:22px;padding:0 10px;display:flex}.browser-bar .bdot{border-radius:50%;width:7px;height:7px}.readout{border-top:1px solid var(--line);background:var(--surface-2);align-items:center;gap:18px;padding:12px 24px;display:flex;overflow-x:auto}.readout-item{flex-direction:column;flex-shrink:0;gap:1px;display:flex}.readout-item.hl .readout-v{color:var(--accent)}.readout-v{font-family:var(--font-dm-mono), monospace;color:var(--ink);font-size:13px;font-weight:400}.readout-k{color:var(--muted-2);text-transform:uppercase;letter-spacing:.04em;font-size:9.5px}.scale-grid{grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px 20px;display:grid}.scale-row{align-items:center;gap:12px;min-width:0;display:flex}.scale-row-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.spacing-chip{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;min-width:54px;height:34px;padding:4px 12px;transition:all .12s;display:flex;position:relative}.spacing-chip:hover{border-color:var(--line-2)}.spacing-chip .val{font-family:var(--font-dm-mono), monospace;color:var(--ink);font-size:12.5px;font-weight:700}.spacing-chip.active{background:var(--ink);border-color:var(--ink)}.spacing-chip.active .val{color:var(--bg)}.spacing-chip.active.locked{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.spacing-chip.active.locked{background:color-mix(in srgb, var(--accent) 16%, var(--surface))}}.spacing-chip.active.locked{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.spacing-chip.active.locked{border-color:color-mix(in srgb, var(--accent) 40%, transparent)}}.spacing-chip.active.locked .val{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.spacing-chip.active.locked .val{color:color-mix(in srgb, var(--accent) 75%, var(--ink))}}.spacing-chip-tip{background:var(--ink);color:var(--bg);font-family:var(--font-dm-mono), monospace;white-space:nowrap;opacity:0;pointer-events:none;z-index:5;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:400;transition:opacity .12s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}.spacing-chip.locked:hover .spacing-chip-tip{opacity:1}.spacing-chip-x{border:1px solid var(--line);background:var(--surface);width:16px;height:16px;color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-6px;right:-6px}.spacing-chip-x:hover{color:#c73a1a;border-color:#c73a1a}.spacing-chip-add{border-radius:var(--radius-sm);border:1px dashed var(--line-2);background:0 0;align-items:center;min-width:54px;height:34px;display:flex}.spacing-chip-add input{text-align:center;width:100%;height:100%;font-family:var(--font-dm-mono), monospace;color:var(--ink);background:0 0;border:0;outline:none;font-size:12px}.spacing-chip-add input::placeholder{color:var(--muted-2)}.matrix-row:hover{background:var(--surface)}.gs-link-btn{border:1px solid var(--line);background:var(--surface);width:20px;height:20px;color:var(--muted);cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.gs-link-btn:hover{color:var(--ink);border-color:var(--line-2)}.gs-link-btn.linked{color:var(--accent);border-color:var(--accent);background:var(--accent-weak)}.token-select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;height:28px;color:var(--ink);font-family:var(--font-dm-mono), monospace;cursor:pointer;padding:0 6px;font-size:10.5px}.token-select:hover{border-color:var(--line-2)}.token-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.token-select.empty{border-style:dashed;border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.token-select.empty{border-color:color-mix(in srgb, var(--accent) 50%, var(--line-2))}}.token-select.empty{color:var(--muted-2);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.token-select.empty{background:color-mix(in srgb, var(--accent) 6%, var(--surface))}}.kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:14px;display:flex}.kpi-k{font-size:10px;font-family:var(--font-dm-mono), monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.kpi-v{letter-spacing:-.015em;color:var(--ink);font-size:21px;font-weight:600}.kpi-trend{font-family:var(--font-dm-mono), monospace;border-radius:4px;align-self:flex-start;padding:1px 6px;font-size:10px;font-weight:500}.kpi-trend.up{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.kpi-trend.up{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.kpi-trend.up{color:var(--accent)}.kpi-trend.down{background:var(--surface-3);color:var(--muted)}.activity-row{align-items:center;gap:10px;padding:8px 0;display:flex}.activity-row+.activity-row{border-top:1px solid var(--line)}.activity-avatar{background:var(--surface-3);width:26px;height:26px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.activity-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.activity-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.activity-time{color:var(--muted-2);font-size:10.5px}.tier-grid{grid-template-columns:repeat(3,1fr);gap:4px;padding:2px 4px 6px;display:grid}.tier-box{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:44px;display:flex}.tier-box:hover{border-color:var(--accent);background:var(--accent-weak)}.tier-box.active{border-color:var(--accent);background:var(--accent)}.tier-box.active .tier-box-label,.tier-box.active .tier-box-w{color:var(--accent-ink)}@supports (color:color-mix(in lab, red, red)){.tier-box.active .tier-box-w{color:color-mix(in srgb, var(--accent-ink) 75%, transparent)}}.tier-box-label{color:var(--ink);font-size:11px;font-weight:600}.tier-box-w{color:var(--muted-2);font-size:9px}.projects-page{box-sizing:border-box;width:100%;max-width:calc(var(--content-max) + 80px);margin:0 auto;padding:32px 40px 64px}.projects-page-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.projects-page-head h1{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:22px;font-weight:600}.projects-create-btn{height:36px;padding:0 14px;font-size:13px}.projects-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:20px;display:flex}.projects-tabs{gap:2px;display:flex}.projects-tabs button{height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:0 12px;font-size:13px;font-weight:500;transition:color .12s;display:inline-flex}.projects-tabs button:first-child{padding-left:0}.projects-tabs button:hover{color:var(--ink)}.projects-tabs button.active{color:var(--ink);border-bottom-color:var(--accent)}.projects-tab-count{font-family:var(--font-dm-mono), monospace;background:var(--surface-3);color:var(--muted);border-radius:999px;padding:3px 6px;font-size:10.5px;line-height:1}.projects-tabs button.active .projects-tab-count{background:var(--accent-weak);color:var(--accent)}.projects-toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:8px;display:flex}.projects-tool-btn{height:32px}.projects-tool-btn[data-popup-open]{background:var(--surface-2);border-color:var(--line-2)}.projects-tool-btn.is-active{border-color:var(--accent)}.projects-tool-count{background:var(--accent);min-width:16px;height:16px;color:var(--accent-ink);border-radius:999px;place-items:center;padding:0 4px;font-size:10px;font-weight:600;display:inline-grid}.projects-tool-value{color:var(--muted);font-weight:400}.projects-search{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);width:280px;height:32px;color:var(--muted);cursor:text;align-items:center;gap:8px;padding:0 8px 0 10px;transition:border-color .12s,box-shadow .12s;display:flex}.projects-search:hover{border-color:var(--line-2)}.projects-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.projects-search input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:12.5px}.projects-search input::placeholder{color:var(--muted-2)}.projects-search input::-webkit-search-cancel-button{display:none}.projects-search-kbd{font-family:var(--font-dm-mono), monospace;border:1px solid var(--line);color:var(--muted-2);border-radius:4px;padding:3px 6px;font-size:10px;line-height:1}.projects-search-clear{background:var(--surface-3);width:18px;height:18px;color:var(--muted);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid}.projects-search-clear:hover{color:var(--ink)}.projects-result-count{color:var(--muted);align-items:center;gap:10px;margin:0 0 12px;font-size:12px;display:flex}.projects-listing-error{color:var(--danger);margin-bottom:16px;font-size:12px}.projects-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (max-width:1080px){.projects-card-grid{grid-template-columns:minmax(0,1fr)}}.projects-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);align-items:center;gap:16px;min-width:0;padding:16px;transition:border-color .12s,box-shadow .12s;display:flex}.projects-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-md)}.projects-card.is-archived .projects-logo{filter:grayscale();opacity:.7}.projects-logo{border-radius:var(--radius-md);background:var(--surface-2);color:var(--ink);border:1px solid var(--line);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.projects-logo img{object-fit:cover;width:100%;height:100%;display:block}.projects-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.projects-card-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:600;overflow:hidden}.projects-card-meta{align-items:center;gap:8px;min-width:0;margin:2px 0 0;display:flex}.projects-card-archetype{color:var(--ink-2);white-space:nowrap;font-size:12px;font-weight:500}.projects-card-time{color:var(--muted-2);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.projects-card-time:before{content:"·";color:var(--line-2);margin-right:8px}.projects-card-rename{width:100%;max-width:360px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--accent-ring);outline:none;margin:-3px 0 -3px -7px;padding:2px 6px;font-size:15px;font-weight:600}.projects-card-people{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;margin-top:8px;display:flex}.projects-owner-chip{background:var(--surface-3);height:24px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:11.5px;display:inline-flex}.projects-owner-chip strong{color:var(--ink);font-weight:500}.projects-people-sep{background:var(--line-2);width:1px;height:14px}.projects-access{height:26px;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.projects-access.is-shared{gap:8px}.projects-avatar{color:#2a2a26;border-radius:999px;flex-shrink:0;place-items:center;font-weight:600;line-height:1;display:inline-grid}.projects-avatar-stack{align-items:center;display:inline-flex}.projects-avatar-stack .projects-avatar{box-shadow:0 0 0 2px var(--surface)}.projects-avatar-stack .projects-avatar+.projects-avatar{margin-left:-2px}.projects-avatar-more{background:var(--surface-3);width:22px;height:22px;color:var(--muted);font-size:9px}.dark .projects-avatar:not(.projects-avatar-more){filter:saturate(.75)brightness(.88)}.projects-card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.projects-view-btn{height:32px;padding:0 16px}.projects-kebab{border-radius:var(--radius-md);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;transition:all .12s;display:grid}.projects-kebab:hover,.projects-kebab[data-popup-open]{color:var(--ink);background:var(--surface-2);border-color:var(--line)}.projects-logo-placeholder{border-radius:var(--radius-md);background:var(--surface-3);color:var(--muted-2);flex-shrink:0;place-items:center;display:grid}.dark .projects-logo-placeholder{color:var(--muted)}.projects-card.is-archived .projects-logo-placeholder{opacity:.7}.projects-empty-state{text-align:center;flex-direction:column;align-items:center;margin-top:8px;padding:56px 24px 64px;display:flex}.projects-empty-state h2{letter-spacing:-.01em;color:var(--ink);margin:24px 0 0;font-size:17px;font-weight:600}.projects-empty-state p{max-width:46ch;color:var(--muted);text-wrap:pretty;margin:8px 0 0;font-size:13px;line-height:1.6}.projects-empty-state-actions{gap:8px;margin-top:20px;display:flex}.projects-empty-state.is-compact{padding:40px 24px 48px}.projects-empty-state.is-compact h2{margin-top:16px;font-size:15px}.projects-empty-art{width:248px;height:132px;position:relative}.projects-empty-art.is-compact{width:auto;height:auto}.projects-ghost-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:216px;box-shadow:var(--shadow-md);align-items:center;gap:12px;padding:12px;display:flex;position:absolute;left:50%}.projects-ghost-card.is-back{opacity:.55;box-shadow:var(--shadow-sm);top:6px;transform:translate(-58%)rotate(-6deg)}.projects-ghost-card.is-front{top:44px;transform:translate(-42%)rotate(2deg)}.projects-ghost-lines{flex-direction:column;flex:1;gap:6px;display:flex}.projects-ghost-line{background:var(--surface-3);border-radius:999px;width:70%;height:6px}.projects-ghost-line.is-title{background:var(--line-2);width:88%;height:8px}.projects-ghost-line.is-chip{width:42%;height:10px;margin-top:2px}.projects-ghost-badge{background:var(--accent);width:24px;height:24px;color:var(--accent-ink);box-shadow:0 0 0 3px var(--bg), var(--shadow-md);border-radius:999px;place-items:center;display:grid;position:absolute;top:-9px;right:-9px}.projects-ghost-card.is-archived .projects-ghost-badge{background:var(--ink);color:var(--bg)}.projects-empty-glyph{background:var(--surface-2);width:52px;height:52px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;place-items:center;display:grid}.omni-menu-positioner{z-index:120;outline:none}.omni-menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);transform-origin:var(--transform-origin);outline:none;padding:4px;transition:opacity .1s,transform .1s}.omni-menu[data-starting-style],.omni-menu[data-ending-style]{opacity:0;transform:scale(.97)}.omni-menu-wide{min-width:220px}.omni-menu-item{border-radius:var(--radius-md);min-height:32px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:10px;padding:6px 10px;font-size:12.5px;display:flex}.omni-menu-item>svg{color:var(--muted);flex-shrink:0}.omni-menu-item[data-highlighted]{background:var(--surface-2)}.omni-menu-item[data-disabled]{cursor:default;color:var(--muted-2)}.omni-menu-item[data-disabled]>svg{color:var(--muted-2)}.omni-menu-item[data-disabled][data-highlighted]{background:0 0}.omni-menu-item.is-danger,.omni-menu-item.is-danger>svg{color:var(--danger)}.omni-menu-item.is-danger[data-highlighted]{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.omni-menu-item.is-danger[data-highlighted]{background:color-mix(in srgb, var(--danger) 8%, transparent)}}.omni-menu-item.is-danger[data-disabled],.omni-menu-item.is-danger[data-disabled]>svg{color:var(--muted-2)}.omni-menu-label{flex-direction:column;gap:1px;display:flex}.omni-menu-reason{color:var(--muted-2);font-size:10.5px}.omni-menu-sep{background:var(--line);height:1px;margin:4px -4px}.omni-menu-group{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 10px 4px;font-size:10.5px;font-weight:600}.omni-menu-box{border:1px solid var(--line-2);background:var(--surface);color:#0000;border-radius:4px;flex-shrink:0;place-items:center;width:15px;height:15px;display:grid}.omni-menu-item[data-checked] .omni-menu-box{background:var(--ink);border-color:var(--ink);color:var(--bg)}.omni-menu-tick{color:#0000;place-items:center;width:14px;display:grid}.omni-menu-item[data-checked] .omni-menu-tick{color:var(--accent)}.projects-dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;transition:opacity .15s;position:fixed;inset:0}.projects-dialog-backdrop[data-starting-style],.projects-dialog-backdrop[data-ending-style]{opacity:0}.projects-dialog{z-index:101;outline:none;transition:opacity .15s,transform .15s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.projects-dialog[data-starting-style],.projects-dialog[data-ending-style]{opacity:0;transform:translate(-50%,-48%)}.projects-dialog-sm{width:420px}.projects-dialog-title{color:var(--ink);margin:0;font-size:14px;font-weight:600}.projects-dialog-close{border-color:#0000;width:28px;height:28px}.projects-dialog-footer{justify-content:space-between}.projects-share-section h4{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:600}.projects-access-options{flex-direction:column;gap:6px;display:flex}.projects-access-option{text-align:left;background:var(--surface);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;transition:border-color .12s,background .12s;display:flex}.projects-access-option:hover:not(:disabled){border-color:var(--line-2)}.projects-access-option.active{border-color:var(--accent);background:var(--accent-weak)}.projects-access-option:disabled{cursor:default;opacity:.6}.projects-access-option>svg{color:var(--accent)}.projects-access-icon{background:var(--surface-2);width:30px;height:30px;color:var(--muted);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.projects-access-option.active .projects-access-icon{background:var(--surface);color:var(--ink)}.projects-access-text{flex-direction:column;flex:1;gap:1px;display:flex}.projects-access-text strong{font-size:13px;font-weight:600}.projects-access-text span{color:var(--muted);font-size:11.5px}.projects-share-error{color:var(--danger);margin:6px 0 0;font-size:11.5px}.projects-share-note{font-size:12px}.projects-people{flex-direction:column;margin:12px 0 0;padding:0;list-style:none;display:flex}.projects-person{border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.projects-person:first-child{border-top:0}.projects-person .projects-avatar{box-shadow:none}.projects-person-id{flex-direction:column;flex:1;min-width:0;display:flex}.projects-person-id strong{color:var(--ink);font-size:12.5px;font-weight:600}.projects-person-id span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.projects-person-role{color:var(--muted);padding-right:4px;font-size:12px}.projects-person-remove{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.projects-person-remove:hover{color:var(--danger);background:var(--surface-2)}.projects-dup-input{width:100%}.projects-dup-share{border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 12px;display:flex}.projects-dup-check{color:var(--ink);cursor:pointer;font-size:12.5px}.projects-dup-check-label{flex:1}.projects-dup-check input{width:15px;height:15px;accent-color:var(--ink);cursor:pointer;margin:0}.projects-dup-share .projects-avatar-stack{transition:opacity .2s}.projects-dup-share:has(input:not(:checked)) .projects-avatar-stack{opacity:.4}.projects-dup-note{font-size:11.5px}.projects-dup-reveal{opacity:0;grid-template-rows:0fr;margin-top:-16px;transition:grid-template-rows .24s cubic-bezier(.2,.8,.2,1),margin-top .24s cubic-bezier(.2,.8,.2,1),opacity .12s;display:grid}.projects-dup-reveal.is-open{opacity:1;grid-template-rows:1fr;margin-top:0;transition:grid-template-rows .24s cubic-bezier(.2,.8,.2,1),margin-top .24s cubic-bezier(.2,.8,.2,1),opacity .18s 80ms}.projects-dup-reveal-inner{min-height:0;margin:-3px;padding:3px;overflow:hidden}@media (prefers-reduced-motion:reduce){.projects-dup-reveal,.projects-dup-reveal.is-open{transition:none}}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.danger{background:var(--danger);color:var(--danger-ink);border-color:#0000}.btn.danger:hover{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.btn.danger:hover{background:color-mix(in srgb, var(--danger) 88%, black)}}.dark{--projects-hover-bg:var(--ink)}@supports (color:color-mix(in lab, red, red)){.dark{--projects-hover-bg:color-mix(in srgb, var(--ink) 7%, var(--surface))}}.dark{--projects-hover-bg-strong:var(--ink)}@supports (color:color-mix(in lab, red, red)){.dark{--projects-hover-bg-strong:color-mix(in srgb, var(--ink) 11%, var(--surface))}}.dark{--projects-hover-line:var(--ink)}@supports (color:color-mix(in lab, red, red)){.dark{--projects-hover-line:color-mix(in srgb, var(--ink) 22%, var(--surface))}}.dark .projects-page .btn:not(.primary):not(.danger):hover,.dark .projects-dialog .btn:not(.primary):not(.danger):hover,.dark .projects-tool-btn[data-popup-open],.dark .projects-kebab:hover,.dark .projects-kebab[data-popup-open]{background:var(--projects-hover-bg-strong);border-color:var(--projects-hover-line)}.dark .projects-search:hover{border-color:var(--projects-hover-line)}.dark .omni-menu-item[data-highlighted]{background:var(--projects-hover-bg-strong)}.dark .omni-menu-item.is-danger[data-highlighted]{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dark .omni-menu-item.is-danger[data-highlighted]{background:color-mix(in srgb, var(--danger) 16%, var(--surface))}}.dark .projects-access-option:hover:not(:disabled):not(.active){background:var(--projects-hover-bg);border-color:var(--projects-hover-line)}.dark .projects-person-remove:hover,.dark .projects-dialog-close:hover{background:var(--projects-hover-bg-strong)}.dark .projects-toast button:hover{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.dark .projects-toast button:hover{background:color-mix(in srgb, var(--bg) 18%, transparent)}}.projects-skeleton-card{pointer-events:none}.projects-skeleton-card:hover{border-color:var(--line);box-shadow:none}.projects-skeleton-block{background:linear-gradient(90deg, var(--surface-2) 0%, var(--surface-3) 40%, var(--surface-2) 80%);background-size:300% 100%;border-radius:999px;animation:1.4s ease-in-out infinite projects-shimmer;display:block}.projects-skeleton-logo{border-radius:var(--radius-md);flex-shrink:0;width:64px;height:64px}.projects-skeleton-block.is-title{width:55%;height:12px}.projects-skeleton-block.is-meta{width:35%;height:8px}.projects-skeleton-block.is-chip{width:45%;height:20px;margin-top:6px}.projects-skeleton-block.is-button{border-radius:var(--radius-md);width:58px;height:32px}@keyframes projects-shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.projects-skeleton-block{animation:none}}.projects-error-detail{font-family:var(--font-dm-mono), ui-monospace, monospace;color:var(--muted-2);margin-top:8px;font-size:11px;display:block}.projects-empty-glyph.is-error{color:var(--danger);background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.projects-empty-glyph.is-error{background:color-mix(in srgb, var(--danger) 8%, var(--surface))}}.projects-empty-glyph.is-error{box-shadow:inset 0 0 0 1px var(--danger)}@supports (color:color-mix(in lab, red, red)){.projects-empty-glyph.is-error{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--danger) 22%, var(--surface))}}.projects-preview-panel{z-index:110;position:fixed;bottom:20px;right:20px}.projects-preview-trigger{background:var(--ink);height:32px;color:var(--bg);cursor:pointer;box-shadow:var(--shadow-lg);border:0;border-radius:999px;align-items:center;gap:7px;padding:0 10px 0 11px;font-size:12px;transition:transform .12s,box-shadow .12s;display:inline-flex}.projects-preview-trigger:hover,.projects-preview-trigger[data-popup-open]{box-shadow:var(--shadow-pop);transform:translateY(-1px)}.projects-preview-label{opacity:.6}.projects-preview-value{font-weight:600}.projects-preview-hint{color:var(--muted-2);padding:6px 10px;font-size:10.5px}.projects-toast-region{z-index:130;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.projects-toast{border-radius:var(--radius-lg);background:var(--ink);color:var(--bg);box-shadow:var(--shadow-pop);align-items:center;gap:12px;padding:10px 10px 10px 14px;font-size:12.5px;animation:.16s ease-out projects-toast-in;display:flex}.projects-toast button{border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:12.5px;font-weight:600}.projects-toast button:hover{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.projects-toast button:hover{background:color-mix(in srgb, var(--bg) 12%, transparent)}}.projects-toast .projects-toast-close{color:inherit;opacity:.6;place-items:center;display:grid}@keyframes projects-toast-in{0%{opacity:0;transform:translateY(6px)}}.project-shell-title{color:var(--ink);white-space:nowrap;font-size:14px;font-weight:600}.project-topbar{justify-content:space-between}.project-crumbs{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.project-crumb{border-radius:var(--radius-sm);font:inherit;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;max-width:32ch;margin-left:-4px;padding:2px 4px;font-size:14px;font-weight:600;overflow:hidden}.project-crumb.is-project{cursor:pointer;transition:background .12s}.project-crumb.is-project:hover{background:var(--surface-2)}.project-crumb.is-tool{color:var(--muted);margin-left:0;padding-left:0;font-weight:500}.project-crumb-sep{color:var(--line-2);font-size:13px}.project-crumb-caret{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--muted-2);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;transition:all .12s;display:grid}.project-crumb-caret:hover,.project-crumb-caret[data-popup-open]{color:var(--ink);background:var(--surface-2)}.project-crumb-rename{width:100%;max-width:32ch;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--accent-ring);outline:none;margin-left:-4px;padding:2px 6px;font-size:14px;font-weight:600}.project-topbar .project-save-status{text-align:right;min-width:52px;color:var(--muted-2);font-size:11.5px}.omni-menu-note{color:var(--muted-2);padding:8px 10px;font-size:12px}.project-topbar-lock{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);height:30px;font:inherit;color:var(--muted);cursor:pointer;flex-shrink:0;align-items:center;gap:2px;padding:0 7px;font-size:12px;transition:color .12s,background .12s,border-color .12s;display:inline-flex}.project-topbar-lock:hover:not(:disabled),.project-topbar-lock:focus-visible,.project-topbar-lock[data-popup-open]{color:var(--ink);background:var(--surface-2);border-color:var(--line-2)}.project-topbar-lock:disabled{cursor:default;opacity:.6}.project-topbar-lock>svg:last-child{color:var(--muted-2)}.project-visibility-menu{min-width:280px;padding:8px}.project-topbar-people{cursor:pointer;background:0 0;border:0;border-radius:999px;flex-shrink:0;align-items:center;padding:2px;display:inline-flex}.project-topbar-people:hover{background:var(--surface-2)}.project-archived-bar{background:var(--surface-2);border-bottom:1px solid var(--line);color:var(--muted);flex-shrink:0;align-items:center;gap:10px;padding:8px 20px 8px 24px;font-size:12.5px;display:flex}.project-archived-bar>svg{color:var(--muted-2)}.project-archived-bar .btn{margin-left:auto}.project-shell-body{padding:32px 40px}.project-shell-body>*{max-width:var(--content-max);margin-left:auto;margin-right:auto}.project-shell-hint{color:var(--muted);font-size:12.5px;line-height:1.6}.project-shell-link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.create-project-field{flex-direction:column;gap:6px;display:flex}.create-project-field label{color:var(--muted);font-size:11.5px;font-weight:600}.create-project-textarea{resize:vertical;width:100%;font:inherit;background:var(--surface-2);border-radius:var(--radius-md);color:var(--ink);border:1px solid #0000;padding:8px 10px;font-size:13px}.create-project-textarea:hover{border-color:var(--line)}.create-project-textarea:focus{border-color:var(--accent);background:var(--surface);outline:none}.create-project-hint{color:var(--muted);margin:0;font-size:11.5px}.create-project-icons{flex-wrap:wrap;gap:6px;display:flex}.create-project-icon-btn{background:var(--surface-2);border-radius:var(--radius-md);width:32px;height:32px;color:var(--muted);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.create-project-icon-btn:hover{color:var(--ink)}.create-project-icon-btn.active{color:var(--ink);border-color:var(--accent);background:var(--accent-weak)}.project-share-input{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted);flex:1;padding:7px 10px;font-size:12px}.project-invite-row{gap:8px;margin-top:10px;display:flex}.project-invite-input{background:var(--surface-2);border-radius:var(--radius-md);color:var(--ink);border:1px solid #0000;flex:1;padding:7px 10px;font-size:13px}.project-invite-input:hover{border-color:var(--line)}.project-invite-input:focus{border-color:var(--accent);background:var(--surface);outline:none}.project-invite-role{background:var(--surface-2);border-radius:var(--radius-md);color:var(--ink);border:1px solid #0000;padding:7px 8px;font-size:12.5px}.xp{flex-direction:column;gap:18px;width:100%;display:flex}.xp-head{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.xp-head-right{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.xp-head>.btn{align-self:center;margin-left:auto}.xp-dests{flex-wrap:wrap;gap:10px;display:flex}.xp-dest{text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-width:210px;color:var(--muted);align-items:center;gap:12px;padding:12px 16px;display:flex}.xp-dest:hover{border-color:var(--line-2);color:var(--ink)}.xp-dest.active{border-color:var(--ink);color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.xp-dest-text{flex-direction:column;gap:2px;display:flex}.xp-dest-text b{color:var(--ink);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.xp-dest-text span{font-size:11.5px}.xp-panel{flex-direction:column;gap:14px;display:flex}.xp-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.xp-field{color:var(--muted);align-items:center;gap:8px;font-size:11.5px;display:inline-flex}.xp-field input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:140px;color:var(--ink);font:inherit;outline:none;padding:5px 8px;font-size:12px}.xp-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.xp-check{color:var(--ink);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.xp-check input{accent-color:var(--accent);margin:0}.xp-hint{color:var(--muted);margin:0;font-size:12.5px}.xp-hint code,.xp-steps code{font-family:var(--font-dm-mono), monospace;background:var(--surface-2);color:var(--ink);border-radius:4px;padding:1px 5px;font-size:11.5px}.xp-plugin{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:16px;padding:20px 22px;display:flex}.xp-plugin-head h3{margin:0 0 4px;font-size:15px;font-weight:600}.xp-plugin-head p{color:var(--muted);max-width:640px;margin:0 0 14px;font-size:13px}.xp-plugin-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.xp-plugin-actions a.btn{text-decoration:none}.xp-soon{color:var(--muted);font-size:12px}.xp-version{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.xp-steps{color:var(--ink);flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:12.5px;display:flex}.xp-steps li::marker{color:var(--muted);font-family:var(--font-dm-mono), monospace}.xp-snippet{align-items:center;gap:10px;margin-top:6px;display:flex}.xp-soon-strip{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);color:var(--muted);align-items:flex-start;gap:10px;margin:0;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex}.xp-soon-strip>svg{flex:none;margin-top:1px}.xp-soon-strip b{color:var(--ink);font-weight:600}.xp-run{--xp-code-max:none;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:18px;padding:20px 22px;display:flex;container-type:inline-size}.xp-run-head h3{margin:0 0 4px;font-size:15px;font-weight:600}.xp-run-head p{color:var(--muted);max-width:640px;margin:0;font-size:13px}.xp-run-bento{grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:stretch;gap:18px;display:grid}.xp-run-side{flex-direction:column;gap:16px;min-width:0;display:flex}.xp-run-bento>.xp-run-step,.xp-run-side>.xp-run-step{background:var(--surface-2);border-radius:var(--radius-md);padding:14px}.xp-run-script .code-block{background:var(--surface)}.xp-run-bento>.xp-run-script{align-items:stretch}.xp-run-codewrap{flex:1;min-height:180px;position:relative}.xp-run-codewrap>.xp-code{flex-direction:column;display:flex;position:absolute;inset:0}.xp-run-codewrap .code-block{flex:1;min-height:0}.xp-run-script,.xp-run-script>.xp-run-body{min-height:0}.xp-run-side>.xp-run-step{flex:1}@container (max-width:760px){.xp-run-bento{grid-template-columns:1fr}}.xp-run-step{align-items:flex-start;gap:12px;min-width:0;display:flex}.xp-run-n{border:1px solid var(--line-2);width:22px;height:22px;font-family:var(--font-dm-mono), monospace;color:var(--muted);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:11.5px;display:grid}.xp-run-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.xp-run-body>b{color:var(--ink);font-size:13px;font-weight:600}.xp-run-body>p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.55}.xp-run-body>p b{color:var(--ink);font-weight:600}.xp-run-alt{opacity:.85;font-size:12px!important}.xp-run-body kbd{font-family:var(--font-dm-mono), monospace;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;margin-right:2px;padding:1px 5px;font-size:11px}.fx-shot{--fx-bg:#1e1e1e;--fx-panel:#2c2c2c;--fx-line:#383838;--fx-ink:#e6e6e6;--fx-dim:#8c8c8c;--fx-on:#4a4a4a;--fx-blue:#4b9fff;background:var(--fx-bg);border:1px solid var(--fx-edge,var(--fx-line));color:var(--fx-ink);border-radius:8px;padding:10px;font-size:11px;overflow:hidden;box-shadow:0 6px 18px #0000002e}.dark .fx-shot{--fx-edge:#4d4d4d;box-shadow:none}.fx-caret{background:var(--fx-ink);width:1px;height:12px;animation:1.1s step-end infinite fx-blink;display:inline-block}@keyframes fx-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.fx-caret{animation:none}}.fx-qa-search{background:var(--fx-panel);color:var(--fx-dim);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}.fx-qa-typed{color:var(--fx-ink)}.fx-qa-chips{gap:6px;padding:9px 2px 7px;display:flex}.fx-qa-chips span{color:var(--fx-dim);border-radius:4px;padding:2px 7px;font-size:10.5px}.fx-qa-chips .on{background:var(--fx-on);color:var(--fx-ink)}.fx-qa-list{flex-direction:column;display:flex}.fx-qa-row{color:var(--fx-dim);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:6px 8px;overflow:hidden}.fx-qa-row.on{background:var(--fx-on);color:var(--fx-ink)}.fx-con-tabs{border-bottom:1px solid var(--fx-line);color:var(--fx-dim);gap:12px;padding:2px 2px 8px;font-size:10.5px;display:flex}.fx-con-tabs .on{color:var(--fx-blue);box-shadow:inset 0 -2px 0 var(--fx-blue);margin-bottom:-8px;padding-bottom:6px}.fx-con-body{flex-direction:column;gap:9px;padding:12px 2px 2px;display:flex}.fx-con-log{background:var(--fx-line);border-radius:3px;height:6px}.fx-con-prompt{font-family:var(--font-dm-mono), monospace;align-items:center;gap:7px;padding-top:5px;display:flex}.fx-con-prompt b{color:var(--fx-blue);font-weight:400}.fx-con-paste{color:var(--fx-dim)}.xp-code{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.xp-code-bar{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:8px 10px;font-size:11.5px;display:flex}.xp-code-size{white-space:nowrap;margin-left:auto;margin-right:4px}.xp-code-bar>.mono:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.xp-code-bar .btn{flex:none}.xp-code .code-block{max-height:var(--xp-code-max,520px);border:0;border-radius:0;margin:0}:root{--content-max:1440px}.tool-content{max-width:var(--content-max);margin:0 auto}.nav-avatar{background:var(--ink);width:30px;height:30px;color:var(--bg);cursor:pointer;letter-spacing:.02em;border:0;border-radius:999px;flex-shrink:0;place-items:center;margin-top:6px;padding:0;font-size:11px;font-weight:600;display:grid;overflow:hidden}.nav-avatar:hover,.nav-avatar[data-popup-open]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--line-2)}.nav-avatar img{object-fit:cover;width:100%;height:100%}.nav-avatar.static{cursor:default;box-shadow:none;margin:0}.account-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px 10px;display:flex}.account-who{flex-direction:column;min-width:0;display:flex}.account-who b{color:var(--ink);font-size:12.5px;font-weight:600}.account-who span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.plugin-menu{flex-direction:column;gap:12px;width:300px;padding:14px 16px 16px;display:flex}.plugin-menu-head{align-items:flex-start;gap:10px;display:flex}.plugin-menu-who{flex-direction:column;gap:2px;min-width:0;display:flex}.plugin-menu-who b{color:var(--ink);font-size:13px;font-weight:600}.plugin-menu-who span{color:var(--muted);font-size:11.5px}.plugin-menu-get{justify-content:center;text-decoration:none}.plugin-menu-version{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;margin:-6px 0 0;font-size:11.5px}.plugin-menu-note{border-top:1px solid var(--line);color:var(--muted);margin:0;padding-top:10px;font-size:11.5px}.plugin-menu-soon{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-self:flex-start;margin:0;padding:3px 9px;font-size:11px;font-weight:600}.plugin-menu-body{color:var(--ink);margin:-4px 0 0;font-size:12px;line-height:1.5}.plugin-menu-note b{color:var(--ink);font-weight:600}.project-home{flex-direction:column;display:flex}.project-home-facts{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;display:grid}@media (max-width:1000px){.project-home-facts{grid-template-columns:minmax(0,1fr)}}.project-fact{background:var(--surface-2);border-radius:var(--radius-lg);align-items:center;gap:12px;min-width:0;padding:14px 16px;display:flex}.project-fact-icon{border-radius:var(--radius-md);background:var(--surface);width:32px;height:32px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);flex-shrink:0;place-items:center;display:grid}.project-fact-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.project-fact-body h3{color:var(--muted);margin:0;font-size:12px;font-weight:500}.project-fact-body p{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.project-fact-body p.is-empty{color:var(--muted-2)}.project-fact-input{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--accent-ring);outline:none;margin:-3px -6px;padding:2px 6px;font-size:13px}.project-fact-action{border-radius:var(--radius-sm);font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;margin-right:-6px;padding:4px 6px;font-size:12.5px;transition:color .12s,background .12s}.project-fact-action:hover{color:var(--ink);background:var(--surface-3)}.project-home-rule{background:var(--line);border:0;height:1px;margin:28px 0}.project-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:28px 24px;display:grid}@media (max-width:1180px){.project-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.project-home-grid{grid-template-columns:minmax(0,1fr)}}.project-tile{flex-direction:column;gap:10px;min-width:0;display:flex}.project-tile-title{color:var(--muted);align-items:center;gap:7px;margin:0;font-size:13px;font-weight:500;display:flex}.project-tile-title>svg{color:var(--accent);flex-shrink:0}.project-tile-body{text-align:left;cursor:pointer;background:var(--surface-2);border-radius:var(--radius-lg);border:1px solid #0000;flex-direction:column;flex:1;justify-content:center;width:100%;min-height:232px;padding:20px;transition:border-color .12s,box-shadow .12s,background .12s;display:flex;position:relative}.project-tile-body:hover{background:var(--surface);border-color:var(--line-2);box-shadow:var(--shadow-md)}.project-tile-body:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.project-tile-open{background:var(--surface);border-radius:999px;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:12px;right:12px}@supports (color:color-mix(in lab, red, red)){.project-tile-open{background:color-mix(in srgb, var(--surface) 62%, transparent)}}.project-tile-open{color:var(--ink);-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px var(--ink)}@supports (color:color-mix(in lab, red, red)){.project-tile-open{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent)}}.project-tile-open{opacity:0;transition:opacity .12s}.project-tile-body:hover .project-tile-open,.project-tile-body:focus-visible .project-tile-open{opacity:1}.pv-empty{color:var(--muted-2);font-size:12.5px}.pv-caption{color:var(--muted-2);margin-top:14px;font-size:11px;display:block}.pv-more{color:var(--muted-2);font-size:11px}.pv-colour{flex-direction:column;gap:10px;display:flex}.pv-colour-row{flex-direction:column;gap:4px;min-width:0;display:flex}.pv-colour-name{color:var(--muted);text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.pv-ramp{border-radius:var(--radius-sm);height:22px;box-shadow:inset 0 0 0 1px var(--ink);display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.pv-ramp{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent)}}.pv-ramp-step{flex:1 1 0;min-width:0}.pv-type{flex-direction:column;gap:18px;display:flex}.pv-type-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.pv-type-id{flex-direction:column;gap:2px;min-width:0;display:flex}.pv-type-role{color:var(--muted);font-size:10.5px}.pv-type-id strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.pv-type-specimen{color:var(--ink);flex-shrink:0;font-size:40px;line-height:1}.pv-grid{flex-direction:column;display:flex}.pv-grid-frame{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);align-items:stretch;height:96px;display:flex;overflow:hidden}.pv-grid-chrome{background:var(--surface-3);border-right:1px solid var(--line);flex-shrink:0}.pv-grid-margin{flex-shrink:0}.pv-grid-cols{flex:1;min-width:0;display:flex}.pv-grid-col{background:var(--accent-weak);flex:1 1 0;min-width:0}.pv-spacing{flex-direction:column;display:flex}.pv-spacing-bars{align-items:flex-end;gap:4px;min-height:120px;display:flex}.pv-spacing-bar{background:var(--accent);border-radius:2px 2px 0 0;flex-shrink:0;width:8px}.pv-elevation{align-items:center;gap:14px;padding:8px 0;display:flex}.pv-elevation-card{background:var(--surface);border-radius:var(--radius-md);flex:1 1 0;place-items:end center;min-width:0;height:84px;padding-bottom:8px;display:grid}.pv-elevation-label{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.project-arch-warning{background:var(--danger);flex-direction:column;gap:6px;margin-top:18px;padding:12px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.project-arch-warning{background:color-mix(in srgb, var(--danger) 7%, transparent)}}.project-arch-warning{border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.project-arch-warning{border:1px solid color-mix(in srgb, var(--danger) 24%, transparent)}}.project-arch-warning{border-radius:var(--radius-md);color:var(--ink);font-size:12px}.project-arch-warning strong{color:var(--danger);font-size:12.5px;font-weight:600}.project-arch-warning ul{flex-direction:column;gap:2px;margin:0;padding-left:18px;display:flex}.project-arch-warning span{color:var(--muted);line-height:1.5}.project-topbar.has-tool .project-crumbs{flex:none;width:254px}.project-topbar-tools{flex:1;align-items:center;gap:8px;min-width:0;height:100%;display:flex}.project-topbar-tools .topbar-tabs{flex:1;min-width:0}.project-topbar-tools .topbar-right{flex-shrink:0}.project-topbar.has-tool .topbar-right{border-left:1px solid var(--line);margin-left:12px;padding-left:14px}@media (max-width:1240px){.project-topbar.has-tool .project-crumbs{width:auto;max-width:200px}}.xp-scope{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px;display:flex}.xp-scope-btn{background:var(--surface);border:1px solid var(--line);height:30px;font:inherit;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;transition:all .12s;display:inline-flex}.xp-scope-btn>svg{color:var(--muted-2)}.xp-scope-btn:hover{color:var(--ink);border-color:var(--line-2)}.xp-scope-btn.active{color:var(--bg);background:var(--ink);border-color:var(--ink)}.xp-scope-btn.active>svg{color:var(--bg)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-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-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}