@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.app-shell-band{padding-inline:var(--shell-band-pad-x);padding-block:var(--shell-band-pad-y)}.app-shell-width{width:min(100%,var(--size-shell-max-width));margin-inline:auto}.app-shell-surface{padding:var(--shell-card-pad);border-radius:var(--radius-xl)}.hierarchy-shell-frame{border:1px solid color-mix(in srgb,var(--surface-border) 84%,transparent);background:color-mix(in srgb,var(--surface-panel) 78%,var(--shell-dock-background));box-shadow:var(--shadow-float-sm)}.hierarchy-workspace-primary{border:1px solid color-mix(in srgb,var(--surface-border-strong) 78%,transparent);box-shadow:var(--shadow-raised)}.hierarchy-context-secondary{border:1px solid color-mix(in srgb,var(--surface-border) 90%,transparent);box-shadow:var(--shadow-float-md)}.hierarchy-continuation-tertiary{border:1px solid color-mix(in srgb,var(--surface-border) 76%,transparent);box-shadow:var(--shadow-float-sm)}.hierarchy-support-rail{background:var(--shell-rail-background);box-shadow:none}.dock-launcher-strip{position:fixed;inset:0 auto 0 0;z-index:var(--z-dock);width:var(--size-dock-width);flex-direction:column;align-items:center;gap:var(--stack-gap-md);padding:var(--panel-pad-sm) var(--space-2);border-right:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent);background:var(--shell-dock-background);-webkit-backdrop-filter:blur(var(--blur-shell));backdrop-filter:blur(var(--blur-shell))}.dock-launcher-brand{display:grid;justify-items:center;gap:var(--gap-compact-row)}.dock-launcher-brand-mark{display:inline-flex;height:var(--size-brand-mark);width:var(--size-brand-mark);align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface-tint-subtle);color:var(--text-inverse)}.dock-launcher-brand-label,.dock-launcher-label{font-size:.7rem;font-weight:650;line-height:1.15;letter-spacing:0}.dock-launcher-brand-label{color:var(--text-muted)}.dock-launcher-stack{display:flex;width:100%;flex:1;flex-direction:column;gap:var(--gap-compact-cluster);padding-top:var(--space-2)}.dock-launcher-button{position:relative;display:grid;justify-items:center;gap:var(--gap-compact-row);border-radius:var(--radius-control-md);border:1px solid var(--border-faint);background:var(--surface-control-subtle);padding:var(--space-3) var(--space-2);color:var(--text-secondary);transition:all var(--motion-duration-fast) ease;isolation:isolate}.dock-launcher-button:hover,.dock-launcher-button:focus-visible{border-color:var(--border-active-soft);background:var(--surface-control-hover);color:var(--text-primary)}.dock-launcher-button:before{content:"";position:absolute;inset:.5rem auto .5rem .35rem;width:var(--size-focus-rail-width);border-radius:var(--radius-pill);background:transparent;transition:background-color var(--motion-duration-fast) ease,box-shadow var(--motion-duration-fast) ease}.dock-launcher-button-priority{border-color:var(--border-subtle);background:var(--surface-button-priority)}.dock-launcher-button-open{border-color:color-mix(in srgb,var(--surface-border-strong) 68%,transparent);background:var(--surface-button-open)}.dock-launcher-button-active{border-color:color-mix(in srgb,var(--accent-color) 28%,var(--border-shell-soft));background:var(--surface-button-active);color:var(--text-inverse);box-shadow:var(--shadow-float-sm)}.dock-launcher-button-active:before{background:color-mix(in srgb,var(--accent-color) 86%,white 8%);box-shadow:var(--shadow-focus-accent)}.dock-launcher-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.dock-launcher-state{position:absolute;top:.45rem;right:.45rem;height:var(--size-status-dot);width:var(--size-status-dot);border-radius:var(--radius-pill);background:var(--state-dot-idle);transition:background-color var(--motion-duration-fast) ease,box-shadow var(--motion-duration-fast) ease}.dock-launcher-button-open .dock-launcher-state{background:var(--state-dot-open)}.dock-launcher-button-active .dock-launcher-state{background:color-mix(in srgb,var(--accent-color) 84%,white 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 16%,transparent)}.dock-popover-shell{position:fixed;z-index:var(--z-popover);display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-control-shell);background:var(--shell-popover-background);border:1px solid color-mix(in srgb,var(--surface-border) 78%,transparent);box-shadow:var(--shadow-float-md);-webkit-backdrop-filter:blur(var(--blur-shell));backdrop-filter:blur(var(--blur-shell))}.dock-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-toolbar);padding:var(--pad-toolbar-y) var(--pad-toolbar-x);border-bottom:1px solid var(--border-divider)}.dock-popover-heading{display:grid;gap:var(--text-gap-tight)}.dock-popover-close{display:inline-flex;height:var(--size-icon-button-md);width:var(--size-icon-button-md);align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface-control-raised);color:var(--text-secondary);transition:all var(--motion-duration-fast) ease}.dock-popover-close:hover,.dock-popover-close:focus-visible{color:var(--text-primary);border-color:var(--border-active-strong);background:var(--surface-control-active)}.dock-popover-body{min-height:0;overflow:auto;padding:var(--pad-popover)}.dock-popover-stack{display:grid;gap:var(--space-4)}.dock-popover-note,.dock-popover-empty{margin:0}.dock-current-button,.dock-swatch-tile,.dock-activity-row,.dock-popover-footer-action,.dock-inline-action,.dock-mood-option{transition:all .18s ease}.dock-current-button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--gap-toolbar);width:100%;padding:var(--panel-pad-sm);border-radius:var(--radius-control-lg);border:1px solid var(--border-subtle);background:var(--shell-current-background);text-align:left}.dock-current-button:hover,.dock-current-button:focus-visible,.dock-swatch-tile:hover,.dock-swatch-tile:focus-visible,.dock-activity-row:hover,.dock-activity-row:focus-visible,.dock-popover-footer-action:hover,.dock-popover-footer-action:focus-visible,.dock-inline-action:hover,.dock-inline-action:focus-visible,.dock-mood-option:hover,.dock-mood-option:focus-visible{border-color:color-mix(in srgb,var(--accent-color) 34%,var(--border-shell-soft));background:var(--shell-current-hover);color:var(--text-primary)}.dock-current-swatch{height:3rem;width:3rem;border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,white 26%,transparent);box-shadow:var(--shadow-shell-swatch)}.dock-current-swatch-lg{height:3.3rem;width:3.3rem;border-radius:var(--radius-control-md)}.dock-current-copy{display:grid;gap:var(--text-gap-tight);min-width:0}.dock-palette-summary-source{color:var(--text-secondary);font-size:.77rem;font-weight:700;line-height:var(--leading-utility)}.dock-copy-status{display:inline-flex;align-items:center;justify-content:center;gap:var(--compact-gap-sm);color:var(--text-muted);font-size:.72rem;font-weight:700;line-height:var(--leading-utility);white-space:nowrap}.support-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.support-popover-backdrop-strong{background:var(--surface-overlay-scrim-soft)}.support-popover,.support-modal-shell,.support-popover-section-card,.support-popover-stat-card,.support-popover-action-card,.support-modal-card,.support-modal-tip-panel{border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-support-popover);box-shadow:var(--shadow-support-popover)}.support-popover{position:fixed;z-index:100;overflow:hidden;max-height:70vh;overflow-y:auto}.support-popover-sm{width:16rem}.support-popover-md{width:18rem}.support-popover-header,.support-popover-body,.support-popover-section,.support-modal-sidebar-head,.support-modal-content-head,.support-modal-content-body{padding:var(--pad-popover)}.support-popover-anchor{position:relative;display:inline-flex;align-items:center}.support-popover-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--surface-border) 60%,transparent)}.support-popover-header-hero{background:var(--surface-support-popover-hero)}.support-popover-heading,.support-popover-row-inline,.support-popover-section-head,.support-popover-swatch-row,.support-popover-preview-row,.support-popover-simulation-row{display:flex;align-items:center;gap:var(--compact-gap-md)}.support-popover-heading,.support-popover-section-head{color:var(--text-primary)}.support-popover-body,.support-popover-stack,.support-popover-stack-compact,.support-modal-content,.support-modal-tip-panel,.support-popover-section-card{display:grid;gap:var(--stack-gap-md)}.support-popover-body-compact{gap:var(--stack-gap-sm)}.support-popover-stack-compact{gap:var(--compact-gap-sm)}.support-popover-section{display:grid;gap:var(--stack-gap-sm);border-bottom:1px solid color-mix(in srgb,var(--surface-border) 48%,transparent)}.support-popover-section-compact{padding:0;gap:var(--space-2)}.support-popover-section:last-child{border-bottom:none}.support-popover-section-title{margin:0;color:var(--text-primary);font-size:.85rem;font-weight:650;line-height:1.45}.support-popover-copy,.support-popover-meta,.support-popover-simulation-label,.support-popover-preview-meta,.support-popover-contrast-label,.support-popover-contrast-code,.support-popover-score-value{color:var(--text-muted);font-size:.76rem;line-height:1.55}.support-popover-copy{margin:0;color:var(--text-secondary);font-size:.8rem}.support-popover-copy-emphasis{color:var(--text-primary);font-size:.78rem;line-height:1.5}.support-popover-code,.support-popover-code-inline{color:var(--text-primary);font-family:var(--font-mono);font-size:.78rem;line-height:1.45}.support-popover-code-pill{border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-field-deep);padding:var(--compact-pad-y) var(--compact-chip-pad-x)}.support-popover-row,.support-popover-score-row,.support-modal-content-head,.support-popover-action-card{display:flex;align-items:center;justify-content:space-between;gap:var(--compact-gap-md)}.support-popover-score-row,.support-popover-action-card{align-items:flex-start}.support-popover-score-label{flex:1}.support-popover-score-track{width:4rem;height:.36rem;overflow:hidden;border-radius:999px;background:var(--surface-progress-track)}.support-popover-score-fill{height:100%;border-radius:999px;background:var(--surface-progress-fill)}.support-popover-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.support-popover-chip{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border-radius:999px;padding:var(--compact-chip-pad-y) var(--compact-chip-pad-x);font-size:.68rem;font-weight:650;line-height:1.4}.support-popover-chip-border{border:1px solid currentColor}.support-popover-chip-neutral{background:var(--surface-badge-neutral);color:var(--text-secondary)}.support-popover-chip-muted{background:var(--surface-badge-muted);color:var(--text-subtle)}.support-popover-chip-accent{background:var(--surface-badge-accent);color:var(--text-accent-soft)}.support-popover-chip-info{background:var(--surface-badge-info);color:var(--text-info-soft)}.support-popover-chip-warning{background:var(--surface-badge-warning);color:var(--text-warning-soft)}.support-popover-chip-success{background:var(--surface-badge-success);color:var(--text-success)}.support-popover-chip-danger{background:var(--surface-badge-danger);color:var(--text-danger-soft)}.support-popover-chip-warm{background:var(--surface-badge-warm);color:var(--text-warm)}.support-popover-chip-cool{background:var(--surface-badge-cool);color:var(--text-cool)}.support-popover-chip-success-solid{background:var(--surface-badge-success-solid);color:var(--text-inverse)}.support-popover-chip-warning-solid{background:var(--surface-badge-warning-solid);color:var(--text-warning-contrast)}.support-popover-chip-success-light{background:var(--surface-badge-success-soft-strong);color:var(--text-positive-strong)}.support-popover-chip-danger-light{background:var(--surface-badge-danger-soft-strong);color:var(--text-danger-strong)}.support-popover-chip-floating{position:absolute;right:calc(var(--space-2) * -1);bottom:calc(var(--space-2) * -1);font-size:.54rem;padding:var(--compact-gap-xs) var(--space-2)}.support-popover-swatch{width:2rem;height:2rem;border-radius:.7rem;border:1px solid color-mix(in srgb,var(--text-inverse) 22%,transparent);box-shadow:var(--shadow-support-swatch)}.support-popover-swatch-lg{width:3rem;height:3rem}.support-popover-swatch-xl{width:3.5rem;height:3.5rem}.support-popover-swatch-row{align-items:center}.support-popover-swatch-row-start{align-items:flex-start}.support-popover-list-item{display:flex;align-items:flex-start;gap:var(--compact-gap-sm)}.support-popover-list{margin:0;padding:0;list-style:none}.support-popover-tip-icon{display:inline-flex;margin-top:var(--compact-gap-xs);flex-shrink:0}.support-popover-tip-bullet{margin-top:var(--compact-gap-xs);color:var(--text-info);flex-shrink:0}.support-popover-icon-muted{color:var(--text-subtle)}.support-popover-icon-info{color:var(--text-info)}.support-popover-icon-success{color:var(--text-success-strong)}.support-popover-icon-warning{color:var(--text-warning-strong)}.support-popover-icon-danger{color:var(--text-danger)}.support-popover-close{display:inline-flex;align-items:center;justify-content:center;width:var(--size-control-button-sm);height:var(--size-control-button-sm);border-radius:var(--radius-control-compact);color:var(--text-muted);transition:background .18s ease,color .18s ease}.support-popover-close:hover,.support-popover-close:focus-visible{background:color-mix(in srgb,var(--surface-dock-card) 100%,transparent);color:var(--text-primary);outline:none}.support-popover-close-icon{color:inherit}.support-popover-trigger{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:var(--space-micro-0_5);color:var(--text-subtle);transition:color .16s ease,background .16s ease,transform .16s ease}.support-popover-trigger:hover,.support-popover-trigger:focus-visible{background:color-mix(in srgb,var(--surface-dock-card) 100%,transparent);color:var(--text-primary);outline:none;transform:translateY(-1px)}.support-popover-trigger-icon{color:inherit}.support-popover-action,.support-popover-link-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:999px;padding:var(--space-2) var(--space-3);font-size:var(--type-label-size);font-weight:650;transition:background .18s ease,color .18s ease,transform .18s ease}.support-popover-action{background:var(--surface-support-modal-active);color:var(--text-inverse)}.support-popover-action:hover,.support-popover-link-action:hover,.support-popover-link:hover{transform:translateY(-1px)}.support-popover-link{color:var(--text-link-accent);font-size:var(--type-control-size);line-height:1.45}.support-popover-link-action{width:100%;background:color-mix(in srgb,var(--surface-support-modal-active) 14%,transparent);color:var(--text-cool)}.support-popover-category-row{justify-content:flex-start}.support-popover-tip-copy-warning{color:var(--text-warning-soft);font-size:.76rem;line-height:1.55}.support-popover-tip-copy-success{color:var(--text-success);font-size:.76rem;line-height:1.55}.support-popover-footer{padding:var(--panel-pad-sm);background:var(--surface-support-popover-footer)}.support-popover-stat-grid{display:grid;gap:var(--gap-control)}.support-popover-stat-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.support-popover-stat-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.support-popover-stat-card{padding:var(--panel-pad-sm);text-align:center}.support-popover-preview-row,.support-popover-simulation-row{gap:var(--gap-control)}.support-popover-preview-card,.support-popover-simulation-card{flex:1;border-radius:.85rem;padding:var(--space-2);text-align:center}.support-popover-preview-card{border:1px solid color-mix(in srgb,var(--text-inverse) 20%,transparent)}.support-popover-preview-card-light{background:var(--surface-support-preview-light)}.support-popover-preview-card-dark{background:var(--surface-support-preview-dark)}.support-popover-preview-title{font-size:.68rem;font-weight:650}.support-popover-simulation-card{background:var(--surface-support-simulation)}.support-popover-simulation-swatch{width:100%;height:1.5rem;border-radius:.45rem;margin-bottom:var(--compact-gap-sm)}.support-popover-contrast-row{display:flex;align-items:center;justify-content:space-between;gap:var(--compact-gap-md);border-radius:.85rem;padding:var(--space-2) var(--space-3)}.support-popover-contrast-row-light{background:var(--surface-support-preview-light)}.support-popover-contrast-row-dark{background:var(--surface-support-preview-dark)}.support-popover-contrast-label{color:var(--text-contrast-light);font-size:.65rem}.support-popover-contrast-label-dark{color:var(--text-inverse)}.support-popover-contrast-code{color:var(--text-contrast-light-muted);font-family:var(--font-mono)}.support-popover-contrast-code-dark{color:var(--text-contrast-dark)}.more-menu-trigger{position:relative;display:inline-flex;align-items:center;gap:var(--compact-gap-xs);padding:var(--pad-control-md-y) var(--panel-pad-sm);color:var(--text-secondary);font-weight:650;line-height:var(--leading-utility);transition:color .18s ease,background-color .18s ease}.more-menu-trigger:hover,.more-menu-trigger:focus-visible{color:var(--text-primary);background:var(--surface-panel-soft)}.more-menu-trigger-active{color:var(--text-inverse);font-weight:700}.more-menu-trigger-indicator{position:absolute;right:0;bottom:0;left:0;height:2px;background:color-mix(in srgb,var(--accent-color) 86%,var(--text-inverse) 14%)}.more-menu-panel{position:absolute;top:calc(100% + var(--offset-popover));right:0;z-index:50;width:12rem;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-header-overflow-panel);box-shadow:var(--shadow-raised);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.more-menu-link{display:block;padding:var(--pad-control-md-y) var(--panel-pad-sm);color:var(--text-secondary);font-size:.88rem;transition:color .18s ease,background-color .18s ease}.more-menu-link:hover,.more-menu-link:focus-visible{background:var(--surface-tint-subtle);color:var(--text-primary)}.more-menu-link-active{background:var(--surface-accent-active);color:color-mix(in srgb,var(--accent-color) 28%,var(--text-inverse) 72%);font-weight:650}@media (min-width: 768px){:root{--shell-band-pad-x: var(--space-5);--page-content-pad-x: var(--space-5);--page-content-pad-y: var(--space-5)}}.header-summary-strip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--compact-gap-md)}.header-main-row{align-items:stretch}.header-context-lane{flex:1 1 66%;min-width:0;gap:var(--compact-gap-md)}.header-title-stack{flex:1 1 auto;min-width:0;gap:var(--text-gap-tight)}.header-summary-chip{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--surface-panel-soft);color:var(--text-secondary);padding:var(--compact-chip-pad-y) var(--compact-chip-pad-x);font-family:var(--font-family-sans);font-size:.7rem;font-weight:600;line-height:var(--leading-utility);text-transform:uppercase;letter-spacing:0em}.header-summary-chip-stage{border-color:color-mix(in srgb,var(--stage-color) 44%,var(--border-shell-soft));background:color-mix(in srgb,var(--stage-color) 10%,var(--surface-panel-muted));color:color-mix(in srgb,var(--stage-color) 42%,var(--text-inverse) 58%);box-shadow:0 0 0 1px color-mix(in srgb,var(--stage-color) 8%,transparent)}.header-active-swatch-summary{display:inline-flex;align-items:center;gap:var(--compact-gap-xs);min-width:0;padding:var(--compact-chip-pad-y) var(--space-2);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--accent-color) 24%,var(--border-shell-soft));background:color-mix(in srgb,var(--surface-panel) 88%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-color) 8%,transparent),0 8px 18px color-mix(in srgb,var(--accent-color) 8%,transparent)}.header-palette-strip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--compact-gap-xs);min-width:0;padding:var(--space-micro-0_5) var(--space-1);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 82%,transparent)}.header-palette-strip-button{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex:0 0 auto;padding:0;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--text-secondary);transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease,opacity .16s ease}.header-palette-strip-button:hover,.header-palette-strip-button:focus-visible{border-color:color-mix(in srgb,var(--header-palette-swatch, var(--accent-color)) 38%,white 14%);background:color-mix(in srgb,var(--header-palette-swatch, var(--accent-color)) 12%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--header-palette-swatch, var(--accent-color)) 16%,transparent);opacity:1;outline:none}.header-palette-strip-button-active{border-color:color-mix(in srgb,var(--accent-color) 28%,white 20%);background:color-mix(in srgb,var(--accent-color) 12%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color) 16%,transparent);opacity:1}.header-palette-strip-item{width:.72rem;height:.72rem;flex:0 0 auto;border-radius:999px;border:1px solid color-mix(in srgb,white 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 6%,transparent);opacity:.76;transition:transform .16s ease,opacity .16s ease,border-color .16s ease,box-shadow .16s ease}.header-palette-strip-button-active .header-palette-strip-item{opacity:1;border-color:color-mix(in srgb,white 48%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 14%,transparent),0 0 0 2px color-mix(in srgb,var(--accent-color) 18%,transparent);transform:scale(1.08)}.header-active-swatch-preview{width:.9rem;height:.9rem;flex-shrink:0;border-radius:999px;border:1px solid color-mix(in srgb,white 20%,transparent);background:var(--accent-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 8%,transparent),0 0 0 1px color-mix(in srgb,var(--accent-color) 12%,transparent)}.header-active-swatch-copy{display:grid;gap:.05rem;min-width:0;line-height:1}.header-active-swatch-hex{color:color-mix(in srgb,white 94%,var(--text-secondary) 6%);font-family:var(--font-family-mono);font-size:.76rem;font-weight:700;line-height:var(--leading-mono-compact);letter-spacing:0em;white-space:nowrap}.header-active-swatch-label{color:color-mix(in srgb,var(--text-secondary) 74%,var(--text-muted) 26%);font-family:var(--font-family-sans);font-size:.62rem;font-weight:650;line-height:var(--leading-utility);letter-spacing:0em;text-transform:uppercase;white-space:nowrap}.header-route-title{color:color-mix(in srgb,white 92%,var(--text-secondary) 8%)}.header-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--surface-border) 54%,transparent);background:color-mix(in srgb,var(--surface-control-subtle) 88%,transparent);box-shadow:var(--shadow-float-sm)}.header-context-line{margin-top:var(--compact-gap-xs);max-width:40rem;color:color-mix(in srgb,var(--text-secondary) 84%,var(--text-muted) 16%);font-family:var(--font-family-sans);font-size:.88rem;font-weight:450;line-height:var(--leading-body);letter-spacing:0em;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.header-primary-actions{display:flex;flex-direction:column;gap:var(--compact-gap-sm);align-items:flex-end;width:100%}.header-actions-lane{flex:0 1 31rem;min-width:min(100%,19rem)}.header-primary-stack{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--compact-gap-sm);width:100%}.header-action-button{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 84%,transparent);background:var(--surface-header-action-base);color:var(--text-secondary);padding:var(--compact-pad-y) var(--compact-pad-x);font-family:var(--font-family-sans);font-size:.84rem;font-weight:650;letter-spacing:0em;line-height:var(--leading-utility);transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.header-action-button:focus-visible{outline:2px solid color-mix(in srgb,var(--text-inverse) 16%,transparent);outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent)}.header-action-button:hover{color:var(--text-primary);border-color:color-mix(in srgb,white 28%,transparent);background:var(--surface-header-action-hover);transform:translateY(-1px)}.header-action-button>span{white-space:nowrap}.header-action-button:disabled{opacity:.62;cursor:not-allowed;transform:none;color:color-mix(in srgb,var(--text-dim) 88%,transparent);background:var(--surface-header-action-disabled);border-color:color-mix(in srgb,white 14%,transparent);box-shadow:none}.header-action-pressed{border-color:color-mix(in srgb,var(--accent-color) 42%,var(--border-shell-soft));background:color-mix(in srgb,var(--accent-color) 14%,var(--surface-panel-soft));color:color-mix(in srgb,var(--accent-color) 26%,white 74%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-color) 18%,transparent)}.header-action-pressed:hover{background:color-mix(in srgb,var(--accent-color) 18%,var(--surface-panel-hover));color:var(--text-inverse)}.header-action-utility{background:var(--surface-header-action-utility);color:var(--text-action-utility);border-color:var(--border-shell-soft);box-shadow:none}.header-action-utility:hover{background:var(--surface-header-action-utility-hover);color:var(--text-primary);border-color:var(--border-shell-active);box-shadow:none}.header-support-rail{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3);opacity:.94}@media (max-width: 1279px){.header-context-lane,.header-actions-lane{flex-basis:auto}}.header-support-group{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);padding:var(--compact-gap-xs) 0 0}.header-support-label{color:color-mix(in srgb,var(--text-secondary) 68%,var(--text-muted) 32%);font-family:var(--font-family-sans);font-size:.65rem;font-weight:700;line-height:var(--leading-utility);letter-spacing:0em;text-transform:uppercase}.header-support-actions{display:inline-flex;flex-wrap:wrap;gap:var(--compact-gap-sm)}.header-overflow-trigger{margin-top:var(--compact-gap-xs);border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,white 26%,transparent);background:var(--surface-header-overflow-trigger);color:var(--text-secondary);display:inline-flex;align-items:center;gap:var(--compact-gap-sm);padding:var(--compact-pad-y) var(--compact-pad-x);line-height:var(--leading-utility);transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.header-overflow-trigger:hover,.header-overflow-trigger:focus-visible{border-color:color-mix(in srgb,white 44%,transparent);color:var(--text-primary);background:var(--surface-header-overflow-trigger-hover)}.header-overflow-panel{display:grid;gap:var(--compact-gap-sm);width:min(100%,26rem);border:1px solid color-mix(in srgb,white 20%,transparent);border-radius:var(--radius-lg);background:var(--surface-header-overflow-panel);box-shadow:var(--shadow-header-overflow);padding:var(--compact-pad-x);justify-self:end;z-index:30}.header-overflow-group{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--compact-pad-x);background:color-mix(in srgb,var(--surface-card) 88%,transparent);display:grid;gap:var(--compact-gap-sm)}.header-overflow-group-title{margin:0;font-family:var(--font-family-sans);font-size:.68rem;font-weight:700;line-height:var(--leading-utility);letter-spacing:0em;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 78%,var(--text-muted) 22%)}.header-overflow-actions{display:grid;gap:var(--compact-gap-sm)}.header-overflow-action{width:100%;border:1px solid var(--surface-border);border-radius:var(--radius-control-compact);background:var(--surface-header-overflow-action);color:var(--text-secondary);font-family:var(--font-family-sans);font-size:.88rem;padding:var(--compact-pad-y) var(--compact-pad-x);display:inline-flex;align-items:center;gap:var(--compact-gap-sm);font-weight:650;line-height:var(--leading-utility);letter-spacing:0em;transition:all .18s ease}.header-overflow-action:hover,.header-overflow-action:focus-visible{border-color:color-mix(in srgb,white 36%,transparent);color:var(--text-primary);outline:none;transform:translateY(-1px)}.header-overflow-action-pressed{border-color:color-mix(in srgb,var(--accent-color) 42%,var(--border-shell-soft));background:color-mix(in srgb,var(--accent-color) 14%,var(--surface-panel-soft));color:var(--text-inverse)}.header-overflow-action:disabled{opacity:.45;cursor:not-allowed;transform:none}.route-motion-shell{will-change:transform,opacity}.tab-navigation-shell{position:sticky;top:0;z-index:28;border-bottom:1px solid color-mix(in srgb,var(--surface-border) 56%,transparent);background:color-mix(in srgb,var(--shell-dock-background) 84%,transparent);-webkit-backdrop-filter:blur(var(--blur-shell));backdrop-filter:blur(var(--blur-shell));box-shadow:0 1px color-mix(in srgb,var(--surface-border) 32%,transparent)}.mobile-drawer-trigger{border-radius:var(--radius-control-shell);border:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent);box-shadow:var(--shadow-float-md)}.app-shell-scroll-top{border-radius:var(--radius-control-shell);border:1px solid color-mix(in srgb,var(--surface-border) 62%,transparent);background:color-mix(in srgb,var(--surface-panel) 88%,var(--shell-dock-background));color:color-mix(in srgb,white 88%,var(--text-secondary) 12%);box-shadow:var(--shadow-float-md);-webkit-backdrop-filter:blur(var(--blur-shell));backdrop-filter:blur(var(--blur-shell));transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.app-shell-scroll-top:hover,.app-shell-scroll-top:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-color) 26%,white 16%);background:color-mix(in srgb,var(--surface-panel-hover) 92%,transparent);color:var(--text-inverse);box-shadow:var(--shadow-float-md),0 0 0 2px color-mix(in srgb,var(--accent-color) 14%,transparent);outline:none}@media (min-width: 768px) and (max-width: 1023px){.app-shell-scroll-top{right:5.75rem}}@media (min-width: 1024px){.app-shell-scroll-top{right:1.25rem}}.layout-manager-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#020617a8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.layout-manager-panel{width:min(100%,32rem);border-radius:var(--radius-xl)}.layout-manager-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--panel-pad-md) var(--pad-modal);border-bottom:1px solid color-mix(in srgb,white 8%,transparent)}.layout-manager-close{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-control-md);color:var(--text-secondary);transition:background-color .18s ease,color .18s ease,transform .18s ease}.layout-manager-close:hover,.layout-manager-close:focus-visible{background:color-mix(in srgb,white 6%,transparent);color:var(--text-primary);transform:translateY(-1px)}.layout-manager-panel-body{padding:var(--pad-modal)}.layout-manager-save-stack,.layout-manager-field{display:grid;gap:calc(var(--space-3) + var(--space-1))}.layout-manager-label{color:var(--text-secondary);font-size:.84rem;font-weight:650;line-height:var(--leading-utility)}.layout-manager-input{width:100%;border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 18%,transparent);background:#09101ebd;padding:calc(var(--space-3) + var(--space-1)) var(--space-4);color:var(--text-primary);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.layout-manager-input::-moz-placeholder{color:var(--text-dim)}.layout-manager-input::placeholder{color:var(--text-dim)}.layout-manager-input:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent-color) 52%,color-mix(in srgb,var(--surface-border) 20%,transparent));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-color) 18%,transparent);background:#0c1423e0}.layout-manager-submit{width:100%;justify-content:center}.layout-manager-list{display:grid;gap:var(--space-3);max-height:20rem;overflow-y:auto;padding-right:var(--space-1)}.layout-manager-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-radius:var(--radius-lg);padding:calc(var(--space-3) + var(--space-1)) var(--space-4);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.layout-manager-item:hover{transform:translateY(-1px);border-color:#ffffff2e;background:#0c1423c7;box-shadow:0 12px 24px color-mix(in srgb,var(--surface-overlay-scrim) 18%,transparent)}.layout-manager-delete{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-control-md);color:var(--text-dim);opacity:0;transition:opacity .18s ease,color .18s ease,background-color .18s ease,transform .18s ease}.layout-manager-item:hover .layout-manager-delete,.layout-manager-delete:focus-visible{opacity:1}.layout-manager-delete:hover,.layout-manager-delete:focus-visible{background:color-mix(in srgb,white 6%,transparent);color:#fda4af;transform:translateY(-1px)}.mobile-color-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#020617a3}.mobile-color-drawer-shell{position:fixed;right:0;bottom:0;left:0;z-index:50}.mobile-color-drawer-panel{display:flex;flex-direction:column;max-height:85vh;overflow:hidden;border-top:1px solid color-mix(in srgb,var(--surface-border) 18%,transparent);border-radius:var(--radius-control-shell) var(--radius-control-shell) 0 0;background:linear-gradient(180deg,#131f33fa,#080e1afa);box-shadow:0 -14px 32px #02081752;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-color-drawer-grabber-row{display:flex;justify-content:center;padding:var(--compact-gap-md) 0}.mobile-color-drawer-grabber{width:3rem;height:.25rem;border-radius:999px;background:#94a3b873}.mobile-color-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-4) calc(var(--space-3) + var(--compact-gap-xs));border-bottom:1px solid color-mix(in srgb,var(--surface-border) 14%,transparent)}.mobile-color-drawer-title{display:inline-flex;align-items:center;gap:var(--compact-gap-md);color:var(--text-primary);font-size:1.05rem;font-weight:700}.mobile-color-drawer-title svg{color:color-mix(in srgb,var(--accent-color) 58%,white 42%)}.mobile-color-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;color:var(--text-secondary);transition:color .18s ease,background-color .18s ease,transform .18s ease}.mobile-color-drawer-close:hover,.mobile-color-drawer-close:focus-visible{background:#ffffff12;color:var(--text-primary);transform:translateY(-1px)}.mobile-color-drawer-content{display:grid;flex:1 1 auto;gap:var(--space-4);overflow-y:auto;padding:var(--space-4)}.mobile-color-drawer-divider{border-top:1px solid color-mix(in srgb,var(--surface-border) 14%,transparent)}.viewport-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:max(var(--space-4),3vh) var(--space-4);background:var(--surface-overlay-scrim);-webkit-backdrop-filter:blur(var(--space-3));backdrop-filter:blur(var(--space-3))}.viewport-modal-shell{width:min(100%,var(--size-modal-width-xl));max-height:min(88vh,980px);display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--surface-border-strong) 84%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 94%,transparent),color-mix(in srgb,var(--surface-panel) 94%,transparent));box-shadow:var(--shadow-overlay-xl)}.viewport-modal-header,.viewport-modal-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.viewport-modal-header{border-bottom:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent)}.viewport-modal-heading{display:grid;gap:var(--space-2);min-width:0}.viewport-modal-header-actions,.viewport-modal-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.viewport-modal-body{overflow:auto;padding:var(--panel-pad-md)}.viewport-modal-footer{justify-content:flex-end;border-top:1px solid color-mix(in srgb,var(--surface-border) 64%,transparent);background:color-mix(in srgb,var(--surface-panel) 76%,transparent)}.inspiration-hotspot-modal-content,.harmony-modal-content{display:grid;gap:var(--space-4)}.dock-popover-stack-image{gap:var(--space-3)}.dock-image-intro,.dock-image-state-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.dock-popover-stack-image .inspiration-importer-shell{gap:var(--space-3)}.dock-popover-stack-image .inspiration-module-header{gap:var(--space-2)}.dock-popover-stack-image .inspiration-importer-workspace{gap:var(--space-3)}.dock-popover-stack-image .inspiration-canvas-frame{max-height:19rem;overflow:auto}@media (min-width: 1024px){.mobile-color-drawer-backdrop,.mobile-color-drawer-shell{display:none}}@media (max-width: 768px){.viewport-modal-header,.viewport-modal-body,.viewport-modal-footer{padding-inline:var(--space-4)}.viewport-modal-shell{width:min(100%,100vw - 1.25rem)}.dock-image-intro,.dock-image-state-row{display:grid}}.support-modal-frame{position:fixed;inset:var(--space-4);z-index:50;display:flex}.support-modal-shell{display:flex;flex-direction:column;width:100%;overflow:hidden}.support-modal-sidebar{width:100%;border-bottom:1px solid color-mix(in srgb,var(--surface-border) 60%,transparent);background:var(--surface-support-modal-sidebar)}.support-modal-nav{display:grid;gap:var(--space-1);padding:var(--panel-pad-sm);max-height:var(--size-support-modal-nav-max-height);overflow-y:auto}.support-modal-nav-button{width:100%;border-radius:var(--radius-control-md);padding:var(--pad-control-md-y) var(--pad-control-md-x);color:var(--text-secondary);text-align:left;font-size:var(--type-support-size);transition:background var(--motion-duration-fast) ease,color var(--motion-duration-fast) ease}.support-modal-nav-button:hover,.support-modal-nav-button:focus-visible{background:var(--surface-support-modal-hover);color:var(--text-primary);outline:none}.support-modal-nav-button-active{background:var(--surface-support-modal-active);color:var(--text-inverse)}.support-modal-tip-panel{padding:var(--panel-pad-sm);border-top:1px solid color-mix(in srgb,var(--surface-border) 60%,transparent);background:var(--surface-support-modal-tip)}.support-modal-content{flex:1;overflow:hidden}.support-modal-content-head{border-bottom:1px solid color-mix(in srgb,var(--surface-border) 60%,transparent)}.support-modal-content-body{flex:1;overflow-y:auto}.support-modal-card-grid{display:grid;gap:var(--space-3)}.support-modal-card{display:grid;gap:var(--space-1);padding:var(--panel-pad-sm);text-align:left;transition:background var(--motion-duration-fast) ease,border-color var(--motion-duration-fast) ease,transform var(--motion-duration-fast) ease}.support-modal-card:hover,.support-modal-card:focus-visible{background:var(--surface-panel-hover);border-color:color-mix(in srgb,var(--surface-border-strong) 74%,transparent);outline:none;transform:translateY(-1px)}@media (min-width: 768px){.support-modal-shell{flex-direction:row}.support-modal-sidebar{width:var(--size-support-modal-sidebar);flex-shrink:0;border-bottom:0;border-right:1px solid color-mix(in srgb,var(--surface-border) 60%,transparent)}.support-modal-nav{max-height:none}.support-modal-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-slider{--app-slider-track-height: var(--size-slider-track-sm);--app-slider-hit-height: var(--size-slider-hit-md);--app-slider-thumb-width: var(--size-slider-thumb-md-width);--app-slider-thumb-height: var(--size-slider-thumb-md-height);--app-slider-thumb-shell: var(--surface-field-deep);--app-slider-track-shadow: var(--shadow-slider-track);--app-slider-thumb-shadow: var(--shadow-slider-thumb);--app-slider-thumb-shadow-hover: var(--shadow-slider-thumb-hover);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--app-slider-hit-height);border:none;border-radius:999px;background-color:var(--surface-slider-track);background-size:100% 100%;background-repeat:no-repeat;box-shadow:var(--app-slider-track-shadow);cursor:pointer;transition:box-shadow .18s ease}.app-slider:focus-visible{outline:none;box-shadow:var(--app-slider-track-shadow),0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent)}.app-slider::-webkit-slider-runnable-track{height:var(--app-slider-track-height);border-radius:999px;background:transparent}.app-slider::-moz-range-track{height:var(--app-slider-track-height);border:none;border-radius:999px;background:transparent}.app-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--app-slider-thumb-width);height:var(--app-slider-thumb-height);margin-top:calc((var(--app-slider-track-height) - var(--app-slider-thumb-height)) / 2);border-radius:999px;border:1px solid var(--app-slider-thumb-shell);background:var(--surface-slider-thumb);box-shadow:var(--app-slider-thumb-shadow);-webkit-transition:transform .18s ease,box-shadow .18s ease,background .18s ease;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.app-slider::-moz-range-thumb{width:var(--app-slider-thumb-width);height:var(--app-slider-thumb-height);border-radius:999px;border:1px solid var(--app-slider-thumb-shell);background:var(--surface-slider-thumb);box-shadow:var(--app-slider-thumb-shadow);-moz-transition:transform .18s ease,box-shadow .18s ease,background .18s ease;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.app-slider:hover::-webkit-slider-thumb,.app-slider:focus-visible::-webkit-slider-thumb{transform:translateY(-1px) scale(1.03);box-shadow:var(--app-slider-thumb-shadow-hover),0 0 0 5px color-mix(in srgb,var(--accent-color) 16%,transparent)}.app-slider:hover::-moz-range-thumb,.app-slider:focus-visible::-moz-range-thumb{transform:translateY(-1px) scale(1.03);box-shadow:var(--app-slider-thumb-shadow-hover),0 0 0 5px color-mix(in srgb,var(--accent-color) 16%,transparent)}.app-slider-compact{--app-slider-track-height: .6rem;--app-slider-hit-height: 1.18rem;--app-slider-thumb-width: 1.02rem;--app-slider-thumb-height: .8rem}.dock-editor-shell{display:grid;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-control-shell);border:1px solid var(--border-subtle);background:var(--surface-dock-panel)}.dock-editor-tabs{display:inline-flex;gap:var(--compact-gap-sm);padding:var(--compact-gap-xs);border-radius:var(--radius-control-shell);border:1px solid var(--border-subtle);background:var(--surface-dock-tab-group)}.dock-editor-tab{display:inline-flex;align-items:center;justify-content:center;min-width:3.8rem;border-radius:999px;border:1px solid transparent;padding:var(--compact-pad-y) var(--compact-pad-x);background:transparent;color:var(--text-dim);font-size:var(--type-label-size);font-weight:700;line-height:var(--leading-utility)}.dock-editor-tab:hover,.dock-editor-tab:focus-visible{color:var(--text-primary)}.dock-editor-tab-active{border-color:color-mix(in srgb,var(--accent-color) 28%,var(--border-subtle));background:var(--surface-dock-tab-active);color:var(--text-inverse)}.dock-editor-pane{display:grid;gap:var(--space-3)}.dock-editor-hex-input{width:100%;border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-field-strong);padding:var(--space-3);color:#fff;font-family:var(--font-family-mono);font-size:var(--type-mono-size);font-weight:600;line-height:var(--leading-mono-compact)}.dock-editor-hex-input::-moz-placeholder{color:var(--text-dim)}.dock-editor-hex-input::placeholder{color:var(--text-dim)}.dock-editor-hex-input:focus{outline:none;border-color:color-mix(in srgb,var(--accent-color) 34%,var(--border-shell-soft));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent)}.dock-editor-field{display:grid;gap:var(--compact-gap-sm)}.dock-editor-field-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.dock-swatch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--compact-gap-sm)}.dock-swatch-list{grid-template-columns:1fr;gap:var(--compact-gap-sm)}.dock-swatch-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--compact-gap-sm)}.dock-swatch-tile{display:grid;gap:var(--compact-gap-xs);padding:var(--compact-pad-x);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-dock-card);text-align:left}.dock-swatch-grid-tile{gap:var(--compact-gap-xs);padding:var(--compact-pad-y)}.dock-swatch-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--compact-gap-md);padding:var(--compact-gap-sm) var(--compact-pad-x)}.dock-swatch-tile-active{border-color:color-mix(in srgb,var(--accent-color) 38%,var(--border-subtle));background:var(--surface-dock-swatch-active);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-color) 12%,transparent)}.dock-swatch-preview{width:100%;aspect-ratio:1/1;border-radius:var(--radius-control-md);border:1px solid var(--border-shell-soft)}.dock-swatch-grid-tile .dock-swatch-preview{min-height:3rem}.dock-swatch-row .dock-swatch-preview{width:2rem;min-width:2rem;aspect-ratio:1/1}.dock-swatch-copy{display:grid;gap:var(--compact-gap-xs);min-width:0}.dock-swatch-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--compact-gap-sm);min-width:0}.dock-swatch-code{font-family:var(--font-family-mono);font-size:var(--type-mono-compact-size);font-weight:600;line-height:var(--leading-mono-compact);color:var(--text-secondary);min-width:0}.dock-swatch-order{display:inline-flex;align-items:center;justify-content:center;padding:.14rem .38rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 56%,transparent);background:color-mix(in srgb,var(--surface-dock-chip) 72%,transparent);color:var(--text-dim);font-size:.58rem;font-weight:650;line-height:1.15;white-space:nowrap}.dock-swatch-meta{color:var(--text-dim);font-size:.6rem;font-weight:600;line-height:1.2}.dock-swatch-axis-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.dock-swatch-axis-strip .oklch-axis-readout-axis{gap:var(--compact-gap-xs);height:100%;min-width:0;border:0;border-radius:0;background:transparent;padding:0}.dock-swatch-axis-strip .oklch-axis-readout-value{color:var(--text-primary);font-family:var(--font-mono);font-size:.56rem;font-weight:680;letter-spacing:-.01em;line-height:1.15;white-space:nowrap}.dock-swatch-axis-strip .oklch-axis-readout-meaning{overflow:hidden;color:var(--text-dim);font-size:.56rem;font-weight:650;letter-spacing:.01em;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.dock-swatch-axis-strip .oklch-axis-readout-meter{height:.22rem}.dock-inline-action{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-dock-chip);color:var(--text-secondary);padding:var(--pad-control-compact-y) var(--pad-control-md-x);font-size:var(--type-control-size);font-weight:650;line-height:var(--leading-utility)}.dock-palette-action-row .dock-inline-action{width:100%;justify-content:flex-start}.dock-palette-selected-group{gap:var(--compact-gap-sm);border-color:color-mix(in srgb,var(--accent-color) 12%,var(--border-subtle));background:color-mix(in srgb,var(--surface-dock-panel-soft) 88%,transparent)}.dock-palette-selected-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--compact-gap-sm)}.dock-palette-selected-swatch{flex-shrink:0;width:3rem;height:3rem;border-radius:var(--radius-control-md)}.dock-palette-selected-title-row,.dock-palette-selected-actions{display:flex;align-items:center;gap:var(--compact-gap-sm);flex-wrap:wrap}.dock-palette-selected-axis{grid-template-columns:repeat(3,minmax(0,1fr))}.dock-palette-selected-axis .oklch-axis-readout-axis{padding:var(--compact-gap-sm) var(--compact-pad-x)}.dock-palette-selected-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--compact-gap-sm)}.dock-palette-selected-meta>div{display:grid;gap:var(--compact-gap-xs);min-width:0;border:1px solid color-mix(in srgb,var(--surface-border) 46%,transparent);border-radius:var(--radius-control-md);background:color-mix(in srgb,var(--surface-dock-card) 62%,transparent);padding:var(--compact-pad-y) var(--compact-pad-x)}.dock-palette-selected-meta-label{color:var(--text-dim);font-size:var(--type-meta-size);font-weight:650;line-height:var(--leading-meta)}.dock-palette-selected-meta strong{color:var(--text-secondary);font-family:var(--font-family-mono);font-size:var(--type-mono-compact-size);font-weight:700;line-height:var(--leading-mono-compact)}.dock-palette-selected-editor{display:grid;gap:var(--compact-gap-sm);padding-top:var(--compact-gap-sm);border-top:1px solid color-mix(in srgb,var(--surface-border) 54%,transparent)}.dock-palette-selected-editor-head{display:flex;align-items:center;justify-content:space-between;gap:var(--compact-gap-sm);flex-wrap:wrap}.dock-palette-selected-editor .dock-editor-shell{gap:var(--compact-gap-sm);padding:0;border:0;border-radius:0;background:transparent}.dock-palette-support-group{gap:var(--compact-gap-sm)}.dock-palette-support-lane{gap:var(--compact-gap-md);padding:var(--space-2);border-color:color-mix(in srgb,var(--accent-color) 10%,var(--border-subtle));background:color-mix(in srgb,var(--surface-dock-panel-soft) 94%,transparent)}.dock-palette-tools-actions{align-items:center}.dock-palette-tools-actions .dock-inline-action{padding-inline:var(--compact-pad-x)}.dock-lightness-balance{margin-top:0;gap:var(--compact-gap-sm);border-color:color-mix(in srgb,var(--accent-color) 18%,var(--border-subtle));border-radius:var(--radius-control-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-dock-card) 82%,transparent),transparent),color-mix(in srgb,var(--surface-dock-card) 86%,transparent);padding:var(--space-2);box-shadow:none}.dock-lightness-balance .lightness-balance-head{align-items:flex-start;gap:var(--compact-gap-sm)}.dock-lightness-balance .lightness-balance-head>div{display:grid;gap:var(--text-gap-tight);min-width:0}.dock-lightness-balance .lightness-balance-title{font-size:1rem}.dock-lightness-balance .lightness-balance-goal{grid-template-columns:minmax(0,1fr) minmax(9rem,.95fr);align-items:start;gap:var(--compact-gap-sm);padding:var(--compact-pad-y) var(--compact-pad-x);border-color:color-mix(in srgb,var(--accent-color) 28%,transparent);background:color-mix(in srgb,var(--accent-color) 12%,var(--surface-dock-card))}.dock-lightness-balance .lightness-balance-goal-main{gap:var(--compact-gap-xs)}.dock-lightness-balance .lightness-balance-goal-value{color:#fff;font-size:1.05rem}.dock-lightness-balance .lightness-balance-goal-meaning{color:color-mix(in srgb,white 88%,var(--text-secondary));font-size:.7rem}.dock-lightness-balance .lightness-balance-goal-actions{gap:var(--compact-gap-xs);min-width:0}.dock-lightness-balance .lightness-balance-goal-side{gap:var(--compact-gap-xs)}.dock-lightness-balance .lightness-balance-target-field{width:100%}.dock-lightness-balance .lightness-balance-target-field-label{font-size:.56rem}.dock-lightness-balance .lightness-balance-target-input{min-width:4.25rem;padding:.24rem .45rem;font-size:.68rem}.dock-lightness-balance .lightness-balance-goal-button-row{width:100%;justify-content:flex-end}.dock-lightness-balance .lightness-balance-target-set,.dock-lightness-balance .lightness-balance-target-reset{padding:.2rem .45rem;font-size:.56rem}.dock-lightness-balance .lightness-balance-apply{width:100%;min-height:auto;padding:var(--compact-pad-y) var(--compact-pad-x);border-radius:var(--radius-control-md);font-size:var(--type-label-size);white-space:nowrap}.dock-lightness-balance .lightness-balance-copy{font-size:var(--type-label-size);line-height:var(--leading-body)}.dock-lightness-balance .lightness-balance-summary{gap:var(--compact-gap-sm)}.dock-lightness-balance .lightness-balance-summary span{padding:var(--compact-chip-pad-y) var(--compact-chip-pad-x);font-size:var(--type-label-size)}.dock-lightness-balance .lightness-balance-list{gap:var(--compact-gap-sm)}.dock-lightness-balance .lightness-balance-row{align-items:stretch;border-radius:var(--radius-control-md);padding:var(--compact-gap-sm) var(--compact-pad-x);background:color-mix(in srgb,var(--surface-dock-panel) 72%,transparent)}.dock-lightness-balance .lightness-balance-row-copy{gap:var(--compact-gap-xs)}.dock-lightness-balance .lightness-balance-row-compare{grid-template-columns:minmax(0,1fr) .9rem minmax(0,1fr);gap:var(--compact-gap-xs)}.dock-lightness-balance .lightness-balance-row-card{gap:.2rem;padding:var(--compact-pad-y) var(--compact-pad-x)}.dock-lightness-balance .lightness-balance-row-card-head{gap:var(--compact-gap-xs)}.dock-lightness-balance .lightness-balance-row-card-swatch{width:1rem;height:1rem}.dock-lightness-balance .lightness-balance-row-kicker{font-size:.58rem}.dock-lightness-balance .lightness-balance-row-direction{font-size:.78rem}.dock-lightness-balance .lightness-balance-row-lightness-inline{gap:.18rem}.dock-lightness-balance .lightness-balance-row-lightness-value,.dock-lightness-balance .lightness-balance-row-lightness-meaning,.dock-lightness-balance .lightness-balance-row-lightness-separator{font-size:.6rem}.dock-lightness-balance .lightness-balance-row-lightness-track{height:.24rem}.dock-lightness-balance .lightness-balance-row-card-support{min-height:1.35rem}.dock-lightness-balance .lightness-balance-row-exception{width:1.3rem;height:1.3rem;font-size:.82rem}.dock-lightness-balance .lightness-balance-row-apply{padding:.2rem .45rem;font-size:.56rem}.dock-lightness-balance .lightness-balance-row-meta{gap:var(--compact-gap-xs)}.dock-lightness-balance .lightness-balance-row-status,.dock-lightness-balance .lightness-balance-row-delta,.dock-lightness-balance .lightness-balance-row-role{font-size:.62rem;letter-spacing:.01em}.dock-palette-summary-panel{display:grid;gap:var(--compact-gap-sm);padding:var(--compact-gap-sm);border:1px solid color-mix(in srgb,var(--surface-border) 54%,transparent);border-radius:var(--radius-control-lg);background:color-mix(in srgb,var(--surface-dock-panel) 54%,transparent)}.dock-palette-summary-head .dock-section-title{font-size:var(--type-label-size);color:var(--text-dim)}.dock-palette-support-group .inspiration-detection-widget{gap:var(--compact-gap-sm);border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}.dock-palette-support-group .inspiration-control-heading{display:none}.dock-palette-support-group .inspiration-detection-row{gap:var(--compact-gap-sm);padding:var(--compact-pad-y) var(--compact-pad-x)}.dock-palette-support-group .inspiration-detection-footnote{border-top:1px solid color-mix(in srgb,var(--surface-border) 54%,transparent);padding-top:var(--compact-gap-sm)}.dock-palette-summary-panel .inspiration-detection-row{border-color:color-mix(in srgb,var(--surface-border) 42%,transparent);background:color-mix(in srgb,var(--surface-dock-card) 42%,transparent)}.dock-section-panel{display:grid;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-control-lg);border:1px solid var(--border-subtle);background:var(--surface-dock-panel-soft)}.dock-section-panel-emphasis{gap:var(--space-2);border-color:color-mix(in srgb,var(--accent-color) 18%,var(--border-subtle));background:var(--surface-dock-panel-soft)}.dock-section-panel-emphasis .dock-swatch-tile{padding:var(--compact-pad-x);border-radius:var(--radius-md)}.dock-section-panel-emphasis .dock-swatch-preview{border-radius:var(--radius-control-md)}.dock-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.dock-section-header-actions{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--compact-gap-sm)}.dock-section-heading{display:grid;gap:var(--text-gap-tight)}.dock-section-title{margin:0;color:var(--text-secondary);font-size:var(--type-caption-size);font-weight:600;line-height:var(--leading-body)}.dock-section-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-dock-chip) 92%,transparent);color:var(--text-muted);padding:var(--compact-chip-pad-y) var(--compact-chip-pad-x);font-size:var(--type-label-size);font-weight:700;line-height:var(--leading-utility);white-space:nowrap}.dock-inline-action-accent{border-color:color-mix(in srgb,var(--accent-color) 28%,var(--border-subtle));background:color-mix(in srgb,var(--accent-color) 10%,var(--surface-dock-chip));color:#fff}.dock-swatch-view-toggle{flex-shrink:0}@media (max-width: 36rem){.dock-section-header{flex-direction:column}.dock-section-header-actions{width:100%;justify-content:space-between}.dock-palette-selected-head{grid-template-columns:auto minmax(0,1fr)}.dock-palette-selected-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch}.dock-palette-selected-actions .dock-inline-action{width:100%;justify-content:center}.dock-palette-action-row-inline{grid-template-columns:1fr}.dock-swatch-grid-compact{grid-template-columns:1fr 1fr}}.dock-history-sections{display:grid;gap:var(--space-3)}.dock-activity-list{display:grid;gap:var(--space-2)}.dock-activity-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-dock-card) 96%,transparent);text-align:left}.dock-activity-swatch{height:var(--size-preview-swatch-sm);width:var(--size-preview-swatch-sm);border-radius:var(--radius-control-soft);border:1px solid color-mix(in srgb,var(--text-inverse) 22%,transparent)}.dock-activity-copy{display:grid;gap:var(--compact-gap-xs);min-width:0}.dock-activity-meta{color:var(--text-dim);font-size:var(--type-meta-size);font-weight:600;line-height:var(--leading-meta)}.dock-activity-action{color:var(--text-muted);font-size:var(--type-label-size);font-weight:700;line-height:var(--leading-utility)}.dock-popover-footer-action{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--pad-control-md-y) var(--pad-control-md-x);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-dock-chip);color:var(--text-secondary);font-size:var(--type-body-compact-size);font-weight:650;line-height:var(--leading-utility)}.dock-mood-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:var(--pad-modal-compact);background:var(--surface-overlay-scrim);-webkit-backdrop-filter:blur(var(--space-micro-2_5));backdrop-filter:blur(var(--space-micro-2_5))}.dock-mood-modal-shell{width:min(var(--size-modal-width-sm),100vw - var(--space-5));max-height:min(80vh,42rem);overflow:auto;border-radius:var(--radius-control-shell);background:var(--surface-overlay-panel)}.dock-mood-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-divider)}.dock-mood-modal-heading{display:grid;gap:var(--text-gap-tight)}.dock-mood-groups{display:grid;gap:var(--space-4);padding:var(--space-4)}.dock-mood-group{display:grid;gap:var(--space-2)}.dock-mood-group-title{margin:0;color:var(--text-muted);font-size:var(--type-label-size);font-weight:700;line-height:var(--leading-utility);text-transform:uppercase}.dock-mood-grid{display:grid;gap:var(--space-2)}.dock-mood-option{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-dock-card) 96%,transparent);text-align:left}.dock-mood-option-swatch{height:var(--size-slider-thumb-md-width);width:var(--size-slider-thumb-md-width);border-radius:999px;border:1px solid color-mix(in srgb,var(--text-inverse) 22%,transparent)}.dock-mood-option-copy{display:grid;gap:var(--compact-gap-xs);min-width:0}.dock-mood-option-keywords{color:var(--text-dim);font-size:var(--type-meta-size);font-weight:600;line-height:var(--leading-meta)}.app-main-content{padding-inline:var(--page-content-pad-x);padding-top:var(--page-content-pad-y);padding-bottom:var(--page-content-pad-y)}.app-shell-header{background:linear-gradient(180deg,color-mix(in srgb,var(--page-bg) 28%,transparent),color-mix(in srgb,var(--page-bg) 12%,transparent)),color-mix(in srgb,black 10%,transparent)}.app-footer-shell{margin-top:var(--gap-page-section);display:grid;gap:var(--space-2);justify-items:center;padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent)}.app-footer-stack{display:grid;gap:var(--space-2);text-align:center;max-width:44rem}.app-footer-link{color:var(--text-link-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--text-link-accent) 24%,transparent);text-underline-offset:.25rem;transition:color .18s ease,text-decoration-color .18s ease}.app-footer-link:hover,.app-footer-link:focus-visible{color:var(--text-link-accent-hover);text-decoration-color:color-mix(in srgb,var(--text-link-accent-hover) 42%,transparent)}.compact-meta-stack{display:grid;gap:var(--text-gap-tight)}.compact-list-row{display:flex;align-items:center;gap:var(--compact-gap-md);padding:var(--compact-pad-y) var(--compact-pad-x)}.page-shell{display:grid;gap:var(--gap-page-section)}.page-intro-shell{display:grid;gap:var(--stack-gap-md);border-radius:var(--radius-xl);padding:var(--panel-pad-md)}.page-rail-layout{display:grid;gap:var(--stack-gap-lg)}.page-layout-8-4,.page-layout-9-3,.page-layout-6-6,.page-layout-12{align-items:start}.page-primary-stack{display:grid;gap:var(--stack-gap-lg);min-width:0}.page-support-stack,.page-tertiary-stack{display:grid;gap:var(--stack-gap-md);min-width:0}.page-switcher{display:flex;flex-wrap:wrap;gap:var(--compact-gap-sm)}.page-switcher-button{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--shell-switcher-background);color:var(--text-secondary);padding:var(--pad-control-compact-y) var(--pad-control-md-x);font-size:.82rem;font-weight:650;line-height:var(--leading-utility);transition:all .18s ease}.page-switcher-button:hover{color:var(--text-primary);border-color:color-mix(in srgb,white 24%,transparent);background:var(--shell-switcher-hover)}.page-switcher-button-active{color:var(--text-inverse);border-color:color-mix(in srgb,var(--accent-color) 40%,transparent);background:var(--surface-page-switcher-active);box-shadow:var(--shadow-page-switcher-active)}.page-support-card{border-radius:var(--radius-panel);padding:var(--panel-pad-md)}.page-support-rail{display:grid;gap:var(--stack-gap-lg);align-content:start;min-width:0}.page-workspace-surface{border-radius:var(--radius-xl);padding:var(--panel-pad-md);min-width:0}.token-card-stack{display:grid;gap:var(--space-4)}.token-card-actions,.token-card-meta,.token-card-row,.token-card-header{display:flex;align-items:center;gap:var(--compact-gap-md)}.token-card-header,.token-card-row{justify-content:space-between}.token-card{border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent);padding:var(--panel-pad-sm)}.token-card-editing{border-color:color-mix(in srgb,var(--accent-color) 34%,var(--surface-border))}.token-card-add{border-color:color-mix(in srgb,var(--surface-success-strong) 36%,transparent)}.token-card-id,.token-card-value,.token-card-reference{font-family:var(--font-mono)}.token-card-icon-button{transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.token-card-icon-button:hover,.token-card-icon-button:focus-visible{outline:none;filter:brightness(1.04);transform:translateY(-1px)}.token-card-description,.token-card-key{color:var(--text-subtle);font-size:.76rem;line-height:1.55}.token-card-name{margin:0;color:var(--text-primary);font-size:.95rem;font-weight:650;line-height:1.45}.token-card-meta{flex-wrap:wrap;margin-bottom:var(--compact-gap-xs)}.token-card-id{color:var(--text-link-accent);font-size:.76rem}.token-card-pill{border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-control-raised);padding:var(--compact-gap-xs) var(--compact-chip-pad-x);color:var(--text-subtle);font-size:.68rem;line-height:1.4}.token-card-icon-button{display:inline-flex;align-items:center;justify-content:center;height:2rem;width:2rem;border-radius:.65rem;padding:var(--compact-pad-y);color:var(--text-muted)}.token-card-icon-button:hover,.token-card-icon-button:focus-visible{background:var(--surface-control-hover);color:var(--text-primary)}.token-card-icon-button-success{color:var(--text-success)}.token-card-icon-button-danger{color:var(--text-danger-soft)}.token-card-value-wrap{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);min-width:0}.token-card-value{color:var(--text-secondary);font-size:.76rem}.token-card-value-resolved{color:var(--text-success)}.token-card-reference{color:var(--text-link-accent);font-size:.76rem}.token-card-swatch{height:1.15rem;width:1.15rem;border-radius:.4rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent)}.panel-grid-intro{display:flex;flex-direction:column;gap:var(--stack-gap-md);padding:0 var(--space-1)}.panel-grid-title{margin:0;font-family:var(--font-family-sans);font-size:var(--type-section-title-size);font-weight:700;line-height:var(--leading-heading);color:var(--text-primary);letter-spacing:0em}.panel-grid-description{margin:0;max-width:48rem;color:var(--text-muted);font-size:var(--type-support-size);line-height:var(--leading-body);letter-spacing:0em}.panel-grid-controls{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--compact-gap-sm)}.panel-grid-intro-compact{gap:var(--stack-gap-sm)}.panel-grid-intro-compact .panel-grid-description{max-width:40rem}.panel-grid-layout{align-items:start}.panel-shell{display:flex;flex-direction:column;min-height:100%;border-radius:var(--radius-xl)}.panel-shell-header{align-items:flex-start}.panel-shell-title{margin:0;font-family:var(--font-family-sans);font-size:var(--type-card-title-size);font-weight:700;line-height:var(--leading-heading);letter-spacing:0em}.panel-shell-primary .panel-shell-title{font-size:var(--type-section-title-size)}.panel-shell-description{margin:0;max-width:42rem;color:var(--text-muted);font-size:var(--type-support-size);line-height:var(--leading-body);letter-spacing:0em}.panel-shell-body{display:grid;gap:var(--stack-gap-lg)}.panel-shell-icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-control-compact);border:1px solid color-mix(in srgb,var(--surface-border) 42%,transparent);background:color-mix(in srgb,var(--surface-control-subtle) 92%,transparent);padding:var(--compact-pad-y);color:var(--text-muted);transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.panel-shell-icon-button:hover,.panel-shell-icon-button:focus-visible{outline:none;color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-control-hover);transform:translateY(-1px)}.panel-shell-width-menu{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--surface-border) 78%,transparent);overflow:hidden}.panel-shell-width-option{color:var(--text-secondary)}.panel-shell-width-option:hover,.panel-shell-width-option:focus-visible,.panel-shell-width-option-active{background:color-mix(in srgb,var(--accent-color) 10%,var(--surface-panel-soft));color:var(--text-primary);outline:none}@keyframes inspiration-stock-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes inspiration-stock-pulse{0%{opacity:.55}to{opacity:.95}}@media (min-width: 1280px){.panel-grid-intro{display:grid;grid-template-columns:minmax(0,2fr) auto;align-items:end;gap:var(--stack-gap-lg)}.panel-grid-controls{justify-content:flex-end;align-self:end}.page-rail-layout{align-items:start}.page-layout-8-4,.page-layout-9-3,.page-layout-6-6,.page-layout-12{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.page-layout-8-4>.page-primary-stack{grid-column:span 8}.page-layout-8-4>.page-support-rail{grid-column:span 4}.page-layout-9-3>.page-primary-stack{grid-column:span 9}.page-layout-9-3>.page-support-rail{grid-column:span 3}.page-layout-6-6>.page-primary-stack,.page-layout-6-6>.page-support-rail{grid-column:span 6}.page-layout-12>.page-primary-stack,.page-layout-12>.page-support-rail{grid-column:1/-1}}.sidebar-shell-header{padding:var(--space-4)}.sidebar-shell-body,.sidebar-shell-footer{padding:var(--space-3)}.sidebar-shell-stack{display:grid;gap:var(--compact-gap-sm)}.sidebar-zone-title{margin:0;font-family:var(--font-family-sans);font-size:.72rem;font-weight:700;line-height:var(--leading-utility);letter-spacing:0;text-transform:uppercase;color:color-mix(in srgb,var(--text-secondary) 82%,var(--text-muted) 18%)}.sidebar-meta{margin-top:var(--compact-gap-sm);color:color-mix(in srgb,var(--text-secondary) 72%,var(--text-muted) 28%);font-family:var(--font-family-sans);font-size:var(--type-support-size);font-weight:500;line-height:var(--leading-body);letter-spacing:0}.sidebar-item-meta{margin-top:var(--compact-gap-xs);color:color-mix(in srgb,var(--text-muted) 76%,var(--text-dim) 24%);font-family:var(--font-family-sans);font-size:var(--type-meta-size);font-weight:600;line-height:var(--leading-meta);letter-spacing:0}.sidebar-empty-state{border-radius:1rem;border:1px dashed var(--surface-border-strong);background:color-mix(in srgb,var(--surface-card) 78%,transparent);color:var(--text-secondary);padding:var(--space-3);font-size:.9rem;line-height:var(--leading-body)}.sidebar-hero{position:relative;border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);padding:var(--space-3);color:var(--text-inverse);text-align:left;box-shadow:inset 0 0 0 1px color-mix(in srgb,white 25%,transparent)}.sidebar-mini-btn{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border-radius:.7rem;border:1px solid color-mix(in srgb,white 28%,transparent);background:color-mix(in srgb,var(--surface-panel) 88%,transparent);color:color-mix(in srgb,white 94%,transparent);padding:var(--compact-pad-y) var(--compact-pad-x);font-family:var(--font-family-sans);font-size:.78rem;font-weight:650;line-height:var(--leading-utility);letter-spacing:0;transition:all .18s ease}.sidebar-mini-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,white 40%,transparent);background:var(--surface-panel-hover)}.sidebar-content-stack{display:grid;gap:var(--text-gap-tight)}.sidebar-color-card-active{border-color:color-mix(in srgb,var(--accent-color) 55%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color) 38%,transparent)}.sidebar-color-swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border-radius:.85rem;border:1px solid color-mix(in srgb,white 40%,transparent)}.sidebar-color-swatch-sm{width:1.45rem;height:1.45rem}.sidebar-color-swatch-active{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 45%,transparent)}.sidebar-color-dot{width:.38rem;height:.38rem;border-radius:999px;border:1px solid color-mix(in srgb,white 50%,transparent);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 48%,transparent)}.sidebar-color-action{display:inline-flex;align-items:center;gap:var(--compact-gap-xs);border-radius:.62rem;border:1px solid var(--surface-border);background:color-mix(in srgb,var(--surface-panel) 80%,transparent);color:var(--text-secondary);padding:var(--compact-chip-pad-y) var(--compact-chip-pad-x);font-size:.68rem;font-weight:600;transition:all .18s ease}.sidebar-color-action:hover{border-color:color-mix(in srgb,white 22%,transparent);color:var(--text-primary)}.sidebar-collapsible{display:grid;gap:var(--compact-gap-sm);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 56%,transparent);background:color-mix(in srgb,var(--surface-card) 78%,transparent);padding:var(--compact-pad-x);transition:all .2s ease}.sidebar-collapsible-open{border-color:color-mix(in srgb,var(--accent-color) 42%,var(--surface-border) 58%);box-shadow:var(--shadow-float-lg)}.sidebar-collapsible-header{display:flex;align-items:stretch;gap:var(--compact-gap-sm)}.sidebar-collapsible-toggle{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--compact-gap-md);border-radius:.7rem;border:1px solid color-mix(in srgb,var(--surface-border) 62%,transparent);background:var(--surface-panel-muted);color:var(--text-action-secondary);padding:var(--compact-pad-y) var(--compact-pad-x)}.sidebar-collapsible-toggle:hover,.sidebar-collapsible-toggle:focus-visible{color:var(--text-primary);border-color:var(--surface-border-strong)}.sidebar-section-summary{display:inline-flex;align-items:center;gap:var(--compact-gap-sm)}.sidebar-section-summary-chip{display:inline-flex;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border-strong) 34%,transparent);background:var(--surface-panel-muted);color:var(--text-action-secondary);padding:var(--compact-chip-pad-y) var(--compact-chip-pad-x);font-size:.7rem;font-weight:600;line-height:var(--leading-utility)}.sidebar-section-action{display:inline-flex;align-items:center;justify-content:center;height:2rem;min-width:2rem;border-radius:.64rem;border:1px solid color-mix(in srgb,var(--surface-border-strong) 32%,transparent);color:var(--text-action-secondary);background:var(--surface-panel-muted);transition:all .18s ease}.sidebar-section-action:hover,.sidebar-section-action:focus-visible{border-color:color-mix(in srgb,var(--surface-border-strong) 36%,transparent);color:var(--text-primary)}.sidebar-section-action-active{border-color:color-mix(in srgb,var(--accent-color) 42%,transparent);background:var(--surface-accent-soft);color:var(--text-inverse)}.sidebar-collapsible-content{height:0;opacity:0;overflow:hidden;pointer-events:none}.sidebar-collapsible-content.is-open{opacity:1;pointer-events:auto}.sidebar-list-row{position:relative;display:grid;gap:var(--compact-gap-xs);align-items:center;width:100%;border-radius:.8rem;border:1px solid color-mix(in srgb,var(--surface-border) 78%,transparent);background:var(--shell-card-background);padding:var(--compact-pad-x);text-align:left;transition:all .18s ease}.sidebar-list-row:hover,.sidebar-list-row:focus-visible{border-color:color-mix(in srgb,var(--accent-color) 45%,transparent);box-shadow:var(--shadow-control-hover);transform:translateY(-1px);outline:2px solid color-mix(in srgb,white 16%,transparent);outline-offset:2px}.hierarchy-support-rail .sidebar-shell-header,.hierarchy-support-rail .sidebar-shell-footer{background:color-mix(in srgb,var(--surface-panel) 42%,transparent)}.hierarchy-support-rail .sidebar-zone-title{color:color-mix(in srgb,var(--text-secondary) 74%,var(--text-muted) 26%)}.hierarchy-support-rail .sidebar-meta,.hierarchy-support-rail .sidebar-item-meta{color:color-mix(in srgb,var(--text-muted) 82%,var(--text-dim) 18%)}.hierarchy-support-rail .sidebar-zone-card{background:color-mix(in srgb,var(--surface-card) 58%,transparent);box-shadow:var(--shadow-float-sm)}.hierarchy-support-rail .sidebar-hero{border-color:color-mix(in srgb,var(--surface-border) 44%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 18%,transparent)}.hierarchy-support-rail .sidebar-mini-btn{background:color-mix(in srgb,var(--surface-panel) 74%,transparent);border-color:color-mix(in srgb,white 20%,transparent)}.hierarchy-support-rail .sidebar-collapsible{border-color:color-mix(in srgb,var(--surface-border) 44%,transparent);background:color-mix(in srgb,var(--surface-card) 62%,transparent);box-shadow:none}.hierarchy-support-rail .sidebar-collapsible-open{border-color:color-mix(in srgb,var(--accent-color) 26%,var(--surface-border) 74%);box-shadow:var(--shadow-float-sm)}.hierarchy-support-rail .sidebar-collapsible-toggle{border-color:color-mix(in srgb,var(--surface-border) 48%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 96%,transparent)}.hierarchy-support-rail .sidebar-section-summary-chip,.hierarchy-support-rail .sidebar-section-action,.hierarchy-support-rail .sidebar-color-action{border-color:color-mix(in srgb,var(--surface-border) 52%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 92%,transparent)}.hierarchy-support-rail .sidebar-list-row,.hierarchy-support-rail .sidebar-color-card{border-color:color-mix(in srgb,var(--surface-border) 40%,transparent);background:color-mix(in srgb,var(--shell-card-background) 88%,transparent)}.sidebar-action-row{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:var(--compact-gap-sm);opacity:0;max-height:0;overflow:hidden;pointer-events:none;transition:opacity .15s ease,max-height .15s ease,transform .15s ease;transform:translateY(-1px)}.sidebar-list-row:hover .sidebar-action-row,.sidebar-list-row:focus-visible .sidebar-action-row,.sidebar-action-row-open{opacity:1;max-height:2.5rem;pointer-events:auto;transform:translateY(0)}.sidebar-action-toggle{justify-self:end;display:inline-flex;align-items:center;justify-content:center;height:1.75rem;width:1.75rem;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--surface-border-strong) 30%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 92%,transparent);color:var(--text-action-secondary);transition:all .18s ease}.sidebar-action-toggle:hover,.sidebar-action-toggle:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border-strong) 33%,transparent)}.sidebar-action-chip{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border:1px solid color-mix(in srgb,var(--surface-border) 48%,transparent);border-radius:999px;padding:var(--compact-chip-pad-y) var(--compact-chip-pad-x);color:color-mix(in srgb,var(--text-secondary) 70%,var(--text-muted) 30%);font-size:.7rem;background:color-mix(in srgb,var(--surface-panel) 86%,transparent)}.sidebar-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--compact-gap-sm);border:1px solid color-mix(in srgb,var(--surface-border) 48%,transparent);border-radius:.72rem;background:color-mix(in srgb,var(--surface-panel) 88%,transparent);padding:var(--compact-pad-y) var(--compact-pad-x)}.sidebar-search-input{background:transparent;border:none;outline:none;color:var(--text-secondary);font-size:.82rem}.sidebar-search-input::-moz-placeholder{color:var(--text-dim)}.sidebar-search-input::placeholder{color:var(--text-dim)}.sidebar-search-clear{display:inline-flex;align-items:center;justify-content:center;height:1.4rem;width:1.4rem;border-radius:.4rem;border:1px solid color-mix(in srgb,var(--surface-border) 56%,transparent);background:color-mix(in srgb,var(--surface-panel) 84%,transparent);color:var(--text-secondary)}.picker-shell{border-radius:var(--radius-control-lg);border:1px solid color-mix(in srgb,var(--surface-border) 86%,transparent);background:var(--surface-picker-shell);box-shadow:var(--shadow-picker-shell);-webkit-backdrop-filter:blur(var(--blur-shell));backdrop-filter:blur(var(--blur-shell))}.picker-shell-inline,.picker-shell-popover{overflow:hidden}.picker-content{display:grid;gap:var(--space-3);padding:var(--space-3)}.picker-row{display:flex;align-items:flex-start;gap:var(--compact-gap-md)}.picker-row-tight{align-items:center}.picker-actions{display:flex;align-items:center;gap:var(--compact-gap-sm);flex-wrap:wrap}.picker-section{display:grid;gap:var(--compact-gap-sm)}.picker-swatch-grid{display:flex;flex-wrap:wrap;gap:var(--compact-gap-sm)}.picker-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);padding:var(--space-3)}.picker-preview{position:relative;flex-shrink:0}.picker-preview-swatch{position:relative;height:var(--size-preview-swatch-md);width:var(--size-preview-swatch-md);border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,white 24%,transparent);box-shadow:var(--shadow-swatch-preview);overflow:hidden}.picker-preview-swatch-lg{height:var(--size-preview-swatch-lg);width:var(--size-preview-swatch-lg);border-radius:var(--radius-control-lg)}.picker-preview-swatch-xl{height:var(--size-preview-swatch-xl);width:var(--size-preview-swatch-xl);border-radius:var(--radius-control-shell)}.picker-preview-swatch-current{background:var(--picker-current-color, transparent)}.picker-preview-swatch-block{min-height:5rem;border-radius:var(--radius-control-md)}.picker-status-pill{display:inline-flex;align-items:center;gap:var(--compact-gap-xs);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);padding:var(--compact-chip-pad-y) var(--space-2);font-size:var(--type-badge-size);font-weight:700;line-height:var(--leading-utility)}.picker-status-pill-success{background:var(--surface-success-soft);color:color-mix(in srgb,var(--text-success) 82%,white 12%)}.picker-status-pill-warning{background:var(--surface-warning-pill);color:var(--text-warning)}.picker-input{width:100%;border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 84%,transparent);background:var(--surface-field-base);padding:var(--pad-control-md-y) var(--pad-control-md-x);color:var(--text-primary);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.picker-input::-moz-placeholder{color:var(--text-dim)}.picker-input::placeholder{color:var(--text-dim)}.picker-input:focus{outline:none;border-color:color-mix(in srgb,var(--accent-color) 34%,transparent);box-shadow:var(--shadow-focus-accent)}.picker-input-mono{font-family:var(--font-family-mono);font-size:var(--type-input-size);font-weight:600;line-height:var(--leading-mono-compact);font-variant-numeric:tabular-nums slashed-zero}.picker-inline-control{display:grid;gap:var(--compact-gap-sm)}.picker-note{color:var(--text-dim);font-size:var(--type-meta-size);line-height:var(--leading-meta)}.picker-help{color:var(--text-muted);font-size:var(--type-support-size);line-height:var(--leading-body)}.picker-icon-button{display:inline-flex;align-items:center;justify-content:center;height:var(--size-control-button-sm);width:var(--size-control-button-sm);border-radius:var(--radius-control-compact);border:1px solid color-mix(in srgb,var(--surface-border) 84%,transparent);background:color-mix(in srgb,var(--surface-raised) 76%,transparent);color:var(--text-muted);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.picker-icon-button:hover,.picker-icon-button:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--surface-border-strong) 88%,transparent);background:color-mix(in srgb,var(--surface-active) 54%,var(--surface-raised));color:var(--text-primary);box-shadow:var(--shadow-control-hover)}.picker-icon-button-active{border-color:color-mix(in srgb,var(--accent-color) 36%,transparent);background:var(--surface-picker-icon-active);color:var(--text-inverse)}.picker-icon-button-accent:hover,.picker-icon-button-accent:focus-visible{color:color-mix(in srgb,var(--accent-color) 78%,white 12%)}.picker-native-input{height:calc(var(--size-control-button-sm) + var(--space-micro-1_5));width:calc(var(--size-control-button-sm) + var(--space-micro-1_5));border-radius:var(--radius-control-soft);border:1px solid color-mix(in srgb,var(--surface-border) 84%,transparent);background:transparent;cursor:pointer;overflow:hidden}.picker-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.picker-segmented .segmented-option{display:inline-flex;align-items:center;justify-content:center}.picker-floating-panel{overflow:hidden;border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 86%,transparent);background:var(--surface-picker-floating);box-shadow:var(--shadow-overlay-md);-webkit-backdrop-filter:blur(var(--blur-overlay));backdrop-filter:blur(var(--blur-overlay))}.picker-menu-section{display:grid;gap:var(--compact-gap-xs);padding:var(--space-2)}.picker-menu-section-divider{border-bottom:1px solid color-mix(in srgb,var(--surface-border) 20%,transparent)}.picker-menu-action{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);width:100%;border-radius:var(--radius-control-soft);border:1px solid color-mix(in srgb,var(--accent-color) 45%,transparent);background:var(--surface-picker-menu-action);padding:var(--space-3) var(--space-3);color:var(--text-inverse);font-size:var(--type-control-size);font-weight:700;line-height:var(--leading-utility);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.picker-menu-action:hover,.picker-menu-action:focus-visible{transform:translateY(-1px);filter:brightness(1.04);box-shadow:var(--shadow-picker-menu-action-hover)}.picker-menu-option{width:100%;border-radius:var(--radius-control-compact);padding:var(--space-2) var(--space-3);text-align:left;color:var(--text-secondary);font-size:var(--type-control-size);font-weight:500;line-height:var(--leading-body);transition:background-color .18s ease,color .18s ease}.picker-menu-option:hover,.picker-menu-option:focus-visible{background:var(--surface-picker-menu-option-hover);color:var(--text-inverse)}.picker-menu-keywords{color:var(--text-dim)}.picker-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--surface-overlay-scrim);-webkit-backdrop-filter:blur(var(--space-1));backdrop-filter:blur(var(--space-1))}.picker-dialog{position:fixed;left:50%;top:50%;z-index:50;width:min(var(--size-modal-width-picker),100vw - var(--space-6));max-height:calc(100vh - 2rem);transform:translate(-50%,-50%);overflow:auto}.picker-popover-trigger{position:relative;height:var(--size-control-button-sm);width:var(--size-control-button-sm);border-radius:var(--radius-control-soft);border:1px solid color-mix(in srgb,var(--surface-border) 88%,transparent);box-shadow:var(--shadow-control-hover);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;overflow:hidden}.picker-popover-trigger:hover,.picker-popover-trigger:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-color) 38%,transparent);box-shadow:var(--shadow-control-active)}.picker-popover-trigger-color{background:var(--picker-current-color, transparent)}.picker-popover-trigger-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:transparent;transition:background-color .18s ease}.picker-popover-trigger:hover .picker-popover-trigger-overlay,.picker-popover-trigger:focus-visible .picker-popover-trigger-overlay{background:color-mix(in srgb,white 10%,transparent)}.picker-slider-hsl-hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.picker-slider-hsl-saturation{background:var(--picker-hsl-saturation-gradient)}.picker-slider-hsl-lightness{background:var(--picker-hsl-lightness-gradient)}.picker-slider-oklch-lightness{background:var(--picker-oklch-lightness-gradient)}.picker-slider-oklch-chroma{background:var(--picker-oklch-chroma-gradient)}.picker-slider-oklch-hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.picker-panel,.picker-content-compact{display:grid;gap:var(--space-3)}.picker-heading-copy,.picker-grow,.picker-metric-list,.picker-inline-list,.picker-action-column{display:grid;gap:var(--compact-gap-sm)}.picker-title{margin:0;display:inline-flex;align-items:center;gap:var(--compact-gap-sm);color:var(--text-primary);font-size:var(--type-title-compact-size);font-weight:700;line-height:var(--leading-heading)}.picker-title-inline{justify-content:flex-start}.picker-value{color:var(--text-primary);font-size:var(--type-body-compact-size);line-height:var(--leading-body)}.picker-value-mono,.picker-code-block{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums slashed-zero}.picker-value-display{font-size:1rem;font-weight:700}.picker-value-accent{color:color-mix(in srgb,var(--accent-color) 78%,white 6%);font-weight:600}.picker-value-success{color:var(--text-success)}.picker-value-warning{color:var(--text-warning)}.picker-menu-anchor{position:relative}.picker-menu-popover{position:absolute;right:0;top:calc(100% + var(--offset-popover));width:var(--size-popover-menu);z-index:60}.picker-menu-title{margin:0;text-transform:uppercase;letter-spacing:.08em}.picker-scroll-panel{max-height:var(--size-scroll-panel-md);overflow-y:auto}.picker-scroll-panel-sm{max-height:var(--size-scroll-panel-sm)}.picker-native-input-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.picker-action-column{align-items:end}.picker-metric-row,.picker-inline-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.picker-inline-meta{justify-content:flex-start}.picker-divider-top{padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent)}.picker-code-block{display:block;border-radius:var(--radius-control-md);background:color-mix(in srgb,var(--surface-field-base) 100%,transparent);padding:var(--space-3) var(--space-4);color:color-mix(in srgb,var(--accent-color) 82%,white 8%);font-size:var(--type-support-size);overflow-wrap:anywhere}.picker-warning-card{border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--text-warning-strong) 24%,transparent);background:var(--surface-warning-soft);padding:var(--space-3) var(--space-4)}.picker-warning-copy{margin:0;color:var(--text-warning-soft);font-size:var(--type-support-size);line-height:var(--leading-meta)}.type-page-title{font-family:var(--font-family-sans);font-size:var(--type-page-title-size);font-weight:700;line-height:var(--leading-heading);letter-spacing:0em}.type-section-title{font-family:var(--font-family-sans);font-size:var(--type-section-title-size);font-weight:700;line-height:var(--leading-heading);letter-spacing:0em}.type-card-title{font-family:var(--font-family-sans);font-size:var(--type-card-title-size);font-weight:700;line-height:var(--leading-heading);letter-spacing:0em}.type-nav-label{font-family:var(--font-family-sans);font-size:.92rem;font-weight:650;line-height:var(--leading-utility);letter-spacing:0em}.type-body{font-family:var(--font-family-sans);font-size:var(--type-body-size);font-weight:500;line-height:var(--leading-body);letter-spacing:0em}.type-support{font-family:var(--font-family-sans);font-size:var(--type-support-size);font-weight:500;line-height:var(--leading-body);letter-spacing:0em}.type-meta{font-family:var(--font-family-sans);font-size:var(--type-meta-size);font-weight:600;line-height:var(--leading-meta);letter-spacing:0em}.type-mono{font-family:var(--font-family-mono);font-size:var(--type-mono-size);font-weight:500;line-height:var(--leading-body);letter-spacing:0em;font-variant-numeric:tabular-nums slashed-zero}.type-mono-title{font-family:var(--font-family-mono);font-size:1.1rem;font-weight:600;line-height:var(--leading-heading);letter-spacing:0em;font-variant-numeric:tabular-nums slashed-zero}.type-mono-compact{font-family:var(--font-family-mono);font-size:var(--type-mono-compact-size);font-weight:500;line-height:var(--leading-mono-compact);letter-spacing:0em;font-variant-numeric:tabular-nums slashed-zero}.type-stack-heading{display:grid;gap:var(--compact-gap-xs)}.type-stack-body,.type-stack-card{display:grid;gap:var(--text-gap-compact)}.type-stack-meta{display:grid;gap:var(--compact-gap-xs)}.surface-panel{background:var(--surface-panel-soft);border:1px solid var(--surface-border);box-shadow:var(--shadow-float-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.surface-raised{background:var(--surface-panel-hover);border:1px solid var(--surface-border-strong);box-shadow:var(--shadow-float-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.surface-card{background:var(--surface-card);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);box-shadow:var(--shadow-float-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.surface-kicker{font-family:var(--font-family-sans);color:color-mix(in srgb,var(--text-secondary) 72%,var(--text-muted) 28%);font-size:.72rem;font-weight:700;line-height:var(--leading-utility);letter-spacing:0em;text-transform:uppercase}.surface-copy{color:var(--text-secondary);font-size:var(--type-body-size);line-height:var(--leading-body);letter-spacing:0em}.surface-copy-muted{color:var(--text-muted);font-size:var(--type-support-size);line-height:var(--leading-body);letter-spacing:0em}.surface-copy-dim{color:var(--text-dim);font-size:var(--type-meta-size);line-height:var(--leading-meta);letter-spacing:0em}.action-button{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border-radius:.9rem;border:1px solid var(--surface-border);background:var(--surface-action-button-base);color:var(--text-secondary);padding:var(--pad-control-md-y) var(--pad-control-md-x);font-family:var(--font-family-sans);font-size:.91rem;font-weight:650;letter-spacing:0em;line-height:var(--leading-utility);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.action-button:hover{transform:translateY(-1px);border-color:var(--surface-border-strong);background:var(--surface-action-button-hover);color:var(--text-primary)}.action-button:focus-visible{outline:2px solid color-mix(in srgb,white 15%,transparent);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-color) 22%,transparent)}.action-button-primary{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 92%,white 8%),color-mix(in srgb,var(--accent-color) 58%,var(--surface-field-deep) 42%));border-color:color-mix(in srgb,var(--accent-color) 55%,white 10%);color:#fff;box-shadow:0 14px 36px color-mix(in srgb,var(--accent-color) 28%,transparent)}.action-button-primary:hover{color:#fff;border-color:color-mix(in srgb,var(--accent-color) 75%,white 8%);box-shadow:0 18px 42px color-mix(in srgb,var(--accent-color) 36%,transparent)}.action-button-muted{background:var(--surface-action-button-muted);color:var(--text-muted)}.tab-pill{--tab-stage-color: var(--stage-color);display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 74%,transparent);background:color-mix(in srgb,var(--surface-tab-pill) 96%,transparent);padding:var(--pad-control-compact-y) var(--pad-control-md-x);font-family:var(--font-family-sans);font-size:.92rem;font-weight:650;line-height:var(--leading-utility);letter-spacing:0em;color:color-mix(in srgb,var(--text-secondary) 78%,var(--text-muted) 22%);box-shadow:0 0 0 1px transparent;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease}.tab-pill:hover,.tab-pill:focus-visible{outline:none;opacity:1;color:var(--text-primary);background:var(--surface-tab-pill-hover);border-color:color-mix(in srgb,var(--surface-border) 90%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--surface-border) 42%,transparent)}.tab-pill-active{color:var(--text-inverse);opacity:1;background:color-mix(in srgb,var(--tab-stage-color) 34%,color-mix(in srgb,var(--surface-tab-pill-active) 86%,#101426 14%));border-color:color-mix(in srgb,var(--tab-stage-color) 52%,var(--border-shell-soft));box-shadow:0 10px 22px color-mix(in srgb,var(--tab-stage-color) 16%,transparent),inset 0 0 0 1px color-mix(in srgb,white 10%,transparent)}.tab-pill-active:hover,.tab-pill-active:focus-visible{color:var(--text-inverse);background:color-mix(in srgb,var(--tab-stage-color) 38%,color-mix(in srgb,var(--surface-tab-pill-active) 82%,#101426 18%));border-color:color-mix(in srgb,var(--tab-stage-color) 60%,var(--border-shell-soft));box-shadow:0 12px 24px color-mix(in srgb,var(--tab-stage-color) 20%,transparent),inset 0 0 0 1px color-mix(in srgb,white 14%,transparent)}.segmented-shell{display:inline-flex;gap:var(--compact-gap-xs);border-radius:var(--radius-control-shell);border:1px solid color-mix(in srgb,var(--surface-border) 78%,transparent);background:color-mix(in srgb,var(--surface-field-base) 100%,transparent);padding:var(--compact-gap-xs)}.segmented-option{border-radius:var(--radius-control-md);padding:var(--pad-control-compact-y) var(--pad-control-md-x);font-family:var(--font-family-sans);font-size:var(--type-support-size);font-weight:650;line-height:var(--leading-utility);letter-spacing:0em;color:var(--text-secondary);transition:color .18s ease,background-color .18s ease,box-shadow .18s ease}.segmented-option:hover{color:var(--text-primary)}.segmented-option-active{background:color-mix(in srgb,var(--accent-color) 18%,var(--surface-field-base));color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-color) 45%,transparent)}.interactive-color-wheel{position:relative;width:var(--interactive-wheel-size);height:var(--interactive-wheel-size);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;cursor:grab}.interactive-color-wheel-dragging,.interactive-color-wheel-dragging *{cursor:grabbing}.interactive-color-wheel__hue,.interactive-color-wheel__saturation,.interactive-color-wheel__svg{position:absolute;top:0;right:0;bottom:0;left:0}.interactive-color-wheel__hue,.interactive-color-wheel__saturation{border-radius:999px}.interactive-color-wheel__hue{z-index:1;background:conic-gradient(from 90deg,hsl(0deg,100%,var(--interactive-wheel-lightness)),hsl(30deg,100%,var(--interactive-wheel-lightness)),hsl(60deg,100%,var(--interactive-wheel-lightness)),hsl(90deg,100%,var(--interactive-wheel-lightness)),hsl(120deg,100%,var(--interactive-wheel-lightness)),hsl(150deg,100%,var(--interactive-wheel-lightness)),hsl(180deg,100%,var(--interactive-wheel-lightness)),hsl(210deg,100%,var(--interactive-wheel-lightness)),hsl(240deg,100%,var(--interactive-wheel-lightness)),hsl(270deg,100%,var(--interactive-wheel-lightness)),hsl(300deg,100%,var(--interactive-wheel-lightness)),hsl(330deg,100%,var(--interactive-wheel-lightness)),hsl(360deg,100%,var(--interactive-wheel-lightness)))}.interactive-color-wheel__saturation{z-index:2;background:radial-gradient(circle,hsl(0deg,0%,var(--interactive-wheel-lightness)) 0%,hsl(0deg,0%,var(--interactive-wheel-lightness)) 10%,transparent 50%)}.interactive-color-wheel__svg{z-index:3;pointer-events:none}.interactive-color-wheel__harmony-dot{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.interactive-color-wheel__harmony-label{fill:var(--text-inverse);font-family:var(--font-family-mono);font-size:9px;font-weight:800;line-height:1;paint-order:stroke;stroke:#020617ad;stroke-width:2px}.interactive-color-wheel__handle{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.interactive-color-wheel__label{position:absolute;z-index:3;width:60px;height:60px;left:calc(var(--interactive-wheel-label-x) - 42px);top:calc(var(--interactive-wheel-label-y) - 42px);pointer-events:none}.interactive-color-wheel__label-text{display:inline-flex;margin-top:var(--compact-gap-xs);border-radius:var(--radius-control-soft);background:color-mix(in srgb,black 30%,transparent);padding:0 var(--compact-gap-sm);color:var(--text-inverse);font-family:var(--font-family-mono);font-size:10px;line-height:1.4}.tab-pill-compact{padding-top:var(--compact-pad-y);padding-bottom:var(--compact-pad-y);font-size:.8rem}.tab-navigation-flat{width:100%;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.tab-shell-surface{padding-block:var(--pad-toolbar-y);background:color-mix(in srgb,var(--surface-panel) 72%,transparent)}.tab-navigation-flat::-webkit-scrollbar{display:none}.tab-navigation-strip{display:inline-flex;min-width:-moz-max-content;min-width:max-content;gap:var(--compact-gap-sm);padding-right:var(--compact-gap-sm);align-items:center}.tab-legend-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--compact-gap-sm) var(--space-3);padding:0 0 var(--compact-gap-md)}.tab-legend-item-active{color:color-mix(in srgb,var(--group-color, var(--stage-color)) 46%,white 54%);opacity:1}.tab-legend-item-active .tab-legend-dot{background:color-mix(in srgb,var(--group-color, var(--stage-color)) 58%,color-mix(in srgb,var(--text-inverse) 72%,transparent));box-shadow:0 0 0 4px color-mix(in srgb,var(--group-color, var(--stage-color)) 12%,transparent)}.tab-navigation-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--compact-gap-sm) var(--space-2)}.tab-group-cluster{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--compact-gap-sm);padding-right:var(--space-2);border-right:1px solid color-mix(in srgb,var(--group-color, var(--stage-color)) 12%,var(--border-faint));transition:border-color .18s ease}.tab-group-cluster[data-group-state=inactive] .tab-pill-current{opacity:.9}.tab-group-cluster-active{border-right-color:color-mix(in srgb,var(--group-color, var(--stage-color)) 24%,var(--border-shell-soft))}.tab-group-cluster:last-child{border-right:none;padding-right:0}.tab-group-links{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-1{bottom:-.25rem}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-5{bottom:1.25rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-full{left:100%}.right-0{right:0}.right-2{right:.5rem}.right-5{right:1.25rem}.right-full{right:100%}.top-0{top:0}.top-2{top:.5rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[150\]{z-index:150}.order-1{order:1}.order-2{order:2}.col-span-full{grid-column:1 / -1}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-0{height:0px}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-0{max-height:0px}.max-h-44{max-height:11rem}.max-h-52{max-height:13rem}.max-h-64{max-height:16rem}.max-h-72{max-height:18rem}.max-h-\[1000px\]{max-height:1000px}.max-h-\[5000px\]{max-height:5000px}.min-h-0{min-height:0px}.min-h-\[280px\]{min-height:280px}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[52px\]{min-width:52px}.min-w-\[90px\]{min-width:90px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-125{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:fadeIn .2s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.scroll-mt-4{scroll-margin-top:1rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-\[4px\]{border-left-width:4px}.border-r{border-right-width:1px}.border-r-\[4px\]{border-right-width:4px}.border-t{border-top-width:1px}.border-t-\[4px\]{border-top-width:4px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\[color\:rgba\(148\,163\,184\,0\.16\)\]{border-color:#94a3b829}.border-\[color\:rgba\(148\,163\,184\,0\.18\)\]{border-color:#94a3b82e}.border-\[color\:rgba\(148\,163\,184\,0\.26\)\]{border-color:#94a3b842}.border-amber-700\/50{border-color:#b4530980}.border-green-700\/50{border-color:#15803d80}.border-red-500\/70{border-color:#ef4444b3}.border-slate-600{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.border-slate-700{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-l-transparent{border-left-color:transparent}.border-r-transparent{border-right-color:transparent}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-\[color\:rgba\(8\,15\,27\,0\.92\)\]{background-color:#080f1beb}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-amber-900\/20{background-color:#78350f33}.bg-black\/15{background-color:#00000026}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/60{background-color:#0009}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-900\/20{background-color:#14532d33}.bg-orange-500\/20{background-color:#f9731633}.bg-red-500\/10{background-color:#ef44441a}.bg-slate-500\/10{background-color:#64748b1a}.bg-slate-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.bg-slate-800\/90{background-color:#1e293be6}.bg-slate-950{--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/10{background-color:#eab3081a}.fill-slate-400{fill:#94a3b8}.fill-slate-500{fill:#64748b}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-4{padding-bottom:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.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)}.text-\[color\:var\(--text-dim\)\]{color:var(--text-dim)}.text-\[color\:var\(--text-muted\)\]{color:var(--text-muted)}.text-\[color\:var\(--text-primary\)\]{color:var(--text-primary)}.text-\[color\:var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[color\:var\(--text-subtle\)\]{color:var(--text-subtle)}.text-amber-100{--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}.text-amber-200{--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-400\/70{color:#fbbf24b3}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-emerald-200{--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-400\/70{color:#4ade80b3}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-rose-100{--tw-text-opacity: 1;color:rgb(255 228 230 / var(--tw-text-opacity, 1))}.text-sky-200{--tw-text-opacity: 1;color:rgb(186 230 253 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-violet-200{--tw-text-opacity: 1;color:rgb(221 214 254 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\[color\:var\(--accent-color\)\]{--tw-ring-color: var(--accent-color)}.ring-slate-950{--tw-ring-opacity: 1;--tw-ring-color: rgb(2 6 23 / var(--tw-ring-opacity, 1))}.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)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));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)}.drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));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)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[scrollbar-width\:none\]{scrollbar-width:none}:root{--color-white: #ffffff;--color-neutral-50: #f8fafc;--color-neutral-100: #d9e4f1;--color-neutral-200: #c0cede;--color-neutral-300: #99adc4;--color-surface-page-950: #081220;--color-surface-page-900: #0f1b2f;--color-surface-page-980: #050b14;--color-surface-panel: rgba(16, 26, 44, .9);--color-surface-raised: rgba(20, 31, 51, .96);--color-surface-card: rgba(31, 47, 76, .88);--color-surface-active: rgba(96, 165, 250, .18);--color-surface-border: rgba(148, 163, 184, .26);--color-surface-border-strong: rgba(148, 163, 184, .4);--color-accent-500: #3b82f6;--color-stage-400: #94a3b8;--blur-shell: 18px;--blur-overlay: 14px;--motion-duration-fast: .18s;--motion-duration-base: .26s;--motion-duration-slow: .4s;--motion-distance-xs: 6px;--motion-distance-sm: 12px;--motion-distance-md: 18px;--motion-ease-soft: power1.out;--motion-ease-emphasis: power2.out;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: .875rem;--radius-xl: 1rem;--radius-pill: 999px;--radius-control-compact: .4rem;--radius-control-soft: .5rem;--radius-control-md: .625rem;--radius-panel: .875rem;--radius-control-lg: .75rem;--radius-control-shell: 1rem;--shadow-soft: 0 16px 48px rgba(2, 8, 23, .24);--shadow-raised: 0 24px 72px rgba(2, 8, 23, .34);--shadow-float-sm: 0 10px 22px rgba(2, 8, 23, .16);--shadow-hierarchy-shell: 0 12px 26px rgba(2, 8, 23, .12);--shadow-float-md: 0 14px 30px rgba(2, 8, 23, .18);--shadow-float-lg: 0 24px 48px rgba(2, 8, 23, .3);--shadow-control-hover: 0 10px 18px rgba(2, 8, 23, .18);--shadow-control-active: 0 12px 22px rgba(2, 8, 23, .22);--shadow-panel-inset-soft: inset 0 1px 0 rgba(255, 255, 255, .03);--shadow-page-switcher-active: 0 8px 18px color-mix(in srgb, var(--accent-color) 10%, transparent);--shadow-picker-shell: 0 18px 42px rgba(2, 8, 23, .22);--shadow-swatch-preview: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 10px 24px rgba(2, 8, 23, .24);--shadow-overlay-md: 0 18px 36px rgba(2, 8, 23, .28);--shadow-overlay-lg: 0 30px 80px rgba(2, 8, 23, .4);--shadow-overlay-xl: 0 32px 72px rgba(2, 8, 23, .34);--shadow-support-popover: 0 22px 50px rgba(2, 8, 23, .32), inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-shell-swatch: inset 0 0 0 1px rgba(255, 255, 255, .12);--shadow-support-swatch: inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-header-overflow: 0 16px 38px rgba(2, 8, 23, .32);--shadow-slider-track: inset 0 0 0 1px rgba(255, 255, 255, .12), inset 0 1px 1px rgba(255, 255, 255, .08), inset 0 -1px 2px rgba(3, 7, 18, .34);--shadow-slider-thumb: inset 0 1px 0 rgba(255, 255, 255, .78), inset 0 -1px 2px rgba(120, 181, 255, .22), 0 0 0 1px rgba(255, 255, 255, .12), 0 4px 10px rgba(2, 8, 23, .42), 0 0 0 4px rgba(8, 18, 32, .22);--shadow-slider-thumb-hover: inset 0 1px 0 rgba(255, 255, 255, .82), inset 0 -1px 2px rgba(129, 197, 255, .28), 0 0 0 1px rgba(255, 255, 255, .16), 0 6px 14px rgba(2, 8, 23, .48), 0 0 0 4px rgba(8, 18, 32, .26);--shadow-utility-temperature-track: inset 0 1px 2px rgba(15, 23, 42, .44), 0 0 0 1px rgba(148, 163, 184, .12);--shadow-utility-temperature-thumb: 0 6px 18px rgba(15, 23, 42, .32);--shadow-picker-menu-action-hover: 0 12px 24px color-mix(in srgb, var(--accent-color) 26%, transparent);--shadow-picker-fab: 0 16px 32px rgba(2, 8, 23, .28);--shadow-focus-accent: 0 0 0 3px color-mix(in srgb, var(--accent-color) 12%, transparent);--size-shell-max-width: 1600px;--size-dock-width: 5rem;--size-brand-mark: 2.5rem;--size-icon-button-md: 2rem;--size-status-dot: .5rem;--size-focus-rail-width: 2px;--size-support-modal-sidebar: 16rem;--size-support-modal-nav-max-height: 12rem;--size-control-button-sm: 2rem;--size-control-button-md: 2.5rem;--size-control-button-lg: 3rem;--size-control-fab: 3.5rem;--size-control-fab-dot: 1rem;--size-preview-swatch-sm: 2rem;--size-preview-swatch-md: 2.75rem;--size-preview-swatch-lg: 3.25rem;--size-preview-swatch-xl: 3.75rem;--size-modal-width-sm: 32rem;--size-modal-width-md: 42rem;--size-modal-width-lg: 64rem;--size-modal-width-xl: 70rem;--size-modal-width-picker: 26rem;--size-modal-width-export: 1080px;--size-popover-menu: 13rem;--size-scroll-panel-md: 16rem;--size-scroll-panel-sm: 12rem;--size-slider-track-sm: .75rem;--size-slider-hit-md: 1.5rem;--size-slider-thumb-md-width: 1.25rem;--size-slider-thumb-md-height: 1rem;--z-dock: 30;--z-popover: 80;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-micro-0_5: 2px;--space-micro-1_5: 6px;--space-micro-2_5: 10px;--space-compact-2: var(--space-micro-0_5);--space-compact-6: var(--space-micro-1_5);--space-compact-10: var(--space-micro-2_5);--font-family-sans: "Manrope", "Space Grotesk", Inter, system-ui, sans-serif;--font-family-mono: "IBM Plex Mono", "Space Mono", "SFMono-Regular", ui-monospace, monospace;--leading-body: 1.7;--leading-heading: 1.333;--leading-utility: 1.2;--leading-meta: 1.28;--leading-mono-compact: 1.24;--type-display-size: clamp(2.7rem, 2rem + 1.9vw, 4.05rem);--type-page-title-size: clamp(1.72rem, 1.42rem + .72vw, 2.18rem);--type-section-title-size: clamp(1.06rem, .98rem + .24vw, 1.18rem);--type-card-title-size: .98rem;--type-body-size: .97rem;--type-support-size: .84rem;--type-meta-size: .74rem;--type-mono-size: .92rem;--type-mono-compact-size: .76rem;--type-badge-size: .66rem;--type-label-size: .72rem;--type-caption-size: .82rem;--type-control-size: .78rem;--type-body-compact-size: .86rem;--type-title-compact-size: .94rem;--type-input-size: .9rem;--surface-control-subtle: rgba(11, 18, 31, .32);--surface-control-hover: rgba(16, 25, 42, .58);--surface-control-raised: rgba(17, 27, 46, .62);--surface-control-raised-strong: rgba(17, 27, 46, .76);--surface-control-active: rgba(20, 31, 51, .86);--surface-action-button-base: rgba(15, 23, 42, .62);--surface-action-button-hover: rgba(30, 41, 59, .88);--surface-action-button-muted: rgba(9, 16, 30, .52);--surface-tab-pill: rgba(12, 20, 35, .18);--surface-tab-pill-hover: rgba(18, 28, 47, .48);--surface-tab-pill-active: linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 12%, transparent), rgba(12, 20, 35, .68));--surface-header-action-base: rgba(12, 20, 35, .68);--surface-header-action-hover: rgba(22, 33, 54, .86);--surface-header-action-disabled: rgba(9, 15, 27, .58);--surface-header-action-secondary: rgba(14, 23, 39, .78);--surface-header-action-secondary-hover: rgba(22, 33, 54, .88);--surface-header-action-utility: rgba(10, 17, 29, .54);--surface-header-action-utility-hover: rgba(17, 27, 46, .76);--surface-header-overflow-trigger: rgba(12, 20, 35, .7);--surface-header-overflow-trigger-hover: rgba(30, 41, 59, .9);--surface-header-overflow-panel: linear-gradient(180deg, rgba(18, 29, 48, .96), rgba(10, 17, 29, .98));--surface-header-overflow-action: rgba(15, 23, 42, .66);--surface-header-overflow-secondary: rgba(17, 27, 46, .84);--surface-header-overflow-utility: rgba(12, 20, 36, .62);--surface-utility-meta-pill: rgba(21, 31, 51, .74);--surface-utility-search-hover: rgba(22, 32, 53, .8);--surface-button-open: rgba(15, 24, 40, .6);--surface-button-priority: linear-gradient(180deg, rgba(16, 25, 42, .62), rgba(11, 18, 31, .82));--surface-button-active: linear-gradient( 180deg, color-mix(in srgb, var(--accent-color) 8%, rgba(16, 25, 42, .9)), rgba(10, 16, 29, .96) );--surface-dock-panel: rgba(11, 18, 31, .86);--surface-dock-panel-soft: rgba(11, 18, 31, .74);--surface-dock-card: rgba(17, 27, 46, .72);--surface-dock-chip: rgba(15, 23, 42, .56);--surface-field-base: rgba(8, 15, 27, .82);--surface-field-deep: rgba(9, 15, 27, .9);--surface-field-strong: rgba(17, 27, 46, .78);--surface-picker-shell: linear-gradient(180deg, rgba(18, 29, 48, .96), rgba(10, 18, 31, .98));--surface-picker-floating: linear-gradient(180deg, rgba(14, 22, 37, .98), rgba(8, 14, 26, .98));--surface-overlay-scrim: rgba(2, 8, 23, .68);--surface-overlay-scrim-strong: rgba(2, 8, 23, .82);--surface-overlay-scrim-soft: rgba(2, 6, 23, .66);--surface-overlay-panel: linear-gradient(180deg, rgba(12, 20, 34, .98), rgba(8, 14, 24, .98));--surface-overlay-panel-strong: linear-gradient(180deg, rgba(17, 25, 41, .96), rgba(10, 16, 28, .98));--surface-overlay-header: rgba(12, 20, 34, .82);--surface-support-modal-sidebar: rgba(15, 23, 42, .9);--surface-support-modal-tip: rgba(9, 15, 27, .84);--surface-support-modal-hover: rgba(21, 32, 52, .82);--surface-support-modal-active: rgba(37, 99, 235, .84);--border-faint: rgba(148, 163, 184, .1);--border-shell-soft: rgba(148, 163, 184, .22);--border-subtle: rgba(148, 163, 184, .16);--border-shell-active: rgba(191, 219, 254, .22);--border-divider: rgba(148, 163, 184, .12);--border-active-soft: rgba(191, 219, 254, .18);--border-active-strong: rgba(191, 219, 254, .22);--state-dot-idle: rgba(148, 163, 184, .2);--state-dot-open: rgba(125, 211, 252, .72);--shell-band-pad-x: var(--space-3);--shell-band-pad-y: var(--space-3);--shell-card-pad: var(--space-3);--page-content-pad-x: var(--space-4);--page-content-pad-y: var(--space-6);--panel-pad-sm: var(--space-3);--panel-pad-md: var(--space-5);--panel-pad-lg: var(--space-6);--stack-gap-xs: var(--space-2);--stack-gap-sm: var(--space-2);--stack-gap-md: var(--space-4);--stack-gap-lg: var(--space-5);--stack-gap-xl: var(--space-6);--compact-gap-xs: var(--space-micro-0_5);--compact-gap-sm: var(--space-micro-1_5);--compact-gap-md: var(--space-micro-2_5);--compact-pad-x: var(--space-micro-2_5);--compact-pad-y: var(--space-micro-1_5);--compact-chip-pad-x: var(--space-micro-2_5);--compact-chip-pad-y: var(--space-micro-0_5);--compact-stack-gap: var(--space-micro-1_5);--compact-meta-gap: var(--space-micro-0_5);--gap-page-section: var(--space-6);--gap-toolbar: var(--space-compact-6);--gap-control: var(--space-compact-6);--gap-chip: var(--space-compact-6);--gap-compact-row: var(--space-compact-6);--gap-compact-cluster: var(--space-compact-6);--pad-field-x: var(--space-3);--pad-field-y: var(--space-2);--pad-chip-x: var(--space-micro-2_5);--pad-chip-y: var(--space-compact-2);--pad-toolbar-x: var(--space-compact-10);--pad-toolbar-y: var(--space-micro-1_5);--pad-modal: var(--space-5);--pad-modal-compact: var(--space-3);--pad-popover: var(--space-3);--pad-control-compact-x: var(--space-compact-6);--pad-control-compact-y: var(--space-micro-1_5);--pad-control-md-x: var(--space-compact-10);--pad-control-md-y: var(--space-micro-1_5);--offset-popover: var(--space-2);--rhythm-body: calc(var(--type-body-size) * var(--leading-body));--text-gap-tight: calc(var(--rhythm-body) * .32);--text-gap-compact: calc(var(--rhythm-body) * .46);--text-gap-relaxed: calc(var(--rhythm-body) * .62);--page-bg: var(--color-surface-page-950);--page-bg-secondary: var(--color-surface-page-900);--surface-panel: var(--color-surface-panel);--surface-raised: var(--color-surface-raised);--surface-card: var(--color-surface-card);--surface-active: var(--color-surface-active);--surface-border: var(--color-surface-border);--surface-border-strong: var(--color-surface-border-strong);--accent-color: var(--color-accent-500);--stage-color: var(--color-stage-400);--shell-dock-background: linear-gradient(180deg, rgba(9, 15, 26, .94), rgba(6, 10, 18, .98));--shell-rail-background: linear-gradient(180deg, rgba(16, 25, 42, .94), rgba(11, 17, 31, .98));--shell-popover-background: linear-gradient(180deg, rgba(12, 20, 34, .98), rgba(8, 14, 24, .98));--shell-current-background: linear-gradient(180deg, rgba(20, 31, 51, .82), rgba(14, 22, 38, .9));--shell-current-hover: rgba(20, 31, 51, .96);--shell-summary-background: linear-gradient(180deg, color-mix(in srgb, var(--accent-color) 9%, rgba(20, 31, 51, .9)), rgba(14, 22, 38, .96));--shell-switcher-background: rgba(15, 23, 42, .36);--shell-switcher-hover: rgba(18, 28, 47, .72);--surface-page-switcher-active: linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 16%, transparent), color-mix(in srgb, var(--accent-color) 10%, var(--shell-switcher-background)));--shell-note-background: linear-gradient(180deg, rgba(13, 21, 37, .92), rgba(9, 15, 27, .95));--shell-card-background: linear-gradient(180deg, rgba(14, 22, 38, .88), rgba(10, 17, 29, .94));--shell-card-hover: linear-gradient(180deg, rgba(17, 26, 44, .94), rgba(11, 18, 32, .98));--shell-panel-muted: rgba(12, 20, 34, .72);--shell-panel-raised: rgba(21, 31, 51, .74);--surface-tint-subtle: rgba(255, 255, 255, .05);--surface-panel-soft: rgba(12, 20, 34, .72);--surface-panel-muted: rgba(17, 27, 46, .62);--surface-panel-hover: rgba(21, 32, 52, .82);--surface-success-soft: rgba(34, 197, 94, .12);--surface-warning-soft: rgba(113, 63, 18, .18);--surface-warning-pill: rgba(245, 158, 11, .16);--surface-warning-strong: rgba(74, 44, 13, .34);--surface-success-strong: rgba(16, 56, 39, .36);--surface-danger-soft: rgba(74, 18, 26, .42);--surface-danger-strong: rgba(220, 38, 38, .78);--surface-info-soft: color-mix(in srgb, var(--accent-color) 12%, rgba(17, 27, 46, .82));--surface-info-strong: color-mix(in srgb, var(--accent-color) 18%, rgba(17, 27, 46, .9));--surface-accent-soft: color-mix(in srgb, var(--accent-color) 8%, rgba(17, 27, 46, .78));--surface-accent-active: color-mix(in srgb, var(--accent-color) 18%, rgba(17, 27, 46, .88));--surface-accent-strong: color-mix(in srgb, var(--accent-color) 86%, rgba(17, 27, 46, .92));--surface-accent-strong-hover: color-mix(in srgb, var(--accent-color) 78%, black 8%);--surface-badge-success: rgba(34, 197, 94, .16);--surface-badge-positive: rgba(16, 185, 129, .16);--surface-badge-warning: rgba(250, 204, 21, .16);--surface-badge-danger: rgba(239, 68, 68, .16);--surface-badge-neutral: rgba(17, 27, 46, .76);--surface-badge-muted: rgba(17, 27, 46, .56);--surface-badge-accent: rgba(99, 102, 241, .18);--surface-badge-info: rgba(34, 211, 238, .16);--surface-badge-warm: rgba(249, 115, 22, .18);--surface-badge-cool: rgba(59, 130, 246, .18);--surface-badge-success-solid: #16a34a;--surface-badge-warning-solid: #f59e0b;--surface-badge-success-soft-strong: rgba(34, 197, 94, .12);--surface-badge-danger-soft-strong: rgba(239, 68, 68, .14);--surface-progress-track: rgba(51, 65, 85, .72);--surface-progress-fill: var(--accent-color);--surface-support-popover: rgba(12, 20, 34, .82);--surface-support-popover-hero: linear-gradient(180deg, rgba(15, 23, 42, .94), rgba(9, 15, 27, .9));--surface-support-popover-footer: rgba(9, 15, 27, .74);--surface-support-preview-light: white;--surface-support-preview-dark: black;--surface-support-simulation: rgba(15, 23, 42, .54);--surface-support-score-track: rgba(51, 65, 85, .8);--surface-utility-temperature-thumb: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(226, 232, 240, .92));--surface-utility-mood-header: linear-gradient(180deg, color-mix(in srgb, var(--utilities-mood-accent) 100%, transparent), transparent), rgba(14, 22, 38, .92);--surface-utility-mood-list: rgba(9, 15, 27, .58);--surface-utility-mood-option: rgba(14, 22, 38, .78);--surface-utility-mood-hover: rgba(26, 38, 61, .78);--surface-utility-action: linear-gradient(180deg, color-mix(in srgb, var(--accent-color) 18%, rgba(20, 30, 50, .9)), rgba(17, 27, 46, .92));--surface-library-shell: rgba(12, 20, 34, .72);--surface-library-primary-action: linear-gradient(180deg, color-mix(in srgb, var(--accent-color) 18%, rgba(25, 43, 75, .9)), rgba(26, 70, 190, .78));--surface-library-secondary-action: rgba(17, 27, 46, .78);--surface-library-feedback-error: rgba(74, 18, 26, .42);--surface-library-scale-trigger: color-mix(in srgb, var(--accent-color) 82%, #1d4ed8 18%);--surface-settings-primary-action: linear-gradient(180deg, color-mix(in srgb, var(--accent-color) 18%, rgba(25, 43, 75, .9)), rgba(26, 70, 190, .78));--surface-settings-option-active: color-mix(in srgb, var(--accent-color) 12%, rgba(21, 32, 52, .82));--surface-settings-simulation-active: color-mix(in srgb, var(--accent-color) 72%, rgba(17, 27, 46, .9));--surface-settings-inline-code: rgba(14, 22, 38, .9);--surface-settings-toggle: rgba(71, 85, 105, .8);--surface-settings-toggle-active: color-mix(in srgb, var(--accent-color) 72%, rgba(17, 27, 46, .9));--surface-slider-track: rgba(15, 23, 42, .82);--surface-slider-thumb: radial-gradient(circle at 50% 45%, rgba(255, 255, 255, .98) 0 36%, transparent 37%), linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(226, 239, 255, .94));--surface-dock-tab-group: color-mix(in srgb, var(--surface-panel) 84%, transparent);--surface-dock-tab-active: color-mix(in srgb, var(--accent-color) 14%, rgba(17, 27, 46, .9));--surface-dock-swatch-active: color-mix(in srgb, var(--accent-color) 10%, rgba(17, 27, 46, .84));--surface-picker-icon-active: color-mix(in srgb, var(--accent-color) 14%, rgba(12, 20, 35, .82));--surface-picker-menu-action: linear-gradient(135deg, color-mix(in srgb, var(--accent-color) 82%, white 10%), color-mix(in srgb, var(--accent-color) 44%, #312e81 56%));--surface-picker-menu-option-hover: rgba(21, 32, 52, .92);--surface-visual-weight-simulator-tabs: rgba(11, 19, 33, .76);--surface-visual-weight-analysis-empty: rgba(15, 23, 42, .5);--surface-visual-weight-ai-badge: rgba(91, 33, 182, .16);--surface-visual-weight-ai-progress-fill: linear-gradient(90deg, #8b5cf6, #3b82f6);--surface-visual-weight-ai-primary-ready: linear-gradient(135deg, #7c3aed, #2563eb);--surface-visual-weight-ai-primary-idle: rgba(17, 27, 46, .7);--surface-visual-weight-ai-primary-disabled: rgba(15, 23, 42, .74);--text-primary: var(--color-neutral-50);--text-secondary: var(--color-neutral-100);--text-muted: var(--color-neutral-200);--text-dim: var(--color-neutral-300);--text-inverse: var(--color-white);--text-success: #86efac;--text-success-strong: #4ade80;--text-positive: #6ee7b7;--text-positive-strong: #166534;--text-info: #60a5fa;--text-warning: #facc15;--text-warning-strong: #fbbf24;--text-warning-soft: #fcd34d;--text-warning-contrast: #111827;--text-danger: #f87171;--text-danger-soft: #fca5a5;--text-danger-strong: #991b1b;--text-info-soft: #bfdbfe;--text-cool: #93c5fd;--text-warm: #fdba74;--text-accent-soft: #c7d2fe;--text-contrast-light: #334155;--text-contrast-light-muted: #475569;--text-contrast-dark: #cbd5e1;--text-link-accent: color-mix(in srgb, var(--accent-color) 76%, #93c5fd);--text-link-accent-hover: color-mix(in srgb, var(--accent-color) 54%, white 46%);--text-action-secondary: #edf4ff;--text-action-utility: #dce7f7;--text-action-utility-soft: #dde7f6;font-family:var(--font-family-sans);line-height:var(--leading-body);font-weight:400;color-scheme:dark;color:#ffffffeb;background-color:var(--page-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{color-scheme:dark;color:#ffffffeb}html[data-theme=dark] body{color:var(--text-primary)}:root[data-theme=light]{--page-bg: #eef4fb;--page-bg-secondary: #f7fbff;--surface-panel: rgba(255, 255, 255, .92);--surface-raised: rgba(255, 255, 255, .98);--surface-card: rgba(241, 245, 249, .9);--surface-active: rgba(37, 99, 235, .12);--surface-border: rgba(71, 85, 105, .18);--surface-border-strong: rgba(71, 85, 105, .28);--text-primary: #0f172a;--text-secondary: #1e293b;--text-muted: #475569;--text-dim: #64748b;--accent-color: #2563eb;--stage-color: #64748b;--shadow-soft: 0 16px 44px rgba(15, 23, 42, .1);--shadow-raised: 0 22px 62px rgba(15, 23, 42, .14)}html[data-theme=light] body{background:radial-gradient(circle at top left,rgba(14,165,233,.1),transparent 28%),radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 26%),linear-gradient(180deg,#f8fbff 0%,var(--page-bg) 52%,#e8eef6 100%);color:var(--text-primary)}html[data-theme=light] body:before{background-image:linear-gradient(rgba(100,116,139,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,.05) 1px,transparent 1px);opacity:.24}html[data-theme=light] .text-white{color:var(--text-primary)!important}html[data-theme=light] .text-slate-400,html[data-theme=light] .text-slate-500{color:var(--text-dim)!important}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-family-sans);line-height:var(--leading-body);background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 32%),radial-gradient(circle at top right,rgba(99,102,241,.1),transparent 28%),linear-gradient(180deg,var(--page-bg-secondary) 0%,var(--page-bg) 55%,#050b14 100%);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{line-height:var(--leading-heading)}p,li,dd,dt,blockquote{line-height:var(--leading-body)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.035) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at center,black 25%,transparent 80%);mask-image:radial-gradient(circle at center,black 25%,transparent 80%);opacity:.35}#root{width:100%;min-height:100vh}button,input,textarea,select{font:inherit}code,pre,kbd,samp{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums slashed-zero}.analytics-insight-card,.analytics-insight-copy-block,.analytics-insight-stack,.analytics-insight-subsection,.analytics-insight-hint-list,.analytics-insight-archetype,.analytics-insight-data-grid,.analytics-insight-data-card,.analytics-insight-mini-card{display:grid;gap:var(--space-3)}.analytics-insight-head,.analytics-insight-title-row,.analytics-insight-instruction-head,.analytics-insight-archetype-head,.analytics-insight-weight-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.analytics-panel-title-inline{display:inline-flex;align-items:center;gap:var(--compact-gap-xs)}.analytics-panel-title-lg{font-size:1.28rem}.analytics-insight-title-row{justify-content:flex-start;flex-wrap:wrap}.analytics-insight-title-row-tight{gap:var(--compact-gap-xs)}.analytics-insight-accent,.analytics-insight-accent-amber{color:color-mix(in srgb,var(--accent-color) 70%,white 8%)}.analytics-insight-accent-amber{color:var(--text-warning-strong)}.analytics-insight-current,.analytics-insight-arrow{color:var(--text-dim)}.analytics-insight-action,.analytics-insight-icon-button{display:inline-flex;align-items:center;gap:var(--compact-gap-xs);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);padding:var(--pad-control-compact-y) var(--pad-chip-x);color:var(--text-secondary);font-size:.72rem;font-weight:650;line-height:var(--leading-utility);transition:background-color .18s ease,border-color .18s ease,color .18s ease}.analytics-insight-action:hover,.analytics-insight-action:focus-visible,.analytics-insight-icon-button:hover,.analytics-insight-icon-button:focus-visible{background:var(--surface-panel-hover);color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent)}.analytics-insight-action-primary{border-color:color-mix(in srgb,var(--accent-color) 32%,transparent);background:var(--surface-accent-active);color:var(--text-inverse)}.analytics-insight-action-inline{padding:var(--compact-gap-sm) var(--compact-gap-md);font-size:.68rem}.analytics-insight-copy-success{color:var(--text-success)}.analytics-insight-inline-icon{margin-right:var(--compact-gap-xs);vertical-align:text-bottom;color:var(--text-success)}.analytics-insight-instruction{border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);padding:var(--panel-pad-sm) var(--panel-pad-md)}.analytics-insight-instruction-warmer{background:var(--surface-warning-soft);border-color:color-mix(in srgb,var(--text-warm) 36%,transparent)}.analytics-insight-instruction-cooler{background:var(--surface-panel-soft);border-color:color-mix(in srgb,var(--text-info) 32%,transparent)}.analytics-insight-instruction-softer{background:var(--surface-warning-soft);border-color:color-mix(in srgb,var(--text-warning-soft) 32%,transparent)}.analytics-insight-instruction-harder{background:var(--surface-panel-muted);border-color:color-mix(in srgb,var(--text-contrast-dark) 28%,transparent)}.analytics-insight-label{color:var(--text-primary);font-size:.82rem;font-weight:700;text-transform:capitalize}.analytics-chip-row-tight{gap:var(--space-2)}.analytics-meta-chip-mono,.analytics-insight-code,.analytics-insight-code-sm{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums slashed-zero}.analytics-insight-distance{display:grid;gap:var(--compact-gap-sm)}.analytics-insight-progress{height:.45rem;overflow:hidden;border-radius:999px;background:var(--surface-progress-track)}.analytics-insight-progress-fill{height:100%;border-radius:inherit}.analytics-insight-progress-fill-accent{background:linear-gradient(90deg,var(--text-info-soft),var(--text-info))}.analytics-insight-progress-fill-success{background:linear-gradient(90deg,var(--text-positive),var(--text-success-strong))}.analytics-insight-progress-fill-warning{background:linear-gradient(90deg,var(--text-warning),var(--text-warning-strong))}.analytics-insight-progress-fill-danger{background:linear-gradient(90deg,var(--text-danger),color-mix(in srgb,var(--text-danger) 82%,var(--text-danger-strong)))}.analytics-insight-hint{display:flex;align-items:flex-start;gap:var(--compact-gap-sm);color:var(--text-muted);font-size:.8rem;line-height:1.55}.analytics-insight-bullet{color:color-mix(in srgb,var(--accent-color) 72%,white 8%)}.analytics-insight-subsection{padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent)}.analytics-insight-subsection-muted{background:var(--surface-panel-soft);border-radius:1rem;padding:var(--panel-pad-sm) var(--panel-pad-md);border-top:0}.analytics-insight-stat-grid,.analytics-insight-inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.analytics-insight-inline-grid-compact{gap:var(--compact-gap-sm)}.analytics-insight-metric-card,.analytics-insight-mini-card{display:grid;gap:var(--compact-gap-xs);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 60%,transparent);background:var(--surface-panel-muted);padding:calc(var(--space-3) + var(--compact-gap-xs)) var(--panel-pad-sm)}.analytics-insight-metric-value{color:var(--text-primary);font-size:.96rem;font-weight:700}.analytics-insight-metric-warm{color:var(--text-warm)}.analytics-insight-metric-cool{color:var(--text-info)}.analytics-insight-metric-soft{color:var(--text-warning-soft)}.analytics-insight-metric-hard{color:var(--text-contrast-dark)}.analytics-insight-metric-warning{color:var(--text-warning)}.analytics-insight-metric-danger{color:var(--text-danger)}.analytics-insight-archetype{border-radius:1.1rem;border:1px solid color-mix(in srgb,var(--surface-border) 64%,transparent);padding:var(--space-4)}.analytics-insight-archetype-head{align-items:flex-start}.analytics-insight-archetype-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:1rem;background:var(--surface-panel-soft);color:var(--text-inverse)}.analytics-insight-theme-innocent{background:linear-gradient(135deg,color-mix(in srgb,var(--text-accent-soft) 18%,transparent),var(--surface-panel-muted))}.analytics-insight-theme-sage{background:linear-gradient(135deg,color-mix(in srgb,var(--text-info) 18%,transparent),var(--surface-panel-muted))}.analytics-insight-theme-explorer{background:linear-gradient(135deg,color-mix(in srgb,var(--text-warning-strong) 18%,transparent),var(--surface-panel-muted))}.analytics-insight-theme-outlaw{background:linear-gradient(135deg,color-mix(in srgb,var(--text-danger) 18%,transparent),var(--surface-panel-muted))}.analytics-insight-theme-magician{background:linear-gradient(135deg,color-mix(in srgb,var(--text-accent-soft) 18%,transparent),var(--surface-panel-muted))}.analytics-insight-theme-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--text-warm) 18%,transparent),var(--surface-panel-muted))}.analytics-insight-theme-lover{background:linear-gradient(135deg,color-mix(in srgb,var(--text-danger-soft) 18%,transparent),var(--surface-panel-muted))}.analytics-insight-theme-jester{background:linear-gradient(135deg,color-mix(in srgb,var(--text-warning) 18%,transparent),var(--surface-panel-muted))}.analytics-insight-theme-everyman{background:linear-gradient(135deg,color-mix(in srgb,var(--text-muted) 18%,transparent),var(--surface-panel-muted))}.analytics-insight-theme-caregiver{background:linear-gradient(135deg,color-mix(in srgb,var(--text-success) 18%,transparent),var(--surface-panel-muted))}.analytics-insight-theme-ruler{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 18%,transparent),var(--surface-panel-muted))}.analytics-insight-theme-creator{background:linear-gradient(135deg,color-mix(in srgb,var(--text-info-soft) 18%,transparent),var(--surface-panel-muted))}.analytics-insight-card-highlight{background:var(--shell-card-background)}.analytics-insight-weight-row{justify-content:flex-start;align-items:baseline;gap:var(--compact-gap-xs)}.analytics-insight-weight-value{color:var(--text-primary);font-size:1.85rem;font-weight:700;line-height:1}.analytics-insight-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-insight-code{color:var(--text-primary);font-size:.8rem;overflow-wrap:anywhere}.analytics-insight-code-sm{font-size:.72rem}.analytics-insight-icon-button{justify-content:center;width:1.8rem;height:1.8rem;padding:0}.analytics-insight-icon-success{color:var(--text-success)}.analytics-insight-icon-muted{color:var(--text-dim)}.analytics-insight-icon-warm{color:var(--text-warm)}.analytics-insight-icon-cool{color:var(--text-info)}.analytics-insight-icon-soft{color:var(--text-warning-soft)}.analytics-insight-icon-hard{color:var(--text-contrast-dark)}@media (max-width: 900px){.analytics-insight-stat-grid,.analytics-insight-inline-grid,.analytics-insight-data-grid{grid-template-columns:1fr}.analytics-insight-head,.analytics-insight-instruction-head,.analytics-insight-archetype-head{align-items:flex-start;flex-wrap:wrap}}.analytics-inline-stack-lg,.analytics-inline-stack-md,.analytics-inline-stack-sm,.analytics-value-chart,.analytics-value-chart-list,.analytics-mood-tags,.analytics-target-selector,.analytics-target-column,.analytics-target-pattern-list,.analytics-target-detail-copy,.analytics-vision,.analytics-vision-original-copy,.analytics-vision-card-copy,.analytics-ui-preview,.analytics-ui-preview-card,.analytics-composition,.analytics-composition-role-group,.analytics-composition-swatch-card{display:grid;gap:var(--space-3)}.analytics-inline-stack-lg{gap:var(--stack-gap-lg)}.analytics-inline-stack-md{gap:var(--space-4)}.analytics-inline-stack-sm{gap:var(--compact-gap-sm)}.analytics-inline-title-row,.analytics-inline-row,.analytics-inline-meta-wrap,.analytics-target-header,.analytics-target-option-row,.analytics-target-option-name,.analytics-target-detail-row,.analytics-vision-original,.analytics-vision-card-row,.analytics-vision-delta,.analytics-ui-preview-header,.analytics-ui-preview-dashboard-header,.analytics-ui-preview-legend,.analytics-ui-preview-legend-item,.analytics-composition-warning,.analytics-composition-description,.analytics-composition-role-row{display:flex;align-items:center;gap:var(--space-3)}.analytics-target-option-row,.analytics-target-option-name{justify-content:space-between;gap:var(--space-1)}.analytics-inline-title-row,.analytics-inline-row,.analytics-inline-meta-wrap,.analytics-target-header,.analytics-ui-preview-header,.analytics-ui-preview-dashboard-header{justify-content:space-between}.analytics-inline-row-start,.analytics-target-option-name,.analytics-target-detail-row,.analytics-vision-original,.analytics-vision-card-row,.analytics-ui-preview-legend-item,.analytics-composition-warning,.analytics-composition-description{align-items:center}.analytics-inline-row-tight{gap:var(--space-2)}.analytics-inline-row-gap-md{gap:var(--space-3)}.analytics-inline-stat-head{margin-bottom:var(--space-3);color:var(--text-dim);font-size:.72rem;line-height:var(--leading-meta)}.analytics-inline-emphasis{color:var(--text-primary);font-size:.9rem;font-weight:650}.analytics-inline-icon-muted{color:var(--text-dim)}.analytics-inline-flex-1{min-width:0;flex:1}.analytics-inline-title-tight{gap:var(--compact-gap-sm)}.analytics-inline-section-title{margin-bottom:var(--space-4);justify-content:flex-start;flex-wrap:wrap}.analytics-inline-section-note{margin-left:auto}.analytics-inline-section-copy{margin-bottom:var(--space-4)}.analytics-report-detail-intro{display:grid;gap:var(--compact-gap-xs);max-width:42rem}.analytics-report-detail-copy{margin:0;color:var(--text-secondary);font-size:.86rem;line-height:1.55}.analytics-report-detail-grid{display:grid;gap:var(--space-3)}.analytics-report-detail-panel,.analytics-report-detail-stack,.analytics-report-detail-support{display:grid;gap:var(--space-2)}.analytics-report-detail-panel-primary{align-self:start}.analytics-inline-swatch-mini{width:1.5rem;height:1.5rem;border-radius:.55rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent)}.analytics-inline-meta-wrap{flex-wrap:wrap;color:var(--text-dim);font-size:.72rem;line-height:var(--leading-meta)}.analytics-inline-copy-icon{color:var(--text-dim);opacity:0;transition:opacity .18s ease}.analytics-harmony-token:hover .analytics-inline-copy-icon,.analytics-harmony-token:focus-visible .analytics-inline-copy-icon{opacity:1}.analytics-harmony-dot-more{justify-content:center;background:var(--surface-tint-subtle);color:var(--text-inverse);font-size:.62rem}.analytics-value-chart-title,.analytics-mood-tags-title,.analytics-composition-label{margin-bottom:0}.analytics-value-chart-list{gap:var(--compact-gap-sm)}.analytics-value-chart-row{display:flex;align-items:center;gap:var(--space-3)}.analytics-value-chart-label{width:3rem;color:var(--text-dim);font-size:.68rem;text-align:right;line-height:var(--leading-meta)}.analytics-value-chart-track{position:relative;flex:1;height:1.5rem;overflow:hidden;border-radius:.75rem;background:var(--surface-progress-track)}.analytics-value-chart-fill{height:100%;transition:width .22s ease}.analytics-value-chart-fill-0{background:var(--text-inverse)}.analytics-value-chart-fill-1{background:var(--text-contrast-dark)}.analytics-value-chart-fill-2{background:var(--text-dim)}.analytics-value-chart-fill-3{background:var(--text-muted)}.analytics-value-chart-fill-4{background:color-mix(in srgb,var(--text-inverse) 8%,white)}.analytics-value-chart-percentage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.68rem;font-weight:650}.analytics-value-chart-count{width:2rem;color:var(--text-subtle);font-size:.7rem;text-align:right}.analytics-value-chart-summary{display:grid;gap:var(--compact-gap-xs);padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--surface-border) 60%,transparent)}.analytics-value-chart-summary-value{color:var(--text-primary);font-size:.96rem;font-weight:700}.analytics-value-chart-summary-label,.analytics-mood-tags-count{color:var(--text-dim);font-size:.72rem;line-height:var(--leading-meta)}.analytics-mood-tags-empty{font-style:italic}.analytics-mood-tag{color:var(--text-secondary)}.analytics-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.analytics-target-column,.analytics-target-pattern-list{gap:var(--compact-gap-sm);grid-template-rows:max-content .5fr}.analytics-target-quadrant{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.analytics-target-quadrant-soft-warm{color:var(--text-warning-strong)}.analytics-target-quadrant-soft-cool{color:var(--text-info-soft)}.analytics-target-quadrant-hard-warm{color:var(--text-warm)}.analytics-target-quadrant-hard-cool{color:var(--text-contrast-dark)}.analytics-target-option{width:100%;border-radius:.78rem;border:1px solid color-mix(in srgb,var(--surface-border) 64%,transparent);background:var(--surface-panel-soft);padding:var(--space-2) var(--compact-gap-md);color:var(--text-secondary);text-align:left;transition:border-color .18s ease,background-color .18s ease,transform .18s ease;padding:var(--space-1);border-radius:var(--radius-sm)}.analytics-target-option:hover,.analytics-target-option:focus-visible{border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-panel-hover);color:var(--text-primary);transform:translateY(-1px);outline:none}.analytics-target-option-selected{border-color:color-mix(in srgb,var(--accent-color) 34%,transparent);background:var(--surface-accent-active);color:var(--text-inverse);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-color) 16%,transparent)}.analytics-target-option-current{border-color:color-mix(in srgb,var(--surface-success-strong) 72%,transparent);background:var(--surface-success-soft);color:var(--text-success);cursor:not-allowed;opacity:.8}.analytics-target-option-dot,.analytics-target-detail-dot{border-radius:999px;flex-shrink:0}.analytics-target-option-dot{width:.65rem;height:.65rem}.analytics-target-detail-dot{width:.9rem;height:.9rem;margin-top:var(--compact-gap-xs)}.analytics-target-option-label,.analytics-target-detail-title{overflow:hidden;color:var(--text-primary);font-weight:650;text-overflow:ellipsis;white-space:nowrap;font-size:.625rem}.analytics-target-current-badge{display:inline-flex;align-items:center;min-height:1.1rem;border-radius:999px;background:var(--surface-badge-success);padding:var(--compact-gap-xs) var(--compact-gap-sm);color:var(--text-success);font-size:.56rem;font-weight:700;letter-spacing:.04em}.analytics-target-detail{border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 64%,transparent);background:var(--surface-panel-soft);padding:var(--panel-pad-sm) var(--panel-pad-md)}.analytics-target-detail-description{margin-top:var(--space-1)}.analytics-target-keyword{min-height:1.55rem;padding-inline:var(--space-2);color:var(--text-secondary)}.analytics-vision{gap:var(--space-4)}.analytics-vision-head{display:grid;gap:var(--space-3)}.analytics-vision-head-copy{display:grid;gap:var(--compact-gap-xs)}.analytics-vision-empty{padding:var(--panel-pad-md)}.analytics-vision-original{padding:var(--panel-pad-sm) var(--panel-pad-md);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 64%,transparent);background:var(--surface-panel-soft)}.analytics-vision-original-swatch,.analytics-vision-swatch{border-radius:.9rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent)}.analytics-vision-original-swatch{width:4rem;height:4rem;flex-shrink:0}.analytics-vision-grid{display:grid;gap:var(--space-3)}.analytics-vision-grid-compact,.analytics-vision-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-vision-card{display:grid;gap:var(--compact-gap-sm);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 64%,transparent);background:var(--surface-panel-muted);padding:calc(var(--space-3) + var(--compact-gap-xs)) var(--panel-pad-sm)}.analytics-vision-card-row-top{align-items:flex-start}.analytics-vision-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--compact-gap-sm)}.analytics-vision-swatch{width:3rem;height:3rem;flex-shrink:0}.analytics-vision-swatch-compact{width:2.5rem;height:2.5rem}.analytics-vision-card-copy{min-width:0;flex:1}.analytics-vision-label{font-size:.82rem}.analytics-vision-description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-vision-delta{gap:var(--compact-gap-xs);align-items:baseline}.analytics-vision-severity{display:block;font-size:.62rem}.analytics-vision-comparison{display:flex;gap:var(--space-1);height:.5rem;overflow:hidden;border-radius:999px}.analytics-vision-comparison-swatch{flex:1}.analytics-vision-legend{display:flex;flex-wrap:wrap;gap:calc(var(--space-3) + var(--space-1));color:var(--text-dim);font-size:.68rem;line-height:var(--leading-meta)}.analytics-ui-preview{--analytics-ui-preview-accent: var(--accent-color);--analytics-ui-preview-button-text: var(--text-inverse);--analytics-ui-preview-info: var(--text-info);--analytics-ui-preview-success: var(--text-success);--analytics-ui-preview-warning: var(--text-warning);--analytics-ui-preview-error: var(--text-danger);--analytics-ui-preview-surface: var(--surface-panel);--analytics-ui-preview-surface-title: var(--text-primary);--analytics-ui-preview-surface-copy: var(--text-muted);gap:var(--space-4)}.analytics-ui-preview-grid{display:grid;gap:calc(var(--space-3) + var(--compact-gap-xs))}.analytics-ui-preview-card,.analytics-ui-preview-dashboard{border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 64%,transparent)}.analytics-ui-preview-card{padding:var(--panel-pad-sm) var(--panel-pad-md);background:var(--surface-panel-soft)}.analytics-ui-preview-stage{position:relative;min-height:3.4rem}.analytics-ui-preview-stage-inline{display:inline-flex;align-items:center}.analytics-ui-preview-badge{position:absolute;top:-.35rem;right:-.35rem;display:inline-flex;align-items:center;gap:var(--space-1);border-radius:.55rem;padding:var(--compact-gap-xs) var(--compact-gap-sm);color:var(--text-inverse);font-size:.56rem;font-weight:700}.analytics-ui-preview-badge-pass{background:var(--surface-badge-success-solid)}.analytics-ui-preview-badge-fail{background:var(--surface-danger-strong)}.analytics-ui-preview-button{border-radius:.8rem;padding:var(--compact-gap-md) calc(var(--space-3) + var(--space-1));border:0;background:var(--analytics-ui-preview-accent);color:var(--analytics-ui-preview-button-text);font-size:.82rem;font-weight:650;box-shadow:var(--shadow-control-hover)}.analytics-ui-preview-alert,.analytics-ui-preview-dashboard-button,.analytics-ui-preview-dashboard-chip{display:inline-flex;align-items:center;justify-content:center}.analytics-ui-preview-alert{gap:var(--space-2);border-radius:.8rem;padding:var(--compact-gap-md) calc(var(--space-3) + var(--compact-gap-xs));font-size:.76rem;color:var(--text-inverse)}.analytics-ui-preview-alert-info{background:var(--analytics-ui-preview-info)}.analytics-ui-preview-surface-card{border-radius:.8rem;padding:calc(var(--space-3) + var(--compact-gap-xs));border:1px solid color-mix(in srgb,var(--surface-border) 36%,transparent);background:var(--analytics-ui-preview-surface)}.analytics-ui-preview-surface-title{color:var(--analytics-ui-preview-surface-title);font-size:.82rem;font-weight:650}.analytics-ui-preview-surface-copy{margin-top:var(--space-1);color:var(--analytics-ui-preview-surface-copy);font-size:.7rem;line-height:1.45}.analytics-ui-preview-combined{display:grid;gap:var(--compact-gap-sm);padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,var(--surface-border) 60%,transparent)}.analytics-ui-preview-dashboard{display:grid;gap:calc(var(--space-3) + var(--compact-gap-xs));padding:var(--panel-pad-md);background:var(--analytics-ui-preview-surface)}.analytics-ui-preview-dashboard-title{margin:0;color:var(--analytics-ui-preview-surface-title);font-size:.84rem;font-weight:700}.analytics-ui-preview-dashboard-button{border-radius:.7rem;border:0;background:var(--analytics-ui-preview-accent);color:var(--analytics-ui-preview-button-text);padding:var(--compact-gap-sm) var(--space-3);font-size:.68rem;font-weight:650}.analytics-ui-preview-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.analytics-ui-preview-dashboard-chip{border-radius:.75rem;padding:var(--compact-gap-md);text-align:center;color:var(--text-inverse)}.analytics-ui-preview-dashboard-chip-success{background:var(--analytics-ui-preview-success)}.analytics-ui-preview-dashboard-chip-warning{background:var(--analytics-ui-preview-warning)}.analytics-ui-preview-dashboard-chip-error{background:var(--analytics-ui-preview-error)}.analytics-ui-preview-dashboard-chip-info{background:var(--analytics-ui-preview-info)}.analytics-ui-preview-dashboard-chip-label{font-size:.68rem;font-weight:650}.analytics-ui-preview-legend{color:var(--text-dim);font-size:.68rem;line-height:var(--leading-meta)}.analytics-composition{gap:var(--space-4)}.analytics-composition-role-row{align-items:stretch}.analytics-composition-role{flex:1;border-radius:.95rem;border:1px solid color-mix(in srgb,var(--surface-border) 64%,transparent);background:var(--surface-panel-soft);padding:var(--space-3) calc(var(--space-3) + var(--compact-gap-xs));color:var(--text-secondary);transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.analytics-composition-role:hover,.analytics-composition-role:focus-visible{border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-panel-hover);color:var(--text-primary);transform:translateY(-1px);outline:none}.analytics-composition-role-active{border-color:color-mix(in srgb,var(--accent-color) 34%,transparent);background:var(--surface-accent-active);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-color) 16%,transparent);color:var(--text-inverse)}.analytics-composition-role-percent{font-size:.9rem;font-weight:750}.analytics-composition-role-name{margin-top:var(--space-1);font-size:.66rem;opacity:.84}.analytics-composition-warning,.analytics-composition-description{padding:calc(var(--space-3) + var(--space-1)) var(--space-4)}.analytics-composition-warning-copy{color:var(--text-warning-soft)}.analytics-composition-warning-icon,.analytics-composition-info-icon{margin-top:var(--compact-gap-xs);flex-shrink:0}.analytics-composition-preview{overflow:hidden;border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 64%,transparent);box-shadow:var(--shadow-overlay-md)}.analytics-composition-svg{display:block;width:100%;height:auto}.analytics-composition-swatch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.analytics-composition-swatch-card{justify-items:center;gap:var(--compact-gap-sm);text-align:center}.analytics-composition-swatch{width:100%;height:3rem;border-radius:.85rem;margin-bottom:var(--compact-gap-xs);box-shadow:var(--shadow-support-swatch)}.analytics-composition-swatch-percent{color:var(--text-primary);font-size:.72rem;font-weight:750}.analytics-composition-swatch-code{color:var(--text-secondary)}.analytics-composition-copy{width:100%;justify-content:center;padding:var(--space-3) var(--space-4);font-size:.82rem}.analytics-composition-copy-success{border-color:color-mix(in srgb,var(--surface-success-strong) 72%,transparent);background:var(--surface-success-soft)}@media (max-width: 900px){.analytics-ui-preview-dashboard-grid,.analytics-composition-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 900px){.analytics-target-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-vision-grid-full,.analytics-ui-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.analytics-role-suitability{display:grid;gap:var(--compact-gap-sm);width:100%}.analytics-role-suitability-row{display:flex;align-items:center;gap:var(--compact-gap-md);padding:var(--space-2) var(--compact-gap-md);border-radius:.9rem;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}.analytics-role-suitability-row:hover{background:var(--surface-panel-soft)}.analytics-role-suitability-row-active{background:var(--surface-accent-active);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-color) 18%,transparent)}.analytics-role-suitability-icon,.analytics-role-suitability-status{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.analytics-role-suitability-icon{width:1.25rem;color:var(--text-dim)}.analytics-role-suitability-icon-active{color:color-mix(in srgb,var(--accent-color) 78%,white 10%)}.analytics-role-suitability-icon-background{color:var(--text-contrast-dark)}.analytics-role-suitability-icon-surface{color:var(--text-info)}.analytics-role-suitability-icon-border{color:var(--text-accent-soft)}.analytics-role-suitability-icon-text{color:var(--text-success)}.analytics-role-suitability-icon-accent{color:color-mix(in srgb,var(--text-danger-soft) 70%,white 30%)}.analytics-role-suitability-label-wrap{display:flex;align-items:center;gap:var(--compact-gap-sm);min-width:4rem;width:5rem;flex-shrink:0}.analytics-role-suitability-label{overflow:hidden;color:var(--text-secondary);font-size:.7rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.analytics-role-suitability-label-active{color:#fff}.analytics-role-suitability-badge{display:inline-flex;align-items:center;min-height:1rem;border-radius:999px;background:var(--surface-badge-accent);padding:var(--compact-gap-xs) var(--compact-gap-sm);color:var(--text-accent-soft);font-size:.52rem;font-weight:700;letter-spacing:.04em}.analytics-role-suitability-progress{flex:1;height:.45rem;overflow:hidden;border-radius:999px;background:var(--surface-progress-track)}.analytics-role-suitability-progress-fill{height:100%;border-radius:inherit;transition:width .22s ease}.analytics-role-suitability-progress-success{background:linear-gradient(90deg,var(--text-positive),var(--text-success-strong))}.analytics-role-suitability-progress-warning{background:linear-gradient(90deg,var(--text-warning),var(--text-warning-strong))}.analytics-role-suitability-progress-danger{background:linear-gradient(90deg,var(--text-danger),color-mix(in srgb,var(--text-danger) 82%,var(--text-danger-strong)))}.analytics-role-suitability-score{width:2.4rem;flex-shrink:0;color:var(--text-dim);font-family:var(--font-family-mono);font-size:.66rem;font-variant-numeric:tabular-nums slashed-zero;text-align:right}.analytics-role-suitability-status{width:1.1rem}.analytics-role-suitability-status-success{color:var(--text-success)}.analytics-role-suitability-status-warning{color:var(--text-warning-soft)}.analytics-role-suitability-status-danger{color:var(--text-danger-soft)}.analytics-temperature-meter{display:grid;gap:var(--space-3);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);padding:var(--panel-pad-md)}.analytics-temperature-title{margin:0;color:var(--text-secondary);font-size:.82rem;font-weight:650}.analytics-temperature-track{position:relative;height:2rem;overflow:hidden;border-radius:999px}.analytics-temperature-indicator{position:absolute;top:0;bottom:0;width:.25rem;background:var(--text-inverse);box-shadow:0 0 14px color-mix(in srgb,var(--text-inverse) 28%,transparent)}.analytics-temperature-indicator-dot{position:absolute;top:-.25rem;left:-.25rem;width:.75rem;height:.75rem;border-radius:999px;background:var(--text-inverse);box-shadow:0 0 12px color-mix(in srgb,var(--text-inverse) 26%,transparent)}.analytics-temperature-scale{display:flex;justify-content:space-between;color:var(--text-dim);font-size:.72rem}.analytics-kobayashi-scale{background:var(--surface-panel-soft)}.analytics-kobayashi-scale-default{aspect-ratio:1/1}.analytics-kobayashi-scale-compact{aspect-ratio:1.58/1}.analytics-kobayashi-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--compact-gap-xs);margin-top:var(--space-2)}.analytics-kobayashi-legend-item{display:flex;align-items:center;gap:var(--compact-gap-xs);padding:var(--compact-gap-xs) var(--compact-gap-sm);border-radius:var(--radius-sm)}.analytics-kobayashi-legend-item-active{background:var(--surface-panel-muted)}.analytics-kobayashi-legend-dot{width:.5rem;height:.5rem;border-radius:999px}.analytics-kobayashi-legend-label{color:var(--text-dim);font-size:.5rem;line-height:1.2}.analytics-kobayashi-legend-label-active{color:var(--text-primary)}.analytics-temperature-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.analytics-temperature-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.analytics-temperature-label{color:var(--text-secondary);font-size:.82rem;font-weight:650}.analytics-semantic-theme{gap:var(--space-4)}.analytics-semantic-theme-header,.analytics-semantic-theme-card-head,.analytics-semantic-theme-name,.analytics-semantic-theme-copy,.analytics-semantic-theme-contrast,.analytics-semantic-theme-contrast-item,.analytics-role-progress-meta,.analytics-role-progress-meta-main,.analytics-role-progress-confidence{display:flex;align-items:center}.analytics-semantic-theme-grid{display:grid;gap:var(--stack-gap-sm);grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-semantic-theme-card{display:grid;gap:var(--stack-gap-sm);border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);padding:var(--panel-pad-sm)}.analytics-semantic-theme-tone-success{background:var(--surface-success-soft)}.analytics-semantic-theme-tone-warning{background:var(--surface-warning-soft)}.analytics-semantic-theme-tone-danger{background:color-mix(in srgb,var(--surface-danger-soft) 44%,transparent)}.analytics-semantic-theme-tone-accent{background:var(--surface-info-soft)}.analytics-semantic-theme-swatch{width:var(--size-preview-swatch-sm);height:var(--size-preview-swatch-sm);border-radius:var(--radius-control-compact);border:1px solid color-mix(in srgb,var(--surface-border) 24%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 6%,transparent)}.analytics-semantic-theme-name{gap:var(--compact-gap-sm);color:var(--text-primary);font-size:var(--type-caption-size);font-weight:650}.analytics-semantic-theme-copy{gap:var(--compact-gap-xs);color:var(--text-muted);font-size:var(--type-label-size);transition:color .18s ease}.analytics-semantic-theme-copy:hover,.analytics-semantic-theme-copy:focus-visible{color:var(--text-primary);outline:none}.analytics-semantic-theme-contrast{gap:var(--compact-gap-md);font-size:var(--type-badge-size)}.analytics-semantic-theme-contrast-item{gap:var(--compact-gap-xs)}.analytics-semantic-theme-dot{width:var(--type-label-size);height:var(--type-label-size);border-radius:var(--space-micro-0_5);border:1px solid color-mix(in srgb,var(--surface-border) 24%,transparent)}.analytics-semantic-theme-dot-light{background:#fff}.analytics-semantic-theme-dot-dark{background:#000}.analytics-semantic-theme-badge-success{background:var(--surface-badge-success);color:var(--text-success)}.analytics-semantic-theme-badge-positive{background:var(--surface-badge-positive);color:var(--text-positive)}.analytics-semantic-theme-badge-warning{background:var(--surface-badge-warning);color:var(--text-warning-soft)}.analytics-semantic-theme-badge-danger{background:var(--surface-badge-danger);color:var(--text-danger-soft)}.analytics-semantic-theme-footer{margin-top:var(--compact-gap-xs)}.analytics-role-progress{display:grid;gap:var(--compact-gap-sm)}.analytics-role-progress-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.analytics-role-progress-head-main{display:grid;gap:var(--compact-gap-xs);min-width:0}.analytics-role-progress-lead{margin:0;color:var(--text-muted);font-size:.78rem;line-height:1.5}.analytics-role-progress-bar{position:relative;height:var(--size-control-button-sm);overflow:hidden;border-radius:var(--radius-control-soft);background:var(--surface-field-deep)}.analytics-role-progress-zone{position:absolute;top:0;bottom:0;background-color:transparent;opacity:.1;transition:opacity .18s ease}.analytics-role-progress-zone-active{z-index:10;background-color:var(--analytics-role-zone-color);opacity:.25}.analytics-role-progress-zone-text{--analytics-role-zone-color: color-mix(in srgb, var(--text-secondary) 70%, transparent)}.analytics-role-progress-zone-surface{--analytics-role-zone-color: color-mix(in srgb, var(--surface-accent-active) 70%, transparent)}.analytics-role-progress-zone-background{--analytics-role-zone-color: color-mix(in srgb, var(--surface-panel-soft) 70%, transparent)}.analytics-role-progress-divider{position:absolute;left:0;top:0;bottom:0;width:var(--size-focus-rail-width);background:var(--surface-progress-track)}.analytics-role-progress-labels{position:absolute;top:0;right:0;bottom:0;left:0}.analytics-role-progress-label-slot{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center}.analytics-role-progress-label{color:var(--text-dim);font-size:var(--type-badge-size);font-weight:650;line-height:1}.analytics-role-progress-label-active{color:var(--text-primary)}.analytics-role-progress-marker{position:absolute;top:0;bottom:0;z-index:20;width:var(--size-focus-rail-width);background:var(--color-white);box-shadow:0 0 12px #ffffff3d;transition:left .18s ease}.analytics-role-progress-handle{position:absolute;left:50%;width:var(--size-status-dot);height:var(--size-status-dot);transform:translate(-50%);border-radius:999px;background:var(--color-white);box-shadow:0 0 10px #ffffff38}.analytics-role-progress-handle-top{top:-.18rem}.analytics-role-progress-handle-bottom{bottom:-.18rem}.analytics-role-progress-meta,.analytics-role-progress-meta-main{justify-content:space-between;gap:var(--compact-gap-md)}.analytics-role-progress-role{color:var(--text-primary);font-size:.95rem;font-weight:700}.analytics-role-progress-confidence-pill{display:inline-flex;align-items:center;border-radius:999px;background:var(--surface-badge-muted);padding:var(--space-1) var(--space-2);color:var(--text-secondary);font-size:var(--type-meta-size);font-weight:700}.analytics-role-progress-meta-role{color:var(--text-secondary);font-size:var(--type-badge-size);font-weight:650}.analytics-role-progress-confidence{gap:var(--compact-gap-xs)}.analytics-role-progress-confidence-track{width:3rem;height:var(--space-1);overflow:hidden;border-radius:999px;background:var(--surface-progress-track)}.analytics-role-progress-confidence-fill{height:100%;border-radius:999px;background:var(--surface-progress-fill)}.analytics-role-progress-description{margin:0}.analytics-page-shell{gap:var(--gap-page-section)}.analytics-detail-shell{display:grid;gap:var(--space-3)}.analytics-selection-panel,.analytics-palette-context,.analytics-report-shell{border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--surface-border-strong) 76%,transparent);background:var(--surface-panel-soft);box-shadow:var(--shadow-float-sm)}.analytics-selection-panel,.analytics-palette-context{display:grid;gap:var(--space-3);padding:var(--space-3)}.analytics-palette-context{gap:var(--compact-gap-md);border-radius:var(--radius-panel);box-shadow:none;padding:var(--space-2)}.analytics-compact-report{display:grid;gap:var(--compact-gap-sm);position:relative;border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:color-mix(in srgb,var(--surface-overlay-panel-strong) 84%,transparent);padding:var(--compact-gap-sm)}.analytics-compact-report-header{display:flex;align-items:center;justify-content:space-between;gap:var(--compact-gap-sm)}.analytics-compact-report-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--compact-gap-sm);align-items:start}.analytics-compact-report-copy{display:grid;gap:var(--space-2);min-width:0}.analytics-compact-report-swatch{width:3.2rem;height:3.2rem;border-radius:1rem;border:1px solid color-mix(in srgb,white 16%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 12%,transparent)}.analytics-compact-report-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--compact-gap-sm)}.analytics-compact-report-title{margin:0;color:var(--text-primary);font-size:1.16rem;font-weight:760;line-height:1.1}.analytics-compact-report-hex{display:inline-flex;align-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:color-mix(in srgb,var(--surface-field-base) 82%,transparent);padding:var(--compact-chip-pad-y) var(--compact-chip-pad-x);color:var(--text-primary);font-family:var(--font-family-mono);font-size:.72rem;font-weight:720;line-height:var(--leading-mono-compact)}.analytics-compact-report-role{--analytics-role-accent: var(--accent-color);display:grid;gap:var(--compact-gap-xs)}.analytics-compact-report-role-status{margin-top:.1rem}.analytics-compact-report-role-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--compact-gap-sm)}.analytics-compact-report-role-label,.analytics-compact-report-role-confidence{color:var(--text-dim);font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.analytics-compact-report-role-value{min-width:0;color:var(--text-primary);font-size:.8rem;font-weight:760;line-height:1.2}.analytics-compact-report-role-track{position:relative;overflow:hidden;height:.5rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 56%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--analytics-role-accent) 24%,transparent),color-mix(in srgb,var(--surface-progress-track) 84%,transparent))}.analytics-compact-report-role-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--analytics-role-accent) 88%,white 4%),color-mix(in srgb,var(--analytics-role-accent) 64%,white 18%))}.analytics-chip.analytics-compact-report-wcag-chip{display:inline-flex;flex-direction:row;align-items:center;align-self:start;gap:var(--compact-gap-xs);min-width:0;width:-moz-fit-content;width:fit-content;max-width:100%;padding:.22rem .42rem;border-radius:999px;font-size:.61rem;font-weight:700;line-height:1}.analytics-compact-report-wcag-chip-label{color:inherit;opacity:.82;font-size:.52rem;letter-spacing:.05em;text-transform:uppercase}.analytics-compact-report-wcag-chip-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-compact-report-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--compact-gap-sm)}.analytics-compact-report-badge{display:grid;gap:.28rem;align-items:start;justify-content:flex-start;min-width:0;padding:var(--compact-gap-sm)}.analytics-compact-report-badge-head{display:inline-flex;align-items:center;gap:var(--compact-gap-xs);min-width:0}.analytics-compact-report-share{flex-shrink:0}.analytics-compact-report-badge-label{color:var(--text-dim);font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.analytics-compact-report-badge-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:.7rem;font-weight:760;line-height:1.3}.analytics-compact-report-badge-temperature{align-items:stretch}.analytics-compact-report-badge-temperature .analytics-compact-report-badge-head{margin-bottom:0}.analytics-compact-report-temperature-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--compact-gap-sm);min-width:0}.analytics-compact-report-temperature-value{display:inline-flex;align-items:center;min-width:0;color:var(--text-primary)}.analytics-compact-report-temperature-meter{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.2rem;min-width:0}.analytics-compact-report-temperature-edge{display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;line-height:1;filter:saturate(1.05)}.analytics-compact-report-temperature-track{position:relative;min-width:4.4rem;height:.52rem;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--text-info) 82%,white 8%),color-mix(in srgb,var(--text-accent-soft) 74%,white 8%),color-mix(in srgb,var(--text-danger-soft) 84%,white 8%));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-border) 42%,transparent)}.analytics-compact-report-temperature-marker{position:absolute;top:50%;width:.72rem;height:.72rem;border-radius:999px;border:2px solid white;background:color-mix(in srgb,var(--surface-panel) 52%,black);box-shadow:0 0 0 1px color-mix(in srgb,black 40%,transparent),0 1px 4px color-mix(in srgb,black 35%,transparent);transform:translate(-50%,-50%)}.analytics-compact-report-kobayashi{display:grid;gap:var(--compact-gap-xs);border-radius:.95rem;border:1px solid color-mix(in srgb,var(--surface-border) 56%,transparent);background:color-mix(in srgb,var(--surface-panel-soft) 74%,transparent);padding:var(--compact-gap-sm)}.analytics-compact-report-kobayashi-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--compact-gap-sm)}.analytics-compact-report-kobayashi-value{color:var(--text-primary);font-size:.72rem;font-weight:720}.analytics-compact-report-kobayashi-body{display:grid;gap:var(--compact-gap-xs)}.analytics-compact-report-kobayashi .analytics-kobayashi-scale{max-width:100%}.analytics-compact-report-kobayashi .analytics-kobayashi-scale-compact{aspect-ratio:1.82/1;max-height:11.5rem}.analytics-compact-report-kobayashi-axis{display:flex;justify-content:space-between;color:var(--text-subtle);font-size:.56rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.analytics-compact-report-kobayashi .analytics-kobayashi-pattern-label{fill:#fffffff5;font-size:2.7px;font-weight:650;letter-spacing:.01em;paint-order:stroke;stroke:color-mix(in srgb,var(--surface-panel) 88%,black);stroke-width:.8;stroke-linejoin:round}.analytics-compact-report-kobayashi .analytics-kobayashi-axis-label{paint-order:stroke;stroke:color-mix(in srgb,var(--surface-panel) 72%,black);stroke-width:.55;stroke-linejoin:round;font-size:3.25px}.analytics-compact-report-kobayashi .analytics-kobayashi-legend{display:none}.analytics-selection-context{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3);border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 84%,transparent);padding:var(--space-3) var(--panel-pad-sm)}.analytics-selection-context-copy{display:grid;gap:var(--compact-gap-sm);min-width:0;max-width:44rem}.analytics-selection-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.analytics-selection-header-copy{display:grid;gap:var(--space-2);max-width:52rem}.analytics-palette-rail-head,.analytics-palette-rail-title,.analytics-palette-rail-active-chip,.analytics-palette-rail-active-row,.analytics-palette-rail-status{display:flex;align-items:center}.analytics-palette-rail-head{justify-content:space-between;gap:var(--compact-gap-sm)}.analytics-palette-rail-title{gap:var(--compact-gap-xs);min-width:0}.analytics-palette-rail-meta{gap:var(--compact-gap-xs);justify-content:flex-end}.analytics-palette-rail-active{display:grid;gap:var(--compact-gap-sm)}.analytics-palette-rail-active-chip{gap:var(--compact-gap-sm);min-width:0;padding:var(--compact-gap-sm) var(--compact-pad-x);border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--accent-color) 24%,transparent);background:color-mix(in srgb,var(--accent-color) 8%,var(--surface-panel-muted))}.analytics-palette-rail-active-swatch{width:1.4rem;height:1.4rem;flex-shrink:0;border-radius:.45rem;border:1px solid color-mix(in srgb,white 14%,transparent)}.analytics-palette-rail-active-copy{display:grid;gap:.1rem;min-width:0}.analytics-palette-rail-active-row{gap:var(--compact-gap-xs);min-width:0}.analytics-palette-rail-active-note{overflow:hidden;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap}.analytics-palette-rail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(2rem,1fr));gap:var(--compact-gap-xs)}.analytics-palette-rail-swatch{position:relative;width:100%;min-height:2rem;padding:0;border-radius:.7rem;border:1px solid color-mix(in srgb,var(--surface-border) 66%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 84%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.analytics-palette-rail-swatch:hover,.analytics-palette-rail-swatch:focus-visible{outline:none;transform:translateY(-1px);border-color:color-mix(in srgb,var(--surface-border-strong) 74%,transparent);background:color-mix(in srgb,var(--surface-panel-hover) 78%,transparent)}.analytics-palette-rail-swatch-selected{border-color:color-mix(in srgb,var(--accent-color) 38%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 18%,transparent),0 0 0 1px color-mix(in srgb,var(--accent-color) 20%,transparent)}.analytics-palette-rail-swatch-recommended:not(.analytics-palette-rail-swatch-selected){border-color:color-mix(in srgb,var(--text-info-soft) 28%,var(--surface-border) 72%)}.analytics-palette-rail-swatch-fill{display:block;width:100%;height:100%;min-height:2rem;border-radius:inherit}.analytics-palette-rail-swatch-badge{position:absolute;top:.22rem;right:.22rem;display:inline-flex;align-items:center;justify-content:center;width:.9rem;height:.9rem;border-radius:999px;background:color-mix(in srgb,var(--surface-overlay-panel-strong) 92%,black);color:var(--text-inverse);font-size:.52rem;font-weight:800;line-height:1}.analytics-palette-rail-swatch-badge-active{background:color-mix(in srgb,var(--accent-color) 80%,black 10%)}.analytics-palette-rail-status{gap:var(--compact-gap-sm);align-items:flex-start;padding-top:var(--compact-gap-sm);border-top:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent)}.analytics-palette-rail-status-copy{margin:0;color:var(--text-muted);font-size:.74rem;line-height:1.4}.analytics-overview-path{display:flex;flex-wrap:wrap;gap:var(--compact-gap-sm);padding-top:var(--compact-gap-xs)}.analytics-selection-note{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:var(--surface-panel-muted);padding:var(--space-2) calc(var(--space-3) + var(--compact-gap-xs));color:var(--text-secondary);font-size:.74rem;font-weight:650;line-height:var(--leading-utility)}.analytics-selection-note-accent{border-color:color-mix(in srgb,var(--accent-color) 28%,color-mix(in srgb,var(--surface-border) 20%,transparent));background:color-mix(in srgb,var(--accent-color) 12%,var(--surface-panel-muted));color:#fff}.analytics-overview-grid,.analytics-color-grid,.analytics-quick-grid,.analytics-dual-grid,.analytics-nav-list,.analytics-report-main,.analytics-inline-panel,.analytics-overview-card,.analytics-advisor-card,.analytics-smart-palette-body,.analytics-smart-neutral,.analytics-suggestion-list,.analytics-empty-state,.analytics-harmony-body{display:grid;gap:var(--space-4)}.analytics-overview-grid{grid-template-columns:1fr;align-items:start}.analytics-overview-card-main{min-height:100%}.analytics-overview-side{display:grid;gap:var(--space-4)}.analytics-overview-priority{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.analytics-overview-priority-card{display:grid;gap:var(--space-3);border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);padding:var(--space-4)}.analytics-overview-priority-card-selected{border-color:color-mix(in srgb,var(--accent-color) 28%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:color-mix(in srgb,var(--accent-color) 8%,var(--surface-panel-soft))}.analytics-overview-priority-body{display:flex;align-items:flex-start;gap:var(--space-2)}.analytics-overview-priority-copy{display:grid;gap:var(--compact-gap-sm);min-width:0}.analytics-overview-priority-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--compact-gap-sm)}.analytics-overview-priority-swatch{width:4rem;height:4rem;flex-shrink:0}.analytics-overview-priority-note{margin:0;max-width:none}@media (min-width: 1024px){.analytics-palette-context-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}.analytics-palette-context-summary-line{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}.analytics-palette-context-watchlist-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}.analytics-overview-card,.analytics-color-card,.analytics-quick-card,.analytics-section-card,.analytics-inline-panel,.analytics-smart-palette,.analytics-harmony-row,.analytics-advisor-card,.analytics-empty-state{border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent)}.analytics-overview-card,.analytics-color-card,.analytics-quick-card,.analytics-section-card,.analytics-inline-panel,.analytics-advisor-card,.analytics-empty-state{padding:var(--space-3)}.analytics-overview-card{display:grid;gap:var(--space-4);align-content:start;align-self:start;grid-auto-rows:min-content;min-height:100%}.analytics-overview-heading{display:inline-flex;align-items:center;gap:var(--compact-gap-md);color:var(--text-primary)}.analytics-overview-body{display:grid;align-content:start}.analytics-overview-stack{gap:calc(var(--space-3) + var(--space-1))}.analytics-overview-stack-compact{gap:calc(var(--space-3) + var(--compact-gap-xs))}.analytics-overview-issue-tile{display:grid;gap:var(--compact-gap-sm);align-content:start;border-radius:1.1rem;border:1px solid currentColor;padding:var(--space-4) var(--space-4);box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent)}.analytics-overview-issue,.analytics-overview-action{gap:var(--compact-gap-sm);align-content:start}.analytics-kicker{margin:0;color:var(--text-muted);font-size:.72rem;font-weight:650;letter-spacing:.16em;line-height:var(--leading-utility);text-transform:uppercase}.analytics-panel-title{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:650;line-height:1.35}.analytics-panel-copy{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.6}.analytics-stat-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--text-secondary);font-size:.86rem}.analytics-chip-row,.analytics-meta-row,.analytics-action-row{display:flex;flex-wrap:wrap;gap:var(--compact-gap-sm)}.analytics-chip,.analytics-meta-chip{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-muted);padding:var(--space-2);color:var(--text-secondary);font-size:.72rem;font-weight:650;line-height:var(--leading-utility)}.analytics-chip{display:flex;flex-direction:column;align-items:flex-start;border-radius:var(--radius-sm)}.analytics-chip-accent{border-color:color-mix(in srgb,var(--accent-color) 28%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:color-mix(in srgb,var(--accent-color) 12%,var(--surface-panel-muted));color:#fff}.analytics-chip-success{border-color:color-mix(in srgb,var(--surface-success-strong) 36%,transparent);background:var(--surface-success-soft);color:color-mix(in srgb,var(--text-success) 24%,white)}.analytics-chip-warning{border-color:color-mix(in srgb,var(--surface-warning-pill) 72%,transparent);background:var(--surface-warning-soft);color:color-mix(in srgb,var(--text-warning-soft) 24%,white)}.analytics-chip-danger{border-color:color-mix(in srgb,var(--surface-danger-strong) 36%,transparent);background:var(--surface-danger-soft);color:var(--text-danger-soft)}.analytics-color-card{display:grid;gap:var(--space-3);padding:var(--space-4);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.analytics-color-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--surface-border-strong) 78%,transparent);background:var(--surface-panel-hover);box-shadow:0 16px 34px color-mix(in srgb,var(--surface-overlay-scrim) 16%,transparent)}.analytics-color-card-selected{border-color:color-mix(in srgb,var(--accent-color) 34%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:color-mix(in srgb,var(--accent-color) 16%,var(--surface-panel-hover));box-shadow:0 16px 34px color-mix(in srgb,var(--accent-color) 16%,transparent)}.analytics-color-card-body{display:flex;align-items:flex-start;gap:calc(var(--space-3) + var(--space-1))}.analytics-color-card-copy{min-width:0;flex:1;display:grid;gap:var(--compact-gap-md);align-content:start}.analytics-color-card-identity{display:flex;flex-wrap:wrap;align-items:center;gap:var(--compact-gap-md)}.analytics-color-card-attributes{gap:var(--space-2)}.analytics-color-swatch{display:inline-flex;height:3.4rem;width:3.4rem;flex-shrink:0;border-radius:1rem;border:1px solid color-mix(in srgb,white 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 6%,transparent)}.analytics-report-shell{display:grid;gap:var(--space-3);padding:var(--panel-pad-sm)}.analytics-report-layout{display:grid;gap:var(--space-3)}.analytics-workspace-layout{align-items:start}.analytics-workspace-support,.analytics-workspace-main{min-width:0}.analytics-workspace-support{display:grid;gap:var(--compact-gap-md);align-content:start;order:2}.analytics-workspace-main{display:grid;gap:var(--space-2);order:1}.analytics-workspace-nav,.analytics-workspace-summary,.analytics-workspace-recommendation,.analytics-workspace-proof-grid,.analytics-workspace-detail-main,.analytics-workspace-detail-side{display:grid;gap:var(--space-2)}.analytics-workspace-module-head{display:grid;gap:var(--compact-gap-xs)}.analytics-workspace-detail-grid{display:grid;gap:var(--space-3)}.analytics-section-stack,.analytics-section-summary-stack,.analytics-section-support-stack,.analytics-section-proof-stack{display:grid}.analytics-section-stack{gap:var(--space-3)}.analytics-section-summary-stack,.analytics-section-support-stack,.analytics-section-proof-stack{gap:var(--space-2)}.analytics-section-summary-grid,.analytics-section-proof-row{display:grid;gap:var(--space-2);align-items:start}.analytics-section-system-tabs{display:grid;gap:var(--space-2)}.analytics-section-system-tablist{width:-moz-fit-content;width:fit-content;max-width:100%}.analytics-section-system-tab{justify-content:center;min-width:5.25rem}.analytics-section-system-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);align-items:start}.analytics-section-system-panel[hidden]{display:none}.analytics-section-support-stack{display:grid;gap:var(--space-2)}.analytics-section-proof-card,.analytics-section-tool-card{gap:var(--space-2)}.analytics-section-proof-card-compact{gap:var(--compact-gap-md)}.analytics-section-psychology-lead-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,4fr) minmax(0,2fr);gap:var(--space-2);align-items:start}.analytics-section-psychology-lead-card{min-width:0;height:100%}.analytics-section-psychology-lead-card-target{align-content:start}.analytics-section-psychology-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);align-items:start}.analytics-section-psychology-support-gap{grid-column:1/-1}.analytics-section-proof-card-kobayashi .analytics-kobayashi-scale{max-width:19rem;margin-inline:auto}.analytics-section-psychology-lead-grid .analytics-section-proof-card-kobayashi .analytics-kobayashi-scale{max-width:16rem}.analytics-section-proof-compact{display:grid;place-items:center}.analytics-section-proof-card-temperature svg{max-width:7rem}.analytics-section-psychology-lead-grid .analytics-section-proof-card-temperature svg{max-width:5.75rem}.analytics-section-psychology-lead-grid .analytics-section-proof-card-temperature{padding-inline:var(--compact-gap-sm)}.analytics-section-proof-stack-psychology{align-content:start}.analytics-section-psychology-insight-grid{display:grid;gap:var(--space-2);align-items:start}.analytics-section-system-card,.analytics-section-system-tool-card{min-width:0;height:100%}.analytics-section-system-card-preview{padding:var(--space-2)}.analytics-section-system-card-preview .analytics-ui-preview-grid,.analytics-section-system-card-preview .analytics-ui-preview-combined,.analytics-section-system-card-preview .analytics-ui-preview-legend{gap:var(--compact-gap-md)}.analytics-section-system-card-preview .analytics-ui-preview-card,.analytics-section-system-card-preview .analytics-ui-preview-dashboard{padding:var(--compact-gap-md)}.analytics-section-system-panel-palette .analytics-smart-palette,.analytics-section-system-panel-preview .analytics-section-proof-card-composition{margin:0}.analytics-section-proof-row .analytics-ui-preview{gap:var(--space-2)}.analytics-section-proof-row .analytics-ui-preview-grid{grid-template-columns:1fr;gap:var(--space-2)}.analytics-section-proof-card-composition .analytics-composition{gap:var(--space-2)}.analytics-section-proof-card-vision .analytics-vision{gap:var(--space-3)}.analytics-section-proof-row .analytics-ui-preview-card,.analytics-section-proof-row .analytics-ui-preview-dashboard{padding:var(--space-2)}.analytics-section-proof-row .analytics-ui-preview-combined,.analytics-section-proof-row .analytics-ui-preview-legend{gap:var(--space-2)}.analytics-report-nav{display:grid;gap:var(--compact-gap-sm);border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 62%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 78%,rgba(12,20,34,.76));padding:var(--compact-gap-sm);box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent)}.analytics-report-nav-header{display:grid;gap:var(--compact-gap-xs);padding:0 0 var(--compact-gap-xs)}.analytics-report-nav-note{color:var(--text-dim);font-size:.64rem;line-height:var(--leading-meta)}.analytics-nav-list{display:grid;gap:.25rem}.analytics-nav-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--compact-gap-xs)}.analytics-nav-link{display:grid;gap:.2rem;border-radius:var(--radius-sm);border:1px solid transparent;padding:.48rem .55rem;color:var(--text-muted);font-size:.72rem;font-weight:650;transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}.analytics-nav-link:hover,.analytics-nav-link:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border) 72%,transparent);background:color-mix(in srgb,var(--surface-panel-soft) 72%,rgba(17,27,46,.68));outline:none}.analytics-nav-link-active{border-color:color-mix(in srgb,var(--accent-color) 30%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:color-mix(in srgb,var(--accent-color) 16%,color-mix(in srgb,var(--surface-panel-soft) 76%,rgba(17,27,46,.72)));color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,white 6%,transparent);transform:none}.analytics-nav-link-head{display:flex;align-items:center;justify-content:space-between;gap:var(--compact-gap-xs)}.analytics-nav-step{min-width:1.2rem;color:var(--text-dim);font-family:var(--font-family-mono);font-size:.6rem;letter-spacing:.08em}.analytics-nav-link-active .analytics-nav-step{color:color-mix(in srgb,white 82%,var(--accent-color))}.analytics-nav-label{min-width:0;color:inherit;font-size:.74rem;font-weight:700;line-height:1.2}.analytics-nav-icon{color:var(--text-subtle);transition:color .18s ease}.analytics-nav-link-active .analytics-nav-icon{color:color-mix(in srgb,white 82%,var(--accent-color))}.analytics-introduction{display:grid;gap:var(--space-3);padding-bottom:var(--space-2)}.analytics-section-grid{display:grid;gap:var(--space-4);align-items:start}.analytics-section-grid-main,.analytics-section-grid-support{display:grid;gap:var(--space-4);min-width:0;align-content:start}.analytics-section-grid-main-lead,.analytics-section-grid-support-stack,.analytics-introduction-support{gap:var(--space-3)}.analytics-introduction-support .analytics-evidence-summary-grid{grid-template-columns:1fr}.analytics-report-proof{display:grid;gap:var(--space-3)}.analytics-report-proof-compact{gap:var(--space-4)}.analytics-report-proof-head{display:grid;gap:var(--compact-gap-xs);max-width:44rem}.analytics-evidence-summary-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}.analytics-quick-card-summary{align-content:start;gap:var(--space-3)}.analytics-evidence-summary-label{color:var(--text-secondary);letter-spacing:.08em}.analytics-evidence-summary-copy{max-width:none;margin:0}.analytics-drilldown-panel{display:grid;gap:var(--space-3)}.analytics-drilldown-panel-compact{gap:var(--space-2)}.analytics-drilldown-panel-support{padding:0;border:0;border-radius:0;background:transparent}.analytics-drilldown-header{display:none}.analytics-drilldown-title{display:grid;gap:var(--space-2);min-width:0}.analytics-drilldown-copy{max-width:62rem}.analytics-drilldown-recommendation{justify-self:start}.analytics-drilldown-grid{gap:var(--space-2)}.analytics-drilldown-grid-compact{grid-template-columns:1fr}.analytics-color-card-compact{padding:var(--space-2)}.analytics-color-card-body-compact,.analytics-workspace-proof-grid-compact{gap:var(--space-2)}.analytics-workspace-proof-card{gap:var(--compact-gap-sm);padding:var(--space-2)}.analytics-workspace-recommendation-strip,.analytics-workspace-recommendation-head,.analytics-workspace-recommendation-body{display:grid}.analytics-workspace-recommendation-strip{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.analytics-workspace-recommendation-head{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center}.analytics-workspace-recommendation-body{gap:var(--compact-gap-xs)}.analytics-workspace-recommendation-support{margin:0;color:var(--text-secondary);font-size:.8rem;line-height:1.45}.analytics-color-card-identity-compact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--compact-gap-sm)}.analytics-color-card-context{color:var(--text-muted);font-size:.8rem;line-height:1.5}.analytics-drilldown-footer{gap:var(--space-2);margin-top:var(--compact-gap-xs)}.analytics-hero{display:grid;gap:var(--space-4);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--surface-border) 74%,transparent);background:var(--surface-overlay-panel-strong);padding:var(--panel-pad-md);box-shadow:0 18px 40px color-mix(in srgb,var(--surface-overlay-scrim) 16%,transparent)}.analytics-hero-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.analytics-hero-header-copy{display:grid;min-width:0;gap:var(--compact-gap-xs)}.analytics-hero-header-note{max-width:48rem;color:var(--text-muted);font-size:.82rem;line-height:1.55}.analytics-hero-body{display:grid;gap:var(--space-4);align-items:start}.analytics-hero-main{display:grid;gap:var(--space-4);align-content:start;max-width:min(100%,48rem)}.analytics-hero-primary{display:grid;gap:var(--compact-gap-sm)}.analytics-hero-narrative{margin:0;max-width:44rem;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.analytics-hero-swatch{position:relative;display:inline-flex;height:clamp(7rem,8vw,9.5rem);width:clamp(7rem,8vw,9.5rem);border-radius:1.5rem;border:1px solid color-mix(in srgb,white 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 6%,transparent),0 18px 42px #0208173d}.analytics-gamut-badge{position:absolute;right:-.45rem;bottom:-.55rem;display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border-radius:999px;padding:var(--compact-gap-sm) var(--compact-gap-md);font-size:.68rem;font-weight:700;letter-spacing:.06em;line-height:var(--leading-utility);text-transform:uppercase;box-shadow:0 10px 22px color-mix(in srgb,var(--surface-overlay-scrim) 20%,transparent)}.analytics-gamut-badge-success{background:var(--surface-success-strong);color:var(--text-inverse)}.analytics-gamut-badge-warning{background:var(--surface-warning-pill);color:var(--text-warning-strong)}.analytics-hero-heading{display:grid;gap:var(--space-3);justify-items:start}.analytics-share-icon-default,.analytics-share-icon-muted{color:var(--text-muted)}.analytics-share-icon-accent{color:var(--text-info)}.analytics-share-icon-preview{color:var(--text-accent-soft)}.analytics-share-icon-positive{color:var(--text-success)}.analytics-share-icon-pulse{animation:pulse 1.2s ease-in-out infinite}.analytics-share-icon-bounce{animation:bounce .9s ease-in-out 1}.analytics-hero-title{margin:0;color:var(--text-primary);font-size:clamp(1.8rem,1.2rem + 1.35vw,2.7rem);font-weight:700;line-height:var(--leading-display)}.analytics-hero-hex{display:inline-flex;align-items:center;gap:var(--compact-gap-md);flex-wrap:wrap}.analytics-hero-code{display:inline-flex;align-items:center;border-radius:.95rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-field-base);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:.98rem;font-weight:650;letter-spacing:.04em}.analytics-hero-meta-row{padding-top:var(--space-2);font-size:.9rem}.analytics-hero-meta-label{color:var(--text-dim);font-size:.78rem;line-height:1.45}.analytics-hero-meta-value{margin-left:var(--space-2);color:var(--text-primary);font-size:.82rem;font-weight:650}.analytics-hero-role-summary{color:var(--text-muted);font-size:.86rem;line-height:1.5}.analytics-icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:.9rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-muted);color:var(--text-muted);transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}.analytics-icon-button:hover,.analytics-icon-button:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-control-hover);transform:translateY(-1px);outline:none}.analytics-icon-button-sm{height:2rem;width:2rem}.analytics-icon-button-md{height:2.4rem;width:2.4rem}.analytics-share-shell{position:relative;align-self:start;justify-self:end}.analytics-share-menu{position:absolute;right:0;top:calc(100% + .5rem);z-index:40;display:grid;min-width:15rem;overflow:hidden;border-radius:1.15rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-overlay-panel-strong);box-shadow:0 24px 46px #02081742}.analytics-share-option{display:inline-flex;align-items:center;gap:var(--space-3);border:0;border-bottom:1px solid color-mix(in srgb,var(--surface-border) 12%,transparent);background:transparent;padding:var(--pad-control-md-y) var(--panel-pad-md);color:var(--text-secondary);font-size:.86rem;text-align:left;transition:color .18s ease,background-color .18s ease}.analytics-share-option:last-child{border-bottom:0}.analytics-share-option:hover,.analytics-share-option:focus-visible{color:var(--text-primary);background:var(--surface-control-hover);outline:none}.analytics-share-option:disabled{cursor:not-allowed;opacity:.56}.analytics-share-option-success{color:var(--text-info-soft);background:var(--surface-info-soft)}.analytics-share-option-positive{color:var(--text-success);background:var(--surface-success-soft)}.analytics-share-feedback{border-top:1px solid color-mix(in srgb,var(--surface-border) 12%,transparent);background:var(--surface-danger-soft);padding:calc(var(--space-3) + var(--compact-gap-xs)) var(--space-4);color:var(--text-danger-soft);font-size:.79rem;line-height:1.45}.analytics-narrative{display:grid;gap:var(--compact-gap-sm);padding-top:0}.analytics-hero-actions{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-2);border-top:1px solid color-mix(in srgb,var(--surface-border) 10%,transparent)}.analytics-hero-actions-copy{display:grid;gap:var(--compact-gap-xs);min-width:0;max-width:28rem}.analytics-hero-actions-note{color:var(--text-muted);font-size:.76rem;line-height:1.5}.analytics-share-shell-inline{justify-self:end}.analytics-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-overlay-scrim) 82%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:var(--space-4)}.analytics-preview-modal{width:min(64rem,100%);overflow:hidden;border-radius:1.6rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-overlay-panel-strong);box-shadow:0 28px 64px #02081752}.analytics-preview-header,.analytics-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.analytics-preview-header{border-bottom:1px solid color-mix(in srgb,var(--surface-border) 14%,transparent)}.analytics-preview-title{color:var(--text-primary);font-size:1.05rem;font-weight:650;line-height:1.2}.analytics-preview-footer{justify-content:flex-end;border-top:1px solid color-mix(in srgb,var(--surface-border) 14%,transparent);background:var(--surface-panel-soft)}.analytics-section{padding-top:var(--space-3);padding-bottom:var(--space-3);border-top:1px solid color-mix(in srgb,var(--surface-border) 12%,transparent)}.analytics-section:first-of-type{border-top:0;padding-top:0}.analytics-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.analytics-section-toggle{display:flex;flex:1;align-items:flex-start;gap:var(--space-3);border:0;border-radius:var(--radius-control-soft);background:transparent;padding:var(--compact-gap-xs) 0;text-align:left;transition:color .18s ease}.analytics-section-toggle:hover,.analytics-section-toggle:focus-visible{color:var(--text-primary);outline:none}.analytics-section-copy{display:grid;gap:var(--text-gap-tight);min-width:0}.analytics-section-title-row{display:flex;align-items:center;gap:var(--compact-gap-xs);justify-content:space-between}.analytics-section-state{flex-shrink:0;border-radius:999px;background:var(--surface-badge-muted);color:var(--text-muted);font-size:.62rem;font-weight:650;letter-spacing:.04em;line-height:1;padding:var(--compact-gap-xs) var(--compact-chip-pad-x);text-transform:uppercase}.analytics-section-title{color:var(--text-primary);font-size:.98rem;font-weight:650;line-height:var(--leading-heading)}.analytics-section-subtitle{color:var(--text-muted);font-size:.74rem;line-height:1.5}.analytics-section-panel{margin-top:var(--space-3)}.analytics-section-body{display:grid;gap:var(--space-4)}.analytics-section-anchor{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:var(--compact-gap-xs);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 56%,transparent);background:var(--surface-panel-soft);padding:var(--compact-gap-sm);color:var(--text-subtle);transition:background-color .18s ease,border-color .18s ease,color .18s ease}.analytics-section-anchor-subtle{opacity:.76}.analytics-section-anchor:hover,.analytics-section-anchor:focus-visible{border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-control-hover);color:var(--text-primary);outline:none}.analytics-section-anchor-icon{display:block}.analytics-section-icon{color:var(--text-subtle);transition:color .18s ease}.analytics-section-expanded .analytics-section-icon{color:color-mix(in srgb,white 76%,var(--accent-color))}.analytics-section-toggle-icon{color:var(--text-subtle);transition:color .18s ease}.analytics-section-toggle:hover .analytics-section-toggle-icon,.analytics-section-toggle:focus-visible .analytics-section-toggle-icon{color:var(--text-secondary)}.analytics-smart-palette{overflow:hidden}.analytics-quick-card-primary{border-color:color-mix(in srgb,var(--accent-color) 24%,color-mix(in srgb,var(--surface-border) 24%,transparent));background:color-mix(in srgb,var(--accent-color) 8%,var(--surface-panel-soft));box-shadow:inset 0 1px color-mix(in srgb,white 5%,transparent),0 14px 28px color-mix(in srgb,var(--accent-color) 10%,transparent)}.analytics-smart-palette-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--space-3);border:0;background:var(--surface-control-raised);padding:var(--space-4);color:var(--text-primary);text-align:left;transition:background-color .18s ease}.analytics-smart-palette-toggle:hover,.analytics-smart-palette-toggle:focus-visible{background:var(--surface-control-hover);outline:none}.analytics-smart-neutral{gap:var(--space-3);border-radius:1.1rem;border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:var(--surface-panel-soft);padding:var(--space-4)}.analytics-swatch-sm{display:inline-flex;height:3rem;width:3rem;border-radius:.95rem;border:1px solid color-mix(in srgb,white 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 6%,transparent)}.analytics-harmony-row{overflow:hidden}.analytics-harmony-row-header{display:flex;align-items:stretch}.analytics-harmony-reorder{display:flex;flex-direction:column;border-right:1px solid color-mix(in srgb,var(--surface-border) 12%,transparent)}.analytics-reorder-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--compact-gap-sm) var(--space-2);color:var(--text-subtle);transition:color .18s ease,background-color .18s ease}.analytics-reorder-button:hover,.analytics-reorder-button:focus-visible{color:var(--text-primary);background:var(--surface-control-hover);outline:none}.analytics-reorder-button:disabled{cursor:not-allowed;opacity:.32}.analytics-harmony-toggle{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border:0;background:transparent;padding:calc(var(--space-3) + var(--space-1)) var(--space-4);color:var(--text-primary);text-align:left;transition:background-color .18s ease}.analytics-harmony-toggle:hover,.analytics-harmony-toggle:focus-visible,.analytics-harmony-tune:hover,.analytics-harmony-tune:focus-visible{background:#111b2ead;outline:none}.analytics-harmony-tune{display:inline-flex;align-items:center;justify-content:center;width:3rem;border:0;border-left:1px solid color-mix(in srgb,var(--surface-border) 12%,transparent);background:transparent;color:var(--text-muted);transition:color .18s ease,background-color .18s ease}.analytics-harmony-pile{display:flex;align-items:center}.analytics-harmony-dot{margin-left:-var(--compact-gap-sm);display:inline-flex;height:1.75rem;width:1.75rem;border-radius:999px;border:2px solid rgba(10,17,29,.92);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 8%,transparent)}.analytics-harmony-dot:first-child{margin-left:0}.analytics-harmony-token{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:.9rem;border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:var(--surface-control-raised);padding:var(--space-2) var(--compact-gap-md);color:var(--text-secondary);font-size:.76rem;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.analytics-harmony-token:hover,.analytics-harmony-token:focus-visible{color:var(--text-primary);background:var(--surface-control-hover);border-color:color-mix(in srgb,var(--surface-border-strong) 74%,transparent);outline:none}.analytics-advisor-panel{display:grid;gap:var(--space-3);border-radius:1.1rem;border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:var(--surface-panel-soft);padding:var(--space-4)}.analytics-advisor-sample{display:inline-flex;align-items:center;justify-content:center;width:6rem;min-height:4rem;border-radius:.95rem;border:1px solid color-mix(in srgb,var(--surface-border) 20%,transparent);font-size:.88rem;font-weight:650}.analytics-suggestion-item{display:flex;align-items:flex-start;gap:var(--compact-gap-sm);border-radius:.95rem;border:1px solid color-mix(in srgb,var(--surface-border) 12%,transparent);background:var(--surface-panel-muted);padding:var(--space-3) calc(var(--space-3) + var(--compact-gap-xs));color:var(--text-secondary);font-size:.84rem;line-height:1.55}.analytics-empty-state{gap:var(--space-2);place-items:center;text-align:center;padding:var(--panel-pad-md)}.analytics-wcag-badge{display:inline-flex;align-items:center;border-radius:999px;padding:var(--space-1) var(--compact-chip-pad-x);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.analytics-wcag-badge-aaa{background:color-mix(in srgb,var(--text-success) 18%,transparent);color:var(--text-success)}.analytics-wcag-badge-aa{background:color-mix(in srgb,var(--text-info) 18%,transparent);color:var(--text-info-soft)}.analytics-wcag-badge-a{background:color-mix(in srgb,var(--text-warning) 18%,transparent);color:var(--text-warning-strong)}.analytics-wcag-badge-fail{background:var(--surface-danger-soft);color:var(--text-danger-soft)}@media (min-width: 1024px){.analytics-overview-grid,.analytics-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-color-grid,.analytics-dual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-vision-head{grid-template-columns:minmax(0,1fr) auto;align-items:start}.analytics-report-layout{align-items:start}.analytics-workspace-support{position:sticky;top:80px;order:1}.analytics-workspace-main{order:2}.analytics-drilldown-header{grid-template-columns:minmax(0,1fr) auto;-moz-column-gap:var(--space-3);column-gap:var(--space-3);row-gap:var(--compact-gap-md)}.analytics-drilldown-title{grid-column:1}.analytics-drilldown-recommendation{grid-column:2;grid-row:1;align-self:start;justify-self:end}.analytics-hero-body{grid-template-columns:auto minmax(0,1fr);-moz-column-gap:var(--space-4);column-gap:var(--space-4);align-items:start}.analytics-section-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-4)}.analytics-section-grid-7-5>.analytics-section-grid-main{grid-column:span 7}.analytics-section-grid-7-5>.analytics-section-grid-support{grid-column:span 5}.analytics-section-grid-8-4>.analytics-section-grid-main{grid-column:span 8}.analytics-section-grid-8-4>.analytics-section-grid-support{grid-column:span 4}.analytics-section-grid-5-7>.analytics-section-grid-main{grid-column:span 5}.analytics-section-grid-5-7>.analytics-section-grid-support{grid-column:span 7}.analytics-introduction-layout{gap:var(--space-4)}.analytics-introduction-support .analytics-evidence-summary-grid{grid-template-columns:1fr}.analytics-drilldown-grid-compact,.analytics-workspace-suggestions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-section-summary-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.analytics-section-summary-grid-psychology{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-section-summary-grid-context{grid-template-columns:minmax(0,1.3fr) minmax(16rem,.7fr)}.analytics-section-proof-row{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-section-proof-row-compact{align-items:start}.analytics-section-psychology-insight-grid{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr)}.analytics-section-psychology-insight-grid-no-gap{grid-template-columns:minmax(18rem,.85fr);justify-content:end}.analytics-section-psychology-lead-grid{grid-template-columns:minmax(0,6fr) minmax(0,4fr) minmax(12rem,2fr)}.analytics-section-proof-row-context{grid-template-columns:1fr}.analytics-section-support-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-section-support-stack-psychology{grid-template-columns:minmax(0,1fr)}.analytics-workspace-detail-grid{grid-template-columns:minmax(0,1.65fr) minmax(18rem,1fr);gap:var(--space-3);align-items:start}}@media (max-width: 900px){.analytics-nav-grid,.analytics-compact-report-badges,.analytics-section-psychology-lead-grid,.analytics-section-psychology-support-grid,.analytics-section-summary-grid-psychology,.analytics-section-psychology-insight-grid,.analytics-section-psychology-insight-grid-no-gap{grid-template-columns:1fr}}.analytics-share-card{--share-card-swatch: var(--analytics-share-card-swatch);--share-card-swatch-text: var(--analytics-share-card-swatch-text);width:1200px;height:630px;overflow:hidden;display:flex;background:#0f172a;font-family:Inter,system-ui,sans-serif}.analytics-share-card-swatch-panel{width:400px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-8);background:var(--share-card-swatch);color:var(--share-card-swatch-text)}.analytics-share-card-swatch-title{margin-bottom:var(--space-2);font-size:48px;font-weight:700}.analytics-share-card-swatch-code{font-size:28px;font-family:var(--font-mono);opacity:.9}.analytics-share-card-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-12)}.analytics-share-card-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.analytics-share-card-chip{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border-radius:999px;padding:var(--space-2) var(--space-4);font-size:18px;font-weight:500}.analytics-share-card-chip-mood{background:var(--surface-badge-accent);color:var(--text-accent-soft)}.analytics-share-card-chip-temp-warm{background:var(--surface-warning-soft);color:var(--text-warm)}.analytics-share-card-chip-temp-cool{background:var(--surface-info-soft);color:var(--text-info-soft)}.analytics-share-card-chip-temp-neutral{background:var(--surface-badge-muted);color:var(--text-muted)}.analytics-share-card-chip-pattern{background:var(--surface-badge-accent);color:var(--text-accent-soft)}.analytics-share-card-chip-archetype{background:var(--surface-warning-soft);color:var(--text-warning-strong)}.analytics-share-card-chip-role{background:var(--surface-info-soft);color:var(--text-info-soft)}.analytics-share-card-chip-accessible{background:var(--surface-success-soft);color:var(--text-success)}.analytics-share-card-chip-low-contrast{background:var(--surface-danger-soft);color:var(--text-danger-soft)}.analytics-share-card-narrative{max-width:680px;color:var(--text-secondary);font-size:24px;line-height:1.6}.analytics-share-card-footer{display:grid;gap:var(--space-4)}.analytics-share-card-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);border-radius:12px;padding:var(--space-4);background:var(--surface-panel-muted)}.analytics-share-card-metric-label{margin-bottom:var(--space-1);color:var(--text-dim);font-size:11px;font-weight:600}.analytics-share-card-metric-value{color:var(--text-inverse);font-size:14px;font-family:var(--font-mono)}.analytics-share-card-footer-bar{display:flex;align-items:center;justify-content:space-between}.analytics-share-card-link-shell{display:flex;align-items:center;gap:var(--space-3);border-radius:8px;padding:var(--space-2) var(--space-3);background:var(--surface-info-soft)}.analytics-share-card-link-code{max-width:280px;color:var(--text-info);font-size:11px;font-family:var(--font-mono);word-break:break-all}.analytics-share-card-brand{display:flex;align-items:center;gap:var(--space-compact-10)}.analytics-share-card-brand-mark{font-size:24px}.analytics-share-card-brand-name{color:#fff;font-size:20px;font-weight:700}.color-quick-report,.lightness-balance-panel{display:grid;gap:var(--space-3);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);border-radius:1.15rem;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-panel) 90%,transparent),transparent),var(--surface-panel-soft);padding:var(--space-3);box-shadow:var(--shadow-soft)}.color-quick-report-head,.lightness-balance-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.color-quick-report-head{justify-content:flex-start}.color-quick-report-swatch{width:2.75rem;height:2.75rem;flex-shrink:0;border:1px solid color-mix(in srgb,white 18%,transparent);border-radius:.95rem;box-shadow:var(--shadow-panel-inset-soft)}.color-quick-report-title,.lightness-balance-title{margin:0;color:var(--text-primary);font-size:var(--type-card-title-size);font-weight:760}.color-quick-report-chip,.lightness-balance-summary span{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--accent-color) 22%,transparent);border-radius:999px;background:var(--surface-accent-soft);color:var(--text-accent-soft);padding:var(--space-1) var(--space-2);font-size:var(--type-meta-size);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.color-quick-report-oklch-axis,.color-quick-report-grid,.lightness-balance-summary,.oklch-axis-readout{display:grid;gap:var(--space-2)}.color-quick-report-oklch-axis{grid-template-columns:repeat(3,minmax(0,1fr))}.oklch-axis-readout-axis,.color-quick-report-grid>div,.color-quick-report-role-row,.lightness-balance-row{border:1px solid color-mix(in srgb,var(--surface-border) 62%,transparent);border-radius:.85rem;background:color-mix(in srgb,var(--surface-panel-muted) 72%,transparent);padding:var(--space-2)}.oklch-axis-readout-value,.color-quick-report-grid strong,.color-quick-report-role-copy strong{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--type-meta-size)}.oklch-axis-readout-axis{display:grid;gap:var(--compact-gap-xs);min-width:0}.oklch-axis-readout-axis-lightness{border-color:color-mix(in srgb,var(--accent-color) 24%,transparent);background:color-mix(in srgb,var(--surface-accent-soft) 62%,transparent)}.oklch-axis-readout-label,.oklch-axis-readout-meaning{overflow:hidden;color:var(--text-dim);font-size:.62rem;font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.oklch-axis-readout-meter{display:block;overflow:hidden;height:.3rem;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--surface-overlay-panel-strong) 82%,var(--surface-panel-muted)),color-mix(in srgb,var(--surface-border) 68%,var(--surface-panel-muted)),color-mix(in srgb,var(--text-primary) 58%,var(--surface-panel-muted)))}.oklch-axis-readout-meter i{display:block;height:100%;border-radius:inherit;background:color-mix(in srgb,var(--accent-color) 68%,white 8%)}.oklch-axis-readout-meter-chroma{background:color-mix(in srgb,var(--surface-border) 62%,var(--surface-panel-muted))}.color-quick-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-quick-report-grid>div{display:grid;gap:var(--space-1);border-color:color-mix(in srgb,var(--surface-border) 46%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 42%,transparent);padding:var(--compact-pad-y) var(--compact-pad-x)}.color-quick-report-label,.lightness-balance-copy{color:var(--text-dim);font-size:var(--type-meta-size)}.color-quick-report-role-list,.lightness-balance-list{display:grid;gap:var(--space-2)}.color-quick-report-role-row,.lightness-balance-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.color-quick-report-role-row{display:grid;gap:var(--compact-gap-xs)}.color-quick-report-role-copy{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--text-secondary);font-size:var(--type-meta-size)}.color-quick-report-role-track{display:block;overflow:hidden;height:.28rem;border-radius:999px;background:color-mix(in srgb,var(--surface-border) 48%,transparent)}.color-quick-report-role-track i{display:block;height:100%;border-radius:inherit;background:color-mix(in srgb,var(--accent-color) 62%,white 8%)}.color-quick-report-role-row-caution .color-quick-report-role-track i{background:color-mix(in srgb,var(--surface-warning-pill) 80%,var(--accent-color))}.lightness-balance-apply{display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--accent-color) 44%,transparent);border-radius:999px;background:var(--surface-accent-strong);color:var(--text-inverse);padding:var(--space-2) var(--space-3);font-size:var(--type-meta-size);font-weight:760}.lightness-balance-apply:disabled{cursor:not-allowed;opacity:.45}.lightness-balance-copy{margin:0;line-height:1.55}.lightness-balance-goal{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(14rem,.8fr);gap:var(--space-3);width:100%;padding:var(--space-2) var(--compact-pad-x);border:1px solid color-mix(in srgb,var(--accent-color) 22%,transparent);border-radius:var(--radius-control-md);background:color-mix(in srgb,var(--surface-accent-soft) 52%,transparent)}.lightness-balance-goal-text{display:grid;gap:var(--compact-gap-sm);min-width:0;align-content:start}.lightness-balance-goal-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--compact-gap-sm)}.lightness-balance-goal-actions{display:grid;align-content:start;gap:var(--space-2);min-width:0}.lightness-balance-goal-side{display:grid;gap:var(--compact-gap-sm)}.lightness-balance-goal-primary-action{display:flex;justify-content:flex-end}.lightness-balance-target-field{display:grid;gap:var(--compact-gap-xs);justify-items:stretch;min-width:0}.lightness-balance-target-field-label{color:var(--text-dim);font-size:var(--type-label-size);font-weight:650;line-height:var(--leading-utility)}.lightness-balance-target-input{width:100%;min-width:5rem;border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:color-mix(in srgb,var(--surface-field-strong) 82%,transparent);padding:var(--compact-pad-y) var(--compact-pad-x);color:var(--text-primary);font-family:var(--font-family-mono);font-size:var(--type-mono-compact-size);font-weight:700;line-height:var(--leading-mono-compact);font-variant-numeric:tabular-nums slashed-zero}.lightness-balance-target-input:focus{outline:none;border-color:color-mix(in srgb,var(--accent-color) 34%,transparent);box-shadow:var(--shadow-focus-accent)}.lightness-balance-goal-button-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--compact-gap-xs)}.lightness-balance-target-set,.lightness-balance-target-reset{display:inline-flex;align-items:center;justify-content:center;min-height:0;padding:var(--compact-chip-pad-y) var(--compact-chip-pad-x);border-radius:var(--radius-control-md);font-size:var(--type-label-size);font-weight:760;line-height:var(--leading-utility);white-space:nowrap}.lightness-balance-target-set{border:1px solid color-mix(in srgb,var(--accent-color) 28%,transparent);background:color-mix(in srgb,var(--surface-accent-soft) 74%,transparent);color:var(--text-accent-soft)}.lightness-balance-target-set:disabled{cursor:not-allowed;opacity:.45}.lightness-balance-target-reset{border:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 58%,transparent);color:var(--text-secondary)}.lightness-balance-goal-label,.lightness-balance-goal-copy,.lightness-balance-row-lightness-value,.lightness-balance-row-lightness-meaning{color:var(--text-dim);font-size:var(--type-label-size);font-weight:650;line-height:var(--leading-utility)}.lightness-balance-goal-value{color:var(--text-primary);font-family:var(--font-mono);font-size:.98rem;font-weight:760;line-height:1}.lightness-balance-goal-meaning{color:var(--text-secondary);font-size:var(--type-meta-size);font-weight:720;line-height:var(--leading-utility)}.lightness-balance-summary{grid-template-columns:repeat(2,minmax(0,max-content))}.lightness-balance-row{justify-content:flex-start}.lightness-balance-row-copy{display:grid;gap:var(--compact-gap-sm);min-width:0;width:100%}.lightness-balance-row-compare{display:grid;grid-template-columns:minmax(0,1fr) 1.1rem minmax(0,1fr);gap:var(--compact-gap-sm);align-items:stretch;width:100%}.lightness-balance-row-card{display:grid;grid-template-rows:auto auto auto auto minmax(1.55rem,auto);gap:var(--compact-gap-sm);min-width:0;align-content:start;height:100%;padding:var(--space-2) var(--compact-pad-x);border:1px solid color-mix(in srgb,var(--surface-border) 62%,transparent);border-radius:var(--radius-control-md);background:color-mix(in srgb,var(--surface-panel-muted) 52%,transparent)}.lightness-balance-row-card-head{display:flex;align-items:center;gap:var(--compact-gap-sm);min-width:0}.lightness-balance-row-card-swatch{width:1.1rem;height:1.1rem;flex-shrink:0;border:1px solid color-mix(in srgb,white 16%,transparent);border-radius:var(--radius-control-compact)}.lightness-balance-row-kicker{color:var(--text-dim);font-size:var(--type-label-size);font-weight:650;line-height:var(--leading-utility)}.lightness-balance-row-direction{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;color:var(--text-dim);font-size:.9rem;font-weight:760}.lightness-balance-row-lightness-inline{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.25rem;min-width:0}.lightness-balance-row-lightness-value{color:var(--text-primary);font-family:var(--font-family-mono);font-weight:760}.lightness-balance-row-lightness-separator{color:var(--text-dim);font-size:var(--type-label-size);font-weight:650}.lightness-balance-row-lightness-meaning,.lightness-balance-row-lightness-inline-target .lightness-balance-row-lightness-value{color:var(--text-secondary)}.lightness-balance-row-lightness-track{display:block;overflow:hidden;height:.32rem;border-radius:999px;background:color-mix(in srgb,var(--surface-border) 52%,var(--surface-panel-muted))}.lightness-balance-row-lightness-track i{display:block;height:100%;border-radius:inherit;background:color-mix(in srgb,var(--text-primary) 48%,var(--surface-panel-soft))}.lightness-balance-row-lightness-inline-target+.lightness-balance-row-lightness-track{background:color-mix(in srgb,var(--accent-color) 16%,var(--surface-panel-muted))}.lightness-balance-row-lightness-inline-target+.lightness-balance-row-lightness-track i{background:color-mix(in srgb,var(--accent-color) 72%,white 10%)}.lightness-balance-row-copy strong{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--type-meta-size)}.lightness-balance-row-card-support{display:flex;align-items:center;justify-content:flex-start;gap:var(--compact-gap-xs);min-height:1.55rem}.lightness-balance-row-apply{display:inline-flex;align-items:center;justify-content:center;min-height:0;padding:var(--compact-chip-pad-y) var(--compact-chip-pad-x);border:1px solid color-mix(in srgb,var(--accent-color) 28%,transparent);border-radius:var(--radius-control-compact);background:color-mix(in srgb,var(--surface-accent-soft) 74%,transparent);color:var(--text-accent-soft);font-size:var(--type-label-size);font-weight:760;line-height:var(--leading-utility);white-space:nowrap;margin-left:auto}.lightness-balance-row-apply:hover{background:color-mix(in srgb,var(--surface-accent-soft) 90%,transparent)}.lightness-balance-row-exception{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 58%,transparent);color:var(--text-accent-soft);font-size:.92rem;line-height:1}.lightness-balance-row-exception:hover,.lightness-balance-row-exception:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent-color) 26%,transparent);background:color-mix(in srgb,var(--surface-accent-soft) 72%,transparent)}@media (max-width: 900px){.lightness-balance-goal{grid-template-columns:1fr}.lightness-balance-goal-primary-action{justify-content:stretch}.lightness-balance-goal-primary-action .lightness-balance-apply{width:100%}}.lightness-balance-row-meta{display:flex;flex-wrap:wrap;gap:var(--compact-gap-xs);align-items:center}.lightness-balance-row-status,.lightness-balance-row-delta,.lightness-balance-row-role{display:inline-flex;align-items:center;min-width:0;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 58%,transparent);color:var(--text-dim);padding:var(--compact-chip-pad-y) var(--compact-chip-pad-x);font-size:var(--type-label-size);font-weight:700;line-height:var(--leading-utility);white-space:nowrap}.lightness-balance-row-delta-positive{border-color:color-mix(in srgb,var(--surface-success-strong) 36%,transparent);background:var(--surface-success-soft);color:var(--text-success)}.lightness-balance-row-delta-negative{border-color:color-mix(in srgb,var(--surface-danger-strong) 36%,transparent);background:var(--surface-danger-soft);color:var(--text-danger-soft)}.lightness-balance-row-status-anchor{border-color:color-mix(in srgb,var(--accent-color) 22%,transparent);background:color-mix(in srgb,var(--accent-color) 10%,var(--surface-panel-muted));color:color-mix(in srgb,white 84%,var(--text-secondary))}.lightness-balance-row-status-changed{border-color:color-mix(in srgb,var(--accent-color) 26%,transparent);background:color-mix(in srgb,var(--surface-accent-soft) 72%,transparent);color:var(--text-accent-soft)}.lightness-balance-row-status-locked,.lightness-balance-row-status-unchanged{border-color:color-mix(in srgb,var(--surface-border) 72%,transparent)}.lightness-balance-row-status-invalid{border-color:color-mix(in srgb,var(--surface-warning-pill) 58%,transparent);background:color-mix(in srgb,var(--surface-warning-pill) 18%,transparent);color:color-mix(in srgb,white 84%,var(--surface-warning-pill))}.dock-palette-quick-report,.dock-lightness-balance,.inspiration-sidebar-balance,.harmonies-workbench-report,.harmonies-lightness-balance{margin-top:var(--space-3)}.home-analysis-panel{display:grid;gap:var(--space-3);margin-top:var(--space-4);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--surface-border) 76%,transparent);background:var(--surface-button-priority);padding:var(--space-4)}.home-analysis-header,.home-analysis-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.home-analysis-header{align-items:flex-start;flex-wrap:wrap}.home-analysis-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:var(--compact-gap-sm) var(--space-3);text-transform:capitalize;font-size:.72rem;font-weight:700}.home-analysis-status-pass{background:var(--surface-badge-success);color:var(--text-success)}.home-analysis-status-warning{background:var(--surface-warning-pill);color:var(--text-warning-soft)}.home-analysis-status-fail{background:var(--surface-badge-danger);color:var(--text-danger-soft)}.home-analysis-grid{display:grid;gap:var(--space-3)}.home-analysis-card{display:grid;gap:var(--compact-gap-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-muted);padding:calc(var(--space-3) + var(--space-1)) var(--space-4)}.home-analysis-label{justify-content:flex-start;color:var(--text-dim);font-size:.74rem;font-weight:700}.home-analysis-value{color:var(--text-primary);font-size:1.02rem;font-weight:700;text-transform:capitalize}.home-analysis-value-small{font-size:.92rem}.home-analysis-copy{color:var(--text-secondary);font-size:.78rem;line-height:1.5}@media (min-width: 768px){.home-workspace-panel,.home-next-panel,.home-continue-panel{padding:var(--panel-pad-lg)}.color-hero-top,.color-hero-values{padding:var(--panel-pad-md)}}@media (min-width: 1024px){.home-analysis-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.home-editor-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.home-link-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.home-continue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-hero-top-content{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--stack-gap-xl)}}.home-stack{display:grid;gap:var(--gap-page-section)}.home-main-grid,.home-context-grid{display:grid;gap:var(--stack-gap-lg)}.home-workspace-panel,.home-next-panel,.home-continue-panel{border-radius:var(--radius-xl);padding:var(--panel-pad-md)}.home-workspace-panel{display:grid;gap:var(--stack-gap-lg)}.home-next-panel,.home-continue-panel{display:grid;gap:var(--space-4)}.home-workspace-header,.home-continue-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:0}.home-editor-grid{display:grid;gap:var(--space-4)}.home-editor-panel{display:grid;gap:var(--space-3);border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 80%,transparent);padding:var(--panel-pad-md)}.home-editor-panel-primary{background:var(--surface-panel-soft)}.home-editor-panel-support{background:var(--shell-card-background)}.home-workspace-note{display:grid;gap:var(--compact-gap-sm);padding-top:var(--space-2);border-top:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent)}.home-side-stack{display:grid;gap:var(--stack-gap-lg)}.home-recommendation-card{border-radius:var(--radius-lg);padding:var(--space-3);display:grid;gap:var(--space-2);border:1px solid color-mix(in srgb,var(--surface-border) 78%,transparent);background:var(--shell-card-background)}.home-link-stack{display:grid;gap:var(--space-3)}.home-action-stack{display:grid;gap:var(--space-3);margin-top:var(--space-2)}.home-continue-grid{display:grid;gap:var(--space-3)}.home-continue-list{display:grid;gap:var(--space-3);border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 78%,transparent);background:var(--shell-card-background);padding:var(--panel-pad-sm)}.home-continue-item{border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:color-mix(in srgb,var(--surface-panel) 86%,transparent);text-align:left;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.home-continue-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-panel-hover)}.home-continue-item-swatch{height:2.5rem;width:2.5rem;border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 66%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 8%,transparent)}.home-continue-item-swatch-lg{height:2.75rem;width:2.75rem}.home-continue-empty{border-radius:var(--radius-panel);border:1px dashed color-mix(in srgb,var(--surface-border) 66%,transparent);background:color-mix(in srgb,var(--surface-panel) 78%,transparent);padding:var(--space-4);color:var(--text-secondary)}.home-inline-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:color-mix(in srgb,white 4%,transparent);padding:var(--compact-gap-sm) var(--space-3);color:var(--text-secondary);font-size:.72rem;font-weight:700;line-height:var(--leading-utility)}.home-chip-row{display:flex;flex-wrap:wrap;gap:var(--compact-gap-sm)}.home-note-row{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--compact-gap-sm)}.color-hero-surface{overflow:hidden;border-radius:1.75rem;background:color-mix(in srgb,var(--surface-panel) 82%,var(--surface-field-base))}.color-hero-top{position:relative;overflow:hidden;padding:var(--panel-pad-md);background:linear-gradient(135deg,var(--color-hero-current, var(--accent-color)),var(--surface-overlay-scrim-strong))}.color-hero-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,color-mix(in srgb,var(--text-inverse) 22%,transparent),transparent 28%),radial-gradient(circle at bottom left,color-mix(in srgb,var(--page-bg) 32%,transparent),transparent 34%)}.color-hero-top-content{position:relative;display:flex;flex-direction:column;gap:var(--stack-gap-lg)}.color-hero-hex{margin:0;font-family:var(--font-family-mono);font-size:clamp(2.5rem,5vw,3.8rem);font-weight:700;line-height:var(--leading-heading);letter-spacing:0em;font-variant-numeric:tabular-nums slashed-zero}.color-hero-pill-row{margin-top:var(--space-3);display:flex;flex-wrap:wrap;align-items:center;gap:var(--compact-gap-sm)}.color-hero-foreground{color:var(--color-hero-foreground, var(--text-inverse))}.color-hero-pill{border-radius:999px;border:1px solid color-mix(in srgb,var(--text-inverse) 18%,transparent);background:color-mix(in srgb,var(--page-bg) 28%,transparent);padding:var(--compact-gap-sm) var(--space-3);color:var(--color-hero-foreground, var(--text-inverse));-webkit-backdrop-filter:blur(var(--blur-shell));backdrop-filter:blur(var(--blur-shell))}.color-hero-tone-light .color-hero-pill{border-color:color-mix(in srgb,var(--text-inverse) 30%,transparent);background:color-mix(in srgb,var(--text-inverse) 20%,transparent)}.color-hero-support{border-radius:1rem;padding:var(--space-3)}.color-hero-support-panel{border:1px solid color-mix(in srgb,var(--text-inverse) 18%,transparent);background:color-mix(in srgb,var(--page-bg) 34%,transparent);color:var(--color-hero-foreground, var(--text-inverse));-webkit-backdrop-filter:blur(var(--blur-shell));backdrop-filter:blur(var(--blur-shell))}.color-hero-tone-light .color-hero-support-panel{border-color:color-mix(in srgb,var(--text-inverse) 34%,transparent);background:color-mix(in srgb,var(--text-inverse) 24%,transparent)}.color-hero-values{display:grid;gap:var(--space-2);padding:var(--space-3);background:var(--surface-field-base);border-top:1px solid color-mix(in srgb,white 8%,transparent)}.color-hero-value-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 12%,transparent);background:var(--surface-panel-muted);padding:calc(var(--space-3) + var(--compact-gap-xs)) var(--space-4);text-align:left;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.color-hero-value-row:hover,.color-hero-value-row:focus-visible{transform:translateY(-1px);border-color:var(--border-active-soft);background:var(--surface-panel-hover);outline:none}.quick-link-card{position:relative;width:100%;overflow:hidden;border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 76%,transparent);background:var(--shell-card-background);padding:var(--space-3);text-align:left;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.quick-link-card:hover,.quick-link-card:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--quick-link-accent, var(--accent-color)) 22%,var(--border-subtle));background:var(--shell-card-hover);box-shadow:0 12px 24px color-mix(in srgb,var(--quick-link-accent, var(--accent-color)) 10%,transparent);outline:none}.quick-link-card-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,color-mix(in srgb,var(--quick-link-accent, var(--accent-color)) 18%,transparent),transparent 46%),linear-gradient(135deg,color-mix(in srgb,var(--quick-link-accent, var(--accent-color)) 10%,transparent),transparent 54%);opacity:.68;transition:opacity .18s ease}.quick-link-card:hover .quick-link-card-tint,.quick-link-card:focus-visible .quick-link-card-tint{opacity:.92}.quick-link-card-tertiary{box-shadow:none}.quick-link-card-body{position:relative;display:flex;align-items:flex-start;gap:var(--compact-gap-sm)}.quick-link-card-icon{display:flex;height:32px;width:32px;align-items:center;justify-content:center;border-radius:.85rem}.harmony-empty-state,.harmony-wheel-panel,.harmony-control-panel,.harmony-editor,.harmony-result-card,.harmony-modal-shell,.harmony-modal-base,.harmony-modal-section{border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);box-shadow:var(--shadow-overlay-xl),var(--shadow-panel-inset-soft)}.harmony-empty-state,.harmony-workbench,.harmony-control-stack,.harmony-heading-group,.harmony-editor,.harmony-modal-heading-copy,.harmony-modal-body,.harmony-modal-section,.harmony-preview-token{display:grid;gap:var(--space-4)}.harmony-empty-state,.harmony-wheel-panel,.harmony-control-panel,.harmony-editor,.harmony-modal-body,.harmony-modal-footer,.harmony-modal-header,.harmony-modal-section{padding:var(--space-4)}.harmony-workbench{display:grid;gap:var(--gap-page-section)}.harmony-header-row,.harmony-title-inline,.harmony-control-label,.harmony-editor-head,.harmony-result-main,.harmony-result-head,.harmony-jitter-head,.harmony-modal-header,.harmony-modal-heading,.harmony-modal-base,.harmony-modal-section-head,.harmony-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.harmony-header-row{align-items:flex-start;flex-wrap:wrap}.harmony-title,.harmony-modal-title{margin:0;font-size:var(--type-section-title-size);line-height:var(--leading-heading);font-weight:700;color:var(--text-primary)}.harmony-title-inline{justify-content:flex-start}.harmony-helper-text,.harmony-panel-note,.harmony-modal-section-copy{margin:0;color:var(--text-dim);font-size:var(--type-support-size);line-height:var(--leading-meta)}.harmony-toggle,.harmony-selector-pill,.harmony-secondary-action,.harmony-jitter-option,.harmony-icon-button,.harmony-angle-add{border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 74%,transparent);background:var(--surface-panel-soft);color:var(--text-secondary);transition:background-color var(--motion-duration-fast) ease,border-color var(--motion-duration-fast) ease,color var(--motion-duration-fast) ease,transform var(--motion-duration-fast) ease}.harmony-toggle:hover,.harmony-toggle:focus-visible,.harmony-selector-pill:hover,.harmony-selector-pill:focus-visible,.harmony-secondary-action:hover,.harmony-secondary-action:focus-visible,.harmony-jitter-option:hover,.harmony-jitter-option:focus-visible,.harmony-icon-button:hover,.harmony-icon-button:focus-visible,.harmony-angle-add:hover,.harmony-angle-add:focus-visible{border-color:color-mix(in srgb,var(--surface-border-strong) 76%,transparent);background:var(--surface-panel-hover);color:var(--text-primary)}.harmony-toggle,.harmony-secondary-action,.harmony-primary-action{padding:var(--space-3) var(--space-4);font-size:.82rem;font-weight:600}.harmony-toggle-active,.harmony-selector-pill-active,.harmony-jitter-option-active,.harmony-icon-button-active{background:var(--surface-accent-active);border-color:color-mix(in srgb,var(--accent-color) 58%,transparent);color:var(--text-primary)}.harmony-wheel-panel,.harmony-control-panel{text-align:center}.harmony-wheel-frame{width:100%;max-width:300px;margin:0 auto}.harmonies-wheel-editor-panel{overflow:hidden}.harmonies-wheel-editor-frame{display:flex;justify-content:center;margin-top:var(--space-2);padding:var(--space-2)}.harmonies-wheel-palette-summary{display:grid;gap:var(--compact-gap-sm);margin-top:var(--space-3);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 72%,transparent);padding:var(--space-2)}.harmonies-wheel-palette-head{display:flex;align-items:center;justify-content:space-between;gap:var(--compact-gap-sm)}.harmonies-wheel-palette-head span{color:var(--text-muted);font-size:.64rem;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase}.harmonies-wheel-palette-head strong{color:var(--text-primary);font-size:.76rem;font-weight:800;line-height:1.2;text-align:right}.harmonies-wheel-palette-swatches{display:flex;flex-wrap:wrap;gap:.32rem}.harmonies-wheel-palette-swatch{width:1.35rem;height:1.35rem;border-radius:999px;border:1px solid color-mix(in srgb,white 56%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--surface-panel) 78%,transparent)}.harmony-control-stack{gap:var(--space-3)}.harmony-control-label{font-size:.88rem;font-weight:600;color:var(--text-primary)}.harmony-control-value{font-family:var(--font-family-mono);font-size:var(--type-meta-size);color:var(--text-dim)}.harmony-slider-frame{padding:0 var(--space-1)}.harmony-slider{width:100%}.harmony-selector-group{display:grid;gap:var(--space-4)}.harmony-selector-row,.harmony-angle-list,.harmony-jitter-options{display:flex;flex-wrap:wrap;gap:var(--space-3)}.harmony-selector-pill{padding:var(--space-3) var(--space-4);font-size:.84rem;font-weight:600}.harmony-selector-pill-accent{color:var(--text-accent-soft)}.harmony-selector-pill-dashed{border-style:dashed}.harmony-selector-action-group{position:relative;display:inline-flex}.harmony-selector-pill-with-action{padding-right:calc(var(--size-control-button-sm) + var(--space-3))}.harmony-selector-action{position:absolute;top:50%;right:.7rem;transform:translateY(-50%);border:0;background:none;color:var(--text-dim)}.harmony-selector-action:hover,.harmony-selector-action:focus-visible,.harmony-angle-remove:hover,.harmony-angle-remove:focus-visible{color:var(--text-danger-soft)}.harmony-editor{gap:var(--space-4)}.harmony-editor-head{align-items:flex-start;flex-wrap:wrap}.harmony-editor-title,.harmony-modal-section-title{margin:0;font-size:.88rem;font-weight:700;color:var(--text-primary)}.harmony-editor-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.harmony-input,.harmony-angle-input{border-radius:.9rem;border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:var(--surface-panel);color:var(--text-primary);font-size:.84rem}.harmony-input{min-width:11rem;padding:var(--space-3) calc(var(--space-3) + var(--space-1))}.harmony-input::-moz-placeholder{color:var(--text-dim)}.harmony-input::placeholder{color:var(--text-dim)}.harmony-primary-action{border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-color) 54%,transparent);background:var(--surface-settings-primary-action);color:var(--text-inverse);transition:filter var(--motion-duration-fast) ease,transform var(--motion-duration-fast) ease}.harmony-primary-action:hover,.harmony-primary-action:focus-visible{filter:brightness(1.06);transform:translateY(-1px)}.harmony-primary-action:disabled{cursor:not-allowed;filter:grayscale(.2);opacity:.5}.harmony-angle-chip{display:inline-flex;align-items:center;gap:var(--compact-gap-xs);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:var(--surface-panel);padding:var(--space-2) var(--space-3)}.harmony-angle-index,.harmony-angle-unit,.harmony-modal-label,.harmony-preview-oklch{font-size:var(--type-meta-size);color:var(--text-dim)}.harmony-angle-input{width:4.5rem;border:0;background:none;text-align:right;padding:0}.harmony-angle-remove{border:0;background:none;color:var(--text-dim)}.harmony-angle-add,.harmony-icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem}.harmony-results{display:grid;gap:var(--space-4)}.harmony-result-card{overflow:hidden}.harmony-result-main{align-items:center;padding:var(--space-4)}.harmony-result-swatch{width:4rem;height:4rem;border-radius:1rem;cursor:pointer;box-shadow:var(--shadow-shell-swatch);transition:transform var(--motion-duration-fast) ease}.harmony-result-swatch:hover{transform:scale(1.04)}.harmony-result-copy{flex:1;min-width:0;display:grid;gap:var(--space-2)}.harmony-result-head{justify-content:flex-start;gap:var(--compact-gap-md)}.harmony-result-hex,.harmony-modal-base-hex,.harmony-preview-hex{font-family:var(--font-family-mono);font-size:var(--type-mono-size);color:var(--text-primary)}.harmony-result-badge,.harmony-modal-state-chip{display:inline-flex;align-items:center;border-radius:999px;padding:var(--compact-gap-sm) var(--space-3);font-size:var(--type-meta-size);font-weight:700;color:var(--text-dim);background:var(--surface-badge-neutral);border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent)}.harmony-result-metrics{display:flex;flex-wrap:wrap;gap:calc(var(--space-3) + var(--space-1));font-family:var(--font-family-mono);font-size:var(--type-meta-size);color:var(--text-dim)}.harmony-result-actions{display:flex;gap:var(--compact-gap-sm)}.harmony-result-variations{border-top:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent);background:var(--surface-panel-muted)}.harmony-star-icon{color:var(--text-dim);transition:color var(--motion-duration-fast) ease}.harmony-icon-button:hover .harmony-star-icon,.harmony-icon-button:focus-visible .harmony-star-icon,.harmony-star-icon-active{color:var(--text-warning)}.harmony-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--pad-modal-compact);background:var(--surface-overlay-scrim-soft)}.harmony-modal-shell{width:min(var(--size-modal-width-md),100%);overflow:hidden}.harmony-modal-header,.harmony-modal-footer{border-bottom:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent)}.harmony-modal-footer{border-top:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent);border-bottom:0}.harmony-modal-body{gap:var(--stack-gap-lg)}.harmony-modal-heading{align-items:flex-start;justify-content:flex-start}.harmony-modal-heading-icon{color:color-mix(in srgb,var(--accent-color) 70%,white 10%)}.harmony-modal-base{gap:var(--space-3)}.harmony-modal-base-swatch{width:var(--size-preview-swatch-lg);height:var(--size-preview-swatch-lg);border-radius:var(--radius-control-md);box-shadow:var(--shadow-shell-swatch)}.harmony-modal-base-copy{flex:1;display:grid;gap:var(--compact-gap-xs)}.harmony-modal-section{gap:var(--space-4)}.harmony-modal-section-head{align-items:flex-start}.harmony-modal-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.harmony-modal-type-tile{display:grid;gap:var(--compact-gap-xs);text-align:left;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:color-mix(in srgb,var(--surface-dock-card) 100%,transparent);color:var(--text-secondary);padding:var(--space-4)}.harmony-modal-type-tile:hover,.harmony-modal-type-tile:focus-visible{border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-panel-hover)}.harmony-modal-type-tile-active{border-color:color-mix(in srgb,var(--accent-color) 54%,transparent);background:var(--surface-accent-active)}.harmony-modal-type-title{font-size:.84rem;font-weight:700;color:var(--text-primary)}.harmony-modal-type-copy{font-size:var(--type-meta-size);color:var(--text-dim)}.harmony-jitter-head{align-items:flex-start}.harmony-secondary-action{display:inline-flex;align-items:center;gap:var(--space-2)}.harmony-preview-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:var(--compact-gap-xs);min-height:3.5rem}.harmony-preview-swatch{min-height:3.5rem;border-radius:.9rem}.harmony-preview-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--space-3)}.harmony-preview-token{border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 60%,transparent);background:var(--surface-panel-muted);padding:var(--space-3) calc(var(--space-3) + var(--compact-gap-xs))}.harmonies-variation-panel{display:grid;gap:var(--space-3);margin-top:var(--panel-pad-md);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:var(--surface-panel-soft);padding:var(--panel-pad-md)}.harmonies-variation-row{display:flex;align-items:center;gap:var(--space-3)}.harmonies-variation-label{width:3rem;flex-shrink:0;color:var(--text-dim);font-size:.72rem;font-weight:650}.harmonies-variation-grid{display:flex;flex:1;flex-wrap:wrap;gap:var(--space-1)}.harmonies-variation-swatch{width:2rem;height:2rem;border-radius:.45rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);box-shadow:var(--shadow-float-sm);transition:transform .18s ease}.harmonies-variation-swatch:hover,.harmonies-variation-swatch:focus-visible{transform:scale(1.08);outline:none}.harmonies-workbench-heading{margin:var(--space-2) 0 0;color:var(--text-primary);font-size:clamp(1.45rem,1.1rem + 1vw,2rem);font-weight:700;line-height:1.2}.harmonies-workbench-copy,.harmonies-empty-copy,.harmonies-summary-copy{color:var(--text-secondary);font-size:.88rem;line-height:1.55}.harmonies-workbench-copy,.harmonies-empty-copy{margin:var(--space-2) 0 0;max-width:48rem}.harmonies-empty-icon{margin-top:var(--compact-gap-xs);color:var(--text-secondary)}.harmonies-empty-title{margin:0;color:var(--text-primary);font-size:1.05rem;font-weight:700}.harmonies-summary-copy{margin:0}.harmonies-note-icon{margin-top:var(--compact-gap-xs);color:var(--text-success)}.dual-harmony-shell{display:grid;gap:var(--stack-gap-lg);padding:var(--panel-pad-md);border-radius:var(--radius-control-shell)}.dual-harmony-header{display:flex;align-items:center;justify-content:space-between;gap:var(--stack-gap-md)}.dual-harmony-alert{display:inline-flex;align-items:center;gap:var(--compact-gap-xs);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-warning-pill) 72%,transparent);background:var(--surface-warning-soft);color:var(--text-warning-soft);padding:var(--compact-chip-pad-y) var(--compact-chip-pad-x);font-size:var(--type-meta-size);font-weight:650}.dual-harmony-grid{display:grid;gap:var(--stack-gap-lg)}.dual-harmony-subhead{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);margin-bottom:var(--panel-pad-sm);font-size:var(--type-caption-size);font-weight:650}.dual-harmony-subhead-dot{width:.45rem;height:.45rem;border-radius:999px;background:currentColor}.dual-harmony-subhead-visual{color:var(--text-link-accent)}.dual-harmony-subhead-balanced{color:var(--text-success)}.dual-harmony-swatch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--stack-gap-sm)}.dual-harmony-swatch-card{position:relative;text-align:center}.dual-harmony-swatch{width:100%;height:4rem;margin-bottom:var(--compact-gap-sm);border-radius:var(--radius-control-md);border:2px solid color-mix(in srgb,var(--surface-border-strong) 32%,transparent);box-shadow:var(--shadow-float-sm)}.dual-harmony-swatch-flagged{border-color:color-mix(in srgb,var(--text-warning-soft) 72%,transparent)}.dual-harmony-marker{position:absolute;top:calc(-1 * var(--compact-gap-xs));right:calc(-1 * var(--compact-gap-xs));display:inline-flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);border-radius:999px;background:color-mix(in srgb,var(--surface-warning-pill) 92%,var(--text-warm));color:var(--text-inverse)}.dual-harmony-swatch-hex{color:var(--text-primary);font-size:var(--type-label-size);font-family:var(--font-family-mono)}.dual-harmony-swatch-meta{color:var(--text-muted);font-size:var(--type-label-size)}.dual-harmony-summary{border-radius:var(--radius-md);background:var(--surface-panel-soft);padding:var(--panel-pad-sm) var(--panel-pad-md)}.dual-harmony-summary-copy{color:var(--text-secondary);font-size:var(--type-control-size)}.dual-harmony-summary-copy+.dual-harmony-summary-copy{margin-top:var(--compact-gap-xs)}.dual-harmony-summary-label{font-weight:650}.dual-harmony-summary-label-visual{color:var(--text-link-accent)}.dual-harmony-summary-label-balanced{color:var(--text-success)}@media (min-width: 1024px){.dual-harmony-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.harmony-result-main,.harmony-modal-base,.harmony-modal-header,.harmony-modal-footer{align-items:flex-start;flex-wrap:wrap}.harmony-result-actions{width:100%;justify-content:flex-end}.harmony-modal-type-grid{grid-template-columns:1fr}}.harmonies-page-shell{gap:var(--space-4)}.harmonies-route-shell{display:grid;gap:var(--space-5)}.harmonies-primary-surface{display:grid;gap:var(--space-4);padding:var(--panel-pad-md);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--surface-border-strong) 76%,transparent);background:var(--surface-overlay-panel-strong);box-shadow:var(--shadow-float-sm)}.harmonies-hero-grid{display:grid;gap:var(--stack-gap-lg)}.harmonies-hero-panel,.harmonies-side-panel,.harmonies-brief-panel,.harmonies-candidates-panel,.harmonies-workbench-panel{border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 74%,transparent);background:var(--surface-panel-soft);box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent);padding:var(--space-4)}.harmonies-brief-panel{display:grid;gap:var(--space-3)}.harmonies-brief-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.harmonies-brief-checklist{display:grid;gap:var(--compact-gap-sm)}.harmonies-brief-composer-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(14rem,1fr);align-items:start;gap:var(--space-2)}.harmonies-brief-row{--brief-legend-column: minmax(6.8rem, .18fr);display:grid;grid-template-columns:auto minmax(8rem,.3fr) var(--brief-legend-column) minmax(0,1fr) auto;align-items:flex-start;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-border) 62%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 78%,transparent);padding:var(--space-2) var(--space-3)}.harmonies-brief-row-tall{align-items:start}.harmonies-brief-row-cue{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;margin-top:.13rem;border-radius:999px;color:var(--surface-base);background:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent)}.harmonies-brief-row-cue-role{background:color-mix(in srgb,var(--accent-color) 76%,white 6%)}.harmonies-brief-row-cue-temp{background:color-mix(in srgb,var(--text-info-soft) 74%,var(--text-warm) 26%)}.harmonies-brief-row-cue-mood{background:color-mix(in srgb,var(--text-warning-soft) 78%,white 6%)}.harmonies-brief-row-cue-personality{background:color-mix(in srgb,var(--text-link-accent) 72%,white 8%)}.harmonies-brief-row-cue-harmony{background:color-mix(in srgb,var(--text-success) 72%,white 8%)}.harmonies-brief-row-copy{display:grid;gap:var(--compact-gap-xs)}.harmonies-brief-row-label{color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:.09em;line-height:1;text-transform:uppercase}.harmonies-brief-row-copy strong{color:var(--text-primary);font-size:.9rem;font-weight:750;line-height:1.2}.harmonies-brief-row-legend{min-width:0}.harmonies-brief-chip-group{display:flex;flex-wrap:wrap;gap:var(--compact-gap-sm);min-width:0}.harmonies-brief-choice{--brief-option-color: var(--accent-color);position:relative;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:color-mix(in srgb,var(--surface-panel-soft) 88%,transparent);padding:var(--compact-pad-y) var(--pad-chip-x);color:var(--text-muted);font-size:.76rem;font-weight:700;line-height:var(--leading-utility);display:inline-flex;align-items:center;gap:var(--compact-gap-xs);transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.harmonies-brief-option-popover-wrap{position:relative;display:inline-flex}.harmonies-brief-option-popover{position:absolute;z-index:20;left:50%;bottom:calc(100% + .55rem);width:min(15rem,72vw);display:grid;gap:var(--compact-gap-xs);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--brief-option-color) 24%,rgb(148,163,184));background:#fff;padding:.68rem .75rem;color:color-mix(in srgb,black 74%,white);font-size:.72rem;line-height:1.4;box-shadow:0 16px 36px #02061747;opacity:0;pointer-events:none;transform:translate(-50%,.25rem);transition:opacity .16s ease,transform .16s ease}.harmonies-brief-option-popover:after{content:"";position:absolute;left:50%;bottom:-.34rem;width:.62rem;height:.62rem;border-right:1px solid color-mix(in srgb,var(--brief-option-color) 24%,rgb(148,163,184));border-bottom:1px solid color-mix(in srgb,var(--brief-option-color) 24%,rgb(148,163,184));background:#fff;transform:translate(-50%) rotate(45deg)}.harmonies-brief-option-popover strong{color:color-mix(in srgb,black 92%,white);font-size:.76rem;font-weight:800;line-height:1.1}.harmonies-brief-option-popover-wrap:hover .harmonies-brief-option-popover,.harmonies-brief-option-popover-wrap:focus-within .harmonies-brief-option-popover{opacity:1;transform:translate(-50%)}.harmonies-brief-choice:hover,.harmonies-brief-choice:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brief-option-color) 38%,var(--surface-border-strong));background:color-mix(in srgb,var(--brief-option-color) 13%,var(--surface-panel-hover));color:var(--text-primary)}.harmonies-brief-choice-active{border-color:color-mix(in srgb,var(--brief-option-color) 56%,transparent);background:color-mix(in srgb,var(--brief-option-color) 25%,var(--surface-panel-hover));color:var(--text-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--brief-option-color) 14%,transparent),inset 0 1px color-mix(in srgb,white 5%,transparent)}.harmonies-brief-choice-label{min-width:0}.harmonies-brief-choice-check{position:absolute;top:-.36rem;right:-.28rem;width:.92rem;height:.92rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border-strong) 68%,transparent);background:color-mix(in srgb,var(--brief-option-color) 82%,black 12%);color:var(--text-inverse);box-shadow:0 0 0 2px color-mix(in srgb,var(--surface-panel) 92%,transparent);pointer-events:none}.harmonies-brief-choice-check svg{color:currentColor}.harmonies-brief-mood-groups{display:grid;gap:var(--compact-gap-sm);grid-column:3/5;grid-template-columns:minmax(0,1fr)}.harmonies-brief-mood-group,.harmonies-brief-harmony-group{display:grid;grid-template-columns:var(--brief-legend-column) minmax(0,1fr);align-items:flex-start;gap:var(--space-2)}.harmonies-brief-mood-group>span,.harmonies-brief-harmony-group>span{padding-top:var(--compact-pad-y);color:var(--text-muted);font-size:.64rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.harmonies-brief-harmony-groups{display:grid;gap:var(--compact-gap-sm);grid-column:3/5;grid-template-columns:minmax(0,1fr)}.harmonies-role-assignments{display:grid;gap:var(--compact-gap-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-border) 50%,transparent);background:color-mix(in srgb,var(--surface-panel-soft) 58%,transparent);padding:var(--space-2)}.harmonies-role-assignments-candidates{margin-bottom:var(--space-3)}.harmonies-role-assignments-compact{margin-top:var(--space-2);padding:var(--space-2)}.harmonies-candidate-role-strip{gap:var(--compact-gap-xs)}.harmonies-candidate-role-strip .harmonies-role-assignments-head{align-items:center}.harmonies-candidate-role-strip .harmonies-role-assignments-head strong{color:var(--text-dim);font-size:.62rem;font-weight:750}.harmonies-candidate-role-strip .harmonies-role-assignment-card{grid-template-columns:auto minmax(0,1fr);padding:.28rem .38rem}.harmonies-candidate-role-strip .harmonies-role-assignment-card strong{font-size:.66rem}.harmonies-candidate-role-strip .harmonies-role-assignment-card small{font-size:.52rem}.harmonies-role-assignments-results{padding:var(--space-2)}.harmonies-role-assignments-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--compact-gap-sm)}.harmonies-role-assignments-head strong{color:var(--text-primary);font-size:.76rem;font-weight:800;line-height:1.1}.harmonies-role-assignment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--compact-gap-xs)}.harmonies-role-assignment-card{--brief-option-color: var(--accent-color);display:grid;grid-template-columns:auto minmax(0,1fr);gap:.12rem var(--compact-gap-xs);min-width:0;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--surface-border) 54%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 70%,transparent);padding:var(--compact-pad-y) var(--compact-pad-x)}.harmonies-role-assignment-card[data-status=excellent]{border-color:color-mix(in srgb,var(--brief-option-color) 46%,transparent);background:color-mix(in srgb,var(--brief-option-color) 18%,var(--surface-panel-hover))}.harmonies-role-assignment-card[data-status=good]{border-color:color-mix(in srgb,var(--brief-option-color) 34%,transparent);background:color-mix(in srgb,var(--brief-option-color) 11%,var(--surface-panel-muted))}.harmonies-role-assignment-swatch{grid-row:1/4;align-self:center;width:.86rem;height:.86rem;border-radius:999px;border:1px solid color-mix(in srgb,white 42%,transparent);box-shadow:0 0 0 1px #0000002e}.harmonies-role-assignment-card span,.harmonies-role-assignment-card small{overflow:hidden;color:var(--text-muted);font-size:.58rem;font-weight:800;letter-spacing:.06em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.harmonies-role-assignment-card strong{overflow:hidden;color:var(--text-primary);font-size:.72rem;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.harmonies-brief-complete{display:inline-flex;align-items:center;justify-content:center;min-width:3.5rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 62%,transparent);background:var(--surface-panel-muted);padding:var(--compact-pad-y) var(--space-3);color:var(--text-dim);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.harmonies-brief-complete-ready{border-color:color-mix(in srgb,var(--surface-success-strong) 34%,transparent);background:var(--surface-success-soft);color:var(--text-success)}.harmonies-brief-ready-strip{display:grid;gap:var(--compact-gap-xs);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-border) 64%,transparent);background:color-mix(in srgb,var(--surface-panel-soft) 82%,transparent);padding:var(--space-3)}.harmonies-brief-summary-rail{display:grid;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-border) 62%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent-color) 8%,transparent),transparent 48%),color-mix(in srgb,var(--surface-panel-muted) 84%,transparent);padding:var(--space-2);box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent)}.harmonies-brief-ready-strip strong{color:var(--text-primary);font-size:1rem;font-weight:800;line-height:1.1}.harmonies-brief-ready-strip p{margin:0;color:var(--text-muted);font-size:.78rem;line-height:1.35}.harmonies-brief-summary-list{display:grid;gap:var(--compact-gap-xs)}.harmonies-brief-summary-item{display:grid;gap:var(--compact-gap-xs);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent);background:color-mix(in srgb,var(--surface-panel-soft) 68%,transparent);padding:var(--compact-pad-y) var(--space-2)}.harmonies-brief-summary-item[data-selected=true]{border-color:color-mix(in srgb,var(--surface-success-strong) 30%,transparent);background:color-mix(in srgb,var(--surface-success-soft) 76%,transparent)}.harmonies-brief-summary-item span{color:var(--text-muted);font-size:.64rem;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase}.harmonies-brief-summary-item strong{overflow:hidden;color:var(--text-primary);font-size:.78rem;font-weight:750;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.harmonies-brief-summary-item[data-selected=false] strong{color:var(--text-dim)}.harmonies-brief-summary-missing{margin:0;color:var(--text-muted);font-size:.74rem;line-height:1.4}.harmonies-brief-generator-controls{display:grid;gap:var(--compact-gap-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent);background:color-mix(in srgb,var(--surface-panel-soft) 62%,transparent);padding:var(--space-2)}.harmonies-brief-advanced-panel{display:grid;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 74%,transparent);padding:var(--space-2) var(--space-3)}.harmonies-brief-advanced-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.harmonies-brief-advanced-head>div{display:grid;gap:var(--compact-gap-xs)}.harmonies-brief-advanced-head strong{color:var(--text-primary);font-size:.9rem;font-weight:800;line-height:1.1}.harmonies-brief-advanced-head p{max-width:28rem;margin:0;color:var(--text-muted);font-size:.76rem;line-height:1.4;text-align:right}.harmonies-brief-advanced-grid{display:grid;grid-template-columns:minmax(13rem,1.1fr) minmax(12rem,1fr) minmax(14rem,1fr) minmax(12rem,.9fr);align-items:end;gap:var(--space-2)}.harmonies-brief-control-row{display:grid;gap:var(--compact-gap-xs)}.harmonies-brief-control-head{display:flex;align-items:center;justify-content:space-between;gap:var(--compact-gap-sm)}.harmonies-brief-control-head strong{color:var(--text-primary);font-size:.76rem;font-weight:800;line-height:1}.harmonies-brief-control-label{color:var(--text-muted);font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.harmonies-brief-mini-options{display:flex;flex-wrap:wrap;gap:var(--compact-gap-xs)}.harmonies-brief-mini-option{border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:var(--surface-panel-muted);padding:.34rem .62rem;color:var(--text-secondary);font-size:.7rem;font-weight:750;line-height:1}.harmonies-brief-mini-option:hover,.harmonies-brief-mini-option:focus-visible,.harmonies-brief-mini-option-active{border-color:color-mix(in srgb,var(--accent-color) 34%,transparent);background:color-mix(in srgb,var(--accent-color) 18%,var(--surface-panel-hover));color:var(--text-primary)}.harmonies-brief-range-control{min-width:0}.harmonies-brief-range{width:100%;height:.38rem;margin:var(--compact-gap-xs) 0;border-radius:999px;accent-color:var(--accent-color);background:color-mix(in srgb,var(--surface-border) 58%,transparent)}.harmonies-brief-range-scale{display:flex;align-items:center;justify-content:space-between;color:var(--text-dim);font-size:.64rem;font-weight:800;line-height:1}.harmonies-brief-variant-toggle{display:flex;align-items:flex-start;gap:var(--compact-gap-sm);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--surface-border) 54%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 72%,transparent);padding:var(--compact-pad-y) var(--space-3);color:var(--text-secondary)}.harmonies-brief-variant-toggle input{margin-top:.12rem;accent-color:var(--accent-color)}.harmonies-brief-variant-toggle span{display:grid;gap:.1rem}.harmonies-brief-variant-toggle strong{color:var(--text-primary);font-size:.75rem;line-height:1.2}.harmonies-brief-variant-toggle small{color:var(--text-muted);font-size:.68rem;line-height:1.25}.harmonies-brief-generate{justify-content:center;width:100%}.harmonies-brief-action-stack{display:grid;gap:var(--compact-gap-sm)}.harmonies-brief-clear{justify-content:center;width:100%}.harmonies-brief-status,.harmonies-brief-tradeoff{margin:0;color:var(--text-muted);font-size:.82rem;line-height:1.55}.harmonies-brief-candidate-grid{display:grid;gap:var(--space-3)}.harmonies-brief-candidate-card{display:grid;gap:var(--space-3);border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--accent-color) 24%,color-mix(in srgb,var(--surface-border) 32%,transparent));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 8%,transparent),transparent 42%),var(--surface-panel-soft);padding:var(--panel-pad-md)}.harmonies-brief-swatch{width:3rem;height:3rem}.harmonies-section-heading{display:grid;gap:var(--space-2)}.harmonies-title{margin:0;color:var(--text-primary);font-size:clamp(1.5rem,1.05rem + 1.05vw,2.1rem);font-weight:700;line-height:var(--leading-heading)}.harmonies-subtitle{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.6}.harmonies-subtitle-wide{max-width:52rem}.harmonies-chip-row,.harmonies-meta-row,.harmonies-action-row,.harmonies-swatch-row{display:flex;flex-wrap:wrap;gap:var(--compact-gap-sm)}.harmonies-chip-row-compact{gap:var(--compact-gap-xs)}.harmonies-chip-row-support{margin-top:var(--space-3)}.harmonies-chip,.harmonies-meta-chip,.harmonies-kpi-chip{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-muted);padding:var(--compact-pad-y) var(--pad-chip-x);color:var(--text-secondary);font-size:.72rem;font-weight:650;line-height:var(--leading-utility)}.harmonies-chip-accent{border-color:color-mix(in srgb,var(--accent-color) 28%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:var(--surface-accent-soft);color:var(--text-primary)}.harmonies-chip-success{border-color:color-mix(in srgb,var(--surface-success-strong) 32%,transparent);background:var(--surface-success-soft);color:var(--text-success)}.harmonies-chip-warning{border-color:color-mix(in srgb,var(--surface-warning-pill) 36%,transparent);background:var(--surface-warning-soft);color:var(--text-warning-strong)}.harmonies-chip-danger{border-color:color-mix(in srgb,var(--surface-danger-strong) 34%,transparent);background:var(--surface-danger-soft);color:var(--text-danger-soft)}.harmonies-fit-scale{--fit-score: 0%;--fit-color: var(--surface-danger-strong, var(--text-danger-soft));display:inline-grid;min-width:7.6rem;gap:.28rem;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--fit-color) 28%,var(--surface-border));background:color-mix(in srgb,var(--fit-color) 10%,var(--surface-panel-muted));padding:.36rem .54rem}.harmonies-fit-scale-copy{display:flex;align-items:center;justify-content:space-between;gap:var(--compact-gap-sm);color:var(--text-secondary);font-size:.68rem;font-weight:750;line-height:1}.harmonies-fit-scale-copy strong{color:var(--text-primary)}.harmonies-fit-scale-track{overflow:hidden;height:.28rem;border-radius:999px;background:color-mix(in srgb,var(--surface-border) 58%,transparent)}.harmonies-fit-scale-fill{display:block;width:var(--fit-score);height:100%;border-radius:inherit;background:var(--fit-color)}.harmonies-fit-scale[data-fit-tier=poor]{--fit-color: var(--surface-danger-strong, var(--text-danger-soft))}.harmonies-fit-scale[data-fit-tier=weak]{--fit-color: var(--text-danger-soft, var(--text-danger))}.harmonies-fit-scale[data-fit-tier=fair]{--fit-color: var(--text-warning-soft, var(--text-warning))}.harmonies-fit-scale[data-fit-tier=good]{--fit-color: var(--text-info-soft, var(--text-info))}.harmonies-fit-scale[data-fit-tier=strong]{--fit-color: var(--text-success, var(--text-positive))}.harmonies-fit-scale[data-fit-tier=excellent]{--fit-color: var(--text-success-strong, var(--text-success))}.harmonies-hero-card{display:grid;gap:var(--panel-pad-md);border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 74%,transparent);background:#0b1321d1;padding:var(--panel-pad-md)}.harmonies-hero-card-grid{display:flex;flex-direction:column;gap:var(--space-4)}.harmonies-hero-copy{display:grid;gap:var(--space-3)}.harmonies-hero-card-title{display:flex;align-items:center;gap:var(--compact-gap-sm);margin:0;color:var(--text-primary);font-size:clamp(1.45rem,1.1rem + .75vw,1.9rem);font-weight:700;line-height:1.2}.harmonies-hero-rationale,.harmonies-hero-support-copy,.harmonies-side-copy,.harmonies-candidate-rationale,.harmonies-candidate-support,.harmonies-note-copy,.harmonies-workbench-row-label{margin:0;font-size:.88rem;line-height:1.58}.harmonies-hero-rationale,.harmonies-side-copy,.harmonies-candidate-rationale,.harmonies-workbench-row-label{color:var(--text-secondary)}.harmonies-hero-support-copy,.harmonies-candidate-support,.harmonies-note-copy,.harmonies-side-copy-compact{color:var(--text-muted)}.harmonies-hero-evidence-grid{display:grid;gap:var(--space-3)}.harmonies-swatch-column{display:grid;gap:var(--compact-gap-sm)}.harmonies-swatch-tile{border-radius:var(--radius-md);border:1px solid color-mix(in srgb,white 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 8%,transparent)}.harmonies-note-card{display:grid;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:var(--surface-panel-soft);padding:var(--space-2)}.harmonies-note-list{display:grid;gap:var(--compact-gap-sm)}.harmonies-note-item{display:flex;align-items:flex-start;gap:var(--compact-gap-sm);color:var(--text-secondary);font-size:.84rem;line-height:1.55}.harmonies-side-stack,.harmonies-candidate-grid,.harmonies-workbench-grid{display:grid;gap:var(--space-3)}.harmonies-side-stack{align-content:start}.harmonies-side-panel{display:grid;gap:var(--space-2)}.harmonies-side-title,.harmonies-candidates-title,.harmonies-candidate-title{margin:0;color:var(--text-primary);font-weight:700;line-height:1.25}.harmonies-side-title{font-size:1.05rem}.harmonies-candidates-head,.harmonies-candidate-head,.harmonies-workbench-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.harmonies-candidates-title{font-size:clamp(1.2rem,.95rem + .55vw,1.6rem)}.harmonies-candidates-count{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 74%,transparent);background:var(--surface-panel-muted);padding:var(--compact-pad-y) var(--pad-chip-x);color:var(--text-secondary);font-size:var(--type-meta-size);font-weight:650}.harmonies-candidate-card{display:grid;gap:var(--space-2);border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);padding:var(--space-3);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.harmonies-candidate-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--surface-border-strong) 78%,transparent);background:var(--surface-panel-hover);box-shadow:var(--shadow-raised)}.harmonies-candidate-card-featured{border-color:color-mix(in srgb,var(--accent-color) 32%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:color-mix(in srgb,var(--surface-accent-soft) 64%,var(--surface-panel-soft))}.harmonies-candidate-head{gap:var(--space-3)}.harmonies-candidate-title{margin-top:var(--space-1);font-size:1.15rem}.harmonies-candidate-copy,.harmonies-tradeoff-list,.harmonies-workbench-toolbar,.harmonies-workbench-list,.harmonies-workbench-support-grid,.harmonies-summary-stack{display:grid;gap:var(--space-2)}.harmonies-candidate-meta{align-items:center}.harmonies-tradeoff-card{display:grid;gap:var(--compact-gap-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:var(--surface-panel-muted);padding:var(--space-2)}.harmonies-detector{display:grid;gap:var(--space-3);border-radius:1.15rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);padding:var(--space-4)}.harmonies-detector-compact{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-muted);padding:var(--space-2) var(--space-3)}.harmonies-detector-head,.harmonies-detector-body-head,.harmonies-detector-body-title{display:flex;align-items:center;justify-content:space-between;gap:var(--compact-gap-md)}.harmonies-detector-body-title{justify-content:flex-start}.harmonies-detector-icon{color:var(--text-accent-soft)}.harmonies-detector-title{color:var(--text-primary);font-size:.9rem;font-weight:650}.harmonies-detector-compact-label{color:var(--text-primary);font-size:.72rem;font-weight:650;line-height:1;text-transform:capitalize}.harmonies-detector-compact-score,.harmonies-detector-score{font-weight:700;font-family:var(--font-mono)}.harmonies-detector-score{font-size:1rem;line-height:1}.harmonies-detector-pattern{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.2;text-transform:capitalize}.harmonies-detector-description,.harmonies-detector-meta{color:var(--text-muted);font-size:.72rem;line-height:1.5}.harmonies-detector-meta{display:block;margin-bottom:var(--space-2)}.harmonies-detector-confidence-strong{color:var(--text-success)}.harmonies-detector-confidence-medium{color:var(--text-warning-soft)}.harmonies-detector-confidence-warm{color:var(--text-warm)}.harmonies-detector-confidence-muted{color:var(--text-dim)}.harmonies-detector-body-strong{background:var(--surface-success-soft);border-color:color-mix(in srgb,var(--surface-success-strong) 34%,transparent)}.harmonies-detector-body-medium{background:var(--surface-warning-soft);border-color:color-mix(in srgb,var(--surface-warning-pill) 34%,transparent)}.harmonies-detector-body-warm{background:color-mix(in srgb,var(--text-warm) 10%,transparent);border-color:color-mix(in srgb,var(--text-warm) 28%,transparent)}.harmonies-detector-body-muted{background:var(--surface-panel-muted);border-color:color-mix(in srgb,var(--surface-border-strong) 26%,transparent)}.harmonies-detector-body{display:grid;gap:var(--space-3);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);padding:var(--space-3)}.harmonies-detector-match-grid{display:flex;flex-wrap:wrap;gap:var(--compact-gap-sm)}.harmonies-detector-match{height:2rem;width:2rem;border-radius:.7rem;border:1px solid color-mix(in srgb,white 12%,transparent)}.harmonies-workbench-row{display:grid;gap:var(--space-3);border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);padding:var(--space-3);transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.harmonies-workbench-row:hover{border-color:color-mix(in srgb,var(--surface-border-strong) 74%,transparent);background:var(--surface-panel-hover);box-shadow:var(--shadow-raised)}.harmonies-workbench-row-active{border-color:color-mix(in srgb,var(--accent-color) 32%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:var(--surface-accent-soft)}.harmonies-workbench-swatch{border-radius:var(--radius-md);border:1px solid color-mix(in srgb,white 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 8%,transparent)}.harmonies-workbench-head{margin-bottom:var(--space-3)}.harmonies-workbench-toolbar,.harmonies-workbench-action-cluster,.harmonies-workbench-row-actions,.harmonies-workbench-row-action-group{display:flex;flex-wrap:wrap;gap:var(--compact-gap-sm)}.harmonies-workbench-toolbar{justify-content:flex-end}.harmonies-workbench-action-cluster-primary{margin-right:auto}.harmonies-workbench-action-cluster-utility{opacity:.9}.harmonies-workbench-row-main{display:grid;gap:var(--space-3)}.harmonies-workbench-row-identity,.harmonies-workbench-row-editor,.harmonies-workbench-row-copy{display:grid;gap:var(--space-2)}.harmonies-workbench-row-identity{align-content:start}.harmonies-workbench-row-kicker{display:block}.harmonies-hex-input{width:100%;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-field-base);padding:calc(var(--space-3) + var(--compact-gap-xs)) calc(var(--space-3) + var(--space-1));color:var(--text-primary);font-family:var(--font-family-mono);font-size:.86rem;font-weight:600;line-height:var(--leading-mono-compact);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.harmonies-hex-input:focus{border-color:color-mix(in srgb,var(--accent-color) 32%,color-mix(in srgb,var(--surface-border) 18%,transparent));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent)}.harmonies-empty-state{display:grid;gap:var(--space-3);border-radius:var(--radius-panel);border:1px dashed color-mix(in srgb,var(--surface-border) 78%,transparent);background:var(--surface-panel-muted);padding:var(--space-4)}.harmonies-summary-card{display:grid;gap:var(--space-2);border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);padding:var(--space-3)}@media (min-width: 1024px){.harmonies-hero-grid{grid-template-columns:minmax(0,1.9fr) minmax(18rem,.85fr);align-items:stretch}.harmonies-hero-card-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,auto);align-items:start}.harmonies-brief-candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.harmonies-workbench-grid{grid-template-columns:minmax(0,1fr);align-items:start}.harmonies-workbench-support-grid{grid-template-columns:minmax(0,.9fr) minmax(22rem,1.2fr) minmax(0,.82fr);align-items:start}.harmonies-workbench-row-main{grid-template-columns:minmax(0,.25fr) minmax(220px,.85fr) minmax(220px,.95fr);align-items:start}}@media (max-width: 1023px){.harmonies-candidates-head,.harmonies-candidate-head,.harmonies-workbench-head{flex-direction:column}.harmonies-brief-composer-grid{grid-template-columns:1fr}.harmonies-brief-advanced-head{flex-direction:column}.harmonies-brief-advanced-head p{max-width:none;text-align:left}.harmonies-brief-advanced-grid{grid-template-columns:1fr}.harmonies-brief-row{grid-template-columns:auto minmax(0,1fr)}.harmonies-brief-row-legend{display:none}.harmonies-brief-chip-group,.harmonies-brief-mood-groups,.harmonies-brief-harmony-groups,.harmonies-brief-complete{grid-column:2}.harmonies-brief-mood-group,.harmonies-brief-harmony-group{grid-template-columns:minmax(5.8rem,auto) minmax(0,1fr)}.harmonies-role-assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.harmonies-workbench-toolbar{justify-content:flex-start}.harmonies-workbench-action-cluster-primary{margin-right:0}}.inspiration-module-title-compact{font-size:.92rem}.inspiration-module-title-lg{font-size:1.06rem}.inspiration-smart-picker-popover{width:20rem;z-index:100}.inspiration-info-popover{width:min(24rem,100vw - var(--space-8))}.inspiration-info-popover-copy{max-width:28rem}.inspiration-smart-picker-title{font-size:.76rem}.inspiration-importer-compact-gap{gap:var(--space-3)}.inspiration-importer-tab-stack,.inspiration-importer-tab-stack-compact{display:grid}.inspiration-importer-tab-stack{gap:var(--space-3)}.inspiration-importer-tab-stack-compact{gap:var(--compact-gap-sm)}.inspiration-importer-tab-panel{margin-top:var(--space-3)}.inspiration-importer-row{display:flex;gap:var(--space-2)}.inspiration-importer-row-compact{flex-direction:column}.inspiration-importer-nowrap{white-space:nowrap}.inspiration-importer-slider-label{color:var(--text-dim);font-size:.72rem;line-height:1.45}.inspiration-importer-checkbox-label{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-dim);font-size:.72rem;line-height:1.45}.inspiration-importer-checkbox{width:.95rem;height:.95rem;border-radius:.28rem;border:1px solid color-mix(in srgb,var(--surface-border) 48%,transparent);background:var(--surface-panel-soft);accent-color:color-mix(in srgb,var(--accent-color) 88%,white 6%)}.inspiration-importer-selection-count{color:var(--text-warning-soft);font-size:.78rem;font-weight:650}.inspiration-importer-selection-overflow{color:var(--text-warning-strong);font-size:.72rem}.inspiration-selection-summary-compact{flex-direction:column;align-items:flex-start}.inspiration-importer-swatch-head{display:flex;align-items:center;justify-content:space-between;gap:var(--compact-gap-md);margin-bottom:var(--space-2)}.inspiration-importer-swatch-head-compact{display:grid;justify-items:start;gap:var(--space-1)}.inspiration-importer-harmony-summary{display:inline-flex;align-items:center;gap:var(--compact-gap-xs)}.inspiration-importer-harmony-meta{color:var(--text-dim);font-size:.72rem;line-height:1.4;text-transform:capitalize}.inspiration-importer-confidence-strong{color:var(--text-success)}.inspiration-importer-confidence-medium{color:var(--text-warning-soft)}.inspiration-importer-confidence-warm{color:var(--text-warm)}.inspiration-importer-tooltip{position:absolute;left:50%;bottom:-1.25rem;z-index:10;pointer-events:none;white-space:nowrap;border-radius:.35rem;background:var(--surface-support-popover);padding:var(--compact-gap-xs) var(--compact-gap-sm);color:var(--text-inverse);font-size:.5rem;transform:translate(-50%);opacity:0;transition:opacity .18s ease}.group:hover .inspiration-importer-tooltip{opacity:1}@media (max-width: 900px){.inspiration-detector-source-toggle{grid-template-columns:1fr}}@media (min-width: 900px){.inspiration-harmony-debugger-layout{grid-template-columns:minmax(0,17.5rem) minmax(0,1fr);align-items:start}}.inspiration-page-shell{gap:var(--gap-page-section)}.inspiration-page-intro{gap:var(--compact-gap-sm);padding:var(--panel-pad-sm) var(--panel-pad-md)}.inspiration-page-intro .type-stack-heading{gap:var(--space-2)}.inspiration-page-intro .type-page-title{max-width:28rem}.inspiration-page-intro .surface-copy-muted{max-width:48rem}.inspiration-studio-layout{display:grid;gap:var(--stack-gap-lg);align-items:start}.inspiration-palette-rail,.inspiration-support-rail{min-width:0;align-content:start}.inspiration-palette-rail,.inspiration-palette-sticky{align-self:start}.inspiration-palette-panel{min-height:clamp(34rem,74vh,58rem);overflow:hidden;box-shadow:none}.inspiration-studio-shell{gap:var(--stack-gap-lg)}.inspiration-primary-row{display:grid;gap:var(--space-4);align-items:start}.inspiration-workspace-panel{padding:var(--panel-pad-md);box-shadow:var(--shadow-float-sm)}.inspiration-workspace-panel-primary{gap:var(--space-5)}.inspiration-workspace-header{display:grid;gap:var(--compact-gap-sm)}.inspiration-workspace-heading{gap:var(--space-3)}.inspiration-workspace-heading .surface-copy-muted{max-width:44rem}.inspiration-workspace-setup,.inspiration-workspace-stage{display:grid;gap:var(--space-3)}.inspiration-workspace-setup{padding-bottom:var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent)}.inspiration-workspace-setup-copy{gap:var(--space-2);max-width:38rem}.inspiration-workspace-tabstrip{display:grid;gap:var(--space-2);padding:var(--compact-gap-xs);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:var(--surface-panel-soft);box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent)}.inspiration-workspace-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--compact-gap-xs);width:100%}.inspiration-workspace-tab{display:inline-flex;min-width:0;align-items:center;justify-content:flex-start;border-radius:.95rem;border:1px solid transparent;background:transparent;padding:calc(var(--space-3) + var(--space-1)) var(--space-4);text-align:left;color:color-mix(in srgb,var(--text-secondary) 76%,var(--text-dim) 24%);transition:color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.inspiration-workspace-tab:hover,.inspiration-workspace-tab:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border-strong) 70%,transparent);background:var(--surface-panel-hover);outline:none}.inspiration-workspace-tab-active{border-color:color-mix(in srgb,var(--accent-color) 32%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color) 14%,var(--surface-panel-hover)),var(--surface-panel-soft));color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-color) 20%,transparent),0 10px 24px color-mix(in srgb,var(--surface-overlay-scrim) 16%,transparent)}.inspiration-workspace-tab-label{display:block;min-width:0;font-size:.86rem;font-weight:700;line-height:1.18;text-wrap:balance}@media (max-width: 700px){.inspiration-workspace-tabs{grid-template-columns:minmax(0,1fr)}}.inspiration-workspace-panels{display:grid;gap:var(--space-3)}.inspiration-workspace-tabpanel{display:grid;gap:var(--space-3);min-width:0}.inspiration-workspace-tabpanel[hidden]{display:none}.inspiration-workspace-panel-intro{gap:var(--space-2);max-width:34rem}.inspiration-inline-note{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-muted);padding:var(--space-3) var(--space-4);color:var(--text-muted);font-size:.78rem;line-height:1.45}.inspiration-support-rail{gap:var(--space-3)}.inspiration-support-panel{padding:var(--panel-pad-sm);border-radius:var(--radius-panel);box-shadow:none}.inspiration-analysis-panel{padding:var(--panel-pad-md)}.inspiration-module-shell{display:grid;gap:var(--space-4)}.inspiration-module-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.inspiration-module-title{margin:0;color:var(--text-primary);font-size:1rem;font-weight:700;line-height:var(--leading-heading)}.inspiration-module-count{color:var(--text-dim);font-size:var(--type-label-size);font-weight:600;line-height:var(--leading-meta);white-space:nowrap}.inspiration-segmented{display:inline-flex;align-items:center;gap:var(--compact-gap-xs);width:100%;flex-wrap:wrap;padding:var(--compact-gap-xs);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft)}.inspiration-segmented-option{display:inline-flex;align-items:center;justify-content:center;gap:var(--compact-gap-sm);min-height:var(--size-control-button-sm);border-radius:var(--radius-control-soft);border:1px solid transparent;background:transparent;padding:var(--pad-control-compact-y) var(--pad-control-md-x);color:color-mix(in srgb,var(--text-secondary) 76%,var(--text-dim) 24%);font-size:var(--type-meta-size);font-weight:650;line-height:var(--leading-utility);transition:color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.inspiration-segmented-option:hover,.inspiration-segmented-option:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border-strong) 70%,transparent);background:var(--surface-control-hover);outline:none}.inspiration-segmented-option-active{color:#fff;border-color:color-mix(in srgb,var(--accent-color) 32%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:var(--surface-button-active);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-color) 18%,transparent),0 10px 24px color-mix(in srgb,var(--surface-overlay-scrim) 14%,transparent)}.inspiration-field,.inspiration-file-input{width:100%;border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-field-base);color:var(--text-primary);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.inspiration-field{padding:var(--pad-control-md-y) var(--pad-control-md-x);font-size:var(--type-input-size);line-height:var(--leading-body)}.inspiration-field::-moz-placeholder{color:var(--text-dim)}.inspiration-field::placeholder{color:var(--text-dim)}.inspiration-field:focus{outline:none;border-color:color-mix(in srgb,var(--accent-color) 32%,color-mix(in srgb,var(--surface-border) 20%,transparent));box-shadow:var(--shadow-focus-accent)}.inspiration-file-input{padding:var(--space-2);font-size:var(--type-body-compact-size);line-height:var(--leading-body)}.inspiration-file-input::file-selector-button{margin-right:var(--pad-control-md-x);border:0;border-radius:var(--radius-control-compact);background:color-mix(in srgb,var(--accent-color) 92%,white 6%);color:#fff;padding:var(--space-2) var(--pad-control-md-x);font-size:var(--type-control-size);font-weight:700;cursor:pointer;transition:background-color .18s ease}.inspiration-file-input::file-selector-button:hover{background:color-mix(in srgb,var(--accent-color) 82%,black 8%)}.inspiration-helper-copy{margin:0;color:var(--text-dim);font-size:var(--type-meta-size);line-height:1.5}.inspiration-inline-error{margin:0;border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-danger-strong) 36%,transparent);background:var(--surface-danger-soft);padding:var(--pad-control-md-y) var(--pad-control-md-x);color:var(--text-danger-soft);font-size:var(--type-control-size);line-height:1.45}.inspiration-feedback-banner{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);padding:var(--pad-control-md-y) var(--pad-control-md-x);font-size:var(--type-control-size);line-height:1.4}.inspiration-feedback-banner-success{border-color:color-mix(in srgb,var(--surface-success-strong) 72%,transparent);background:var(--surface-success-strong);color:var(--text-success)}.inspiration-feedback-banner-info{border-color:color-mix(in srgb,var(--accent-color) 28%,transparent);background:var(--surface-info-soft);color:var(--text-info-soft)}.inspiration-action-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--compact-gap-sm);min-height:var(--size-control-button-md);border-radius:var(--radius-control-soft);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-control-raised-strong);color:var(--text-secondary);padding:var(--pad-control-md-y) var(--pad-control-md-x);font-size:var(--type-control-size);font-weight:700;line-height:var(--leading-utility);transition:color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.inspiration-action-button:hover,.inspiration-action-button:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-panel-hover);outline:none;transform:translateY(-1px)}.inspiration-action-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.inspiration-action-button-primary{border-color:color-mix(in srgb,var(--accent-color) 34%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:var(--surface-accent-strong);color:#fff}.inspiration-action-button-primary:hover,.inspiration-action-button-primary:focus-visible{background:var(--surface-accent-strong-hover);color:#fff}.inspiration-action-button-positive{border-color:color-mix(in srgb,var(--surface-success-strong) 72%,transparent);background:var(--surface-success-strong);color:#fff}.inspiration-action-button-positive:hover,.inspiration-action-button-positive:focus-visible{background:color-mix(in srgb,var(--surface-success-strong) 88%,var(--text-positive-strong));color:#fff}.inspiration-action-button-success{border-color:color-mix(in srgb,var(--surface-success-strong) 72%,transparent);background:color-mix(in srgb,var(--surface-success-strong) 92%,var(--text-positive-strong));color:#fff}.inspiration-action-button-full{width:100%}.inspiration-action-button-stretch{flex:1}.inspiration-moodboard-label,.inspiration-moodboard-modal-label{color:var(--text-dim);font-size:var(--type-meta-size);line-height:var(--leading-meta)}.inspiration-moodboard-modal-label{width:4rem;flex-shrink:0}.inspiration-moodboard-actions,.inspiration-moodboard-modal-row{display:flex;align-items:center;gap:var(--space-3)}.inspiration-moodboard-actions{gap:var(--space-2)}.inspiration-moodboard-canvas-frame{justify-content:center;overflow:hidden}.inspiration-moodboard-canvas,.inspiration-modal-preview-image{width:100%;height:auto;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);box-shadow:var(--shadow-raised)}.inspiration-moodboard-canvas{-o-object-fit:contain;object-fit:contain;max-width:100%}.inspiration-modal-title{margin:0;color:var(--text-primary);font-size:1rem;font-weight:650;line-height:1.35}.inspiration-thumbnail-strip{display:flex;flex-wrap:wrap;gap:var(--compact-gap-sm);max-height:8rem;overflow-y:auto;border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-field-base);padding:var(--compact-gap-sm)}.inspiration-thumbnail-item{position:relative;overflow:hidden;border-radius:.82rem;border:1px solid transparent;opacity:.62;transition:opacity .18s ease,border-color .18s ease,transform .18s ease}.inspiration-thumbnail-item:hover{opacity:1;transform:translateY(-1px)}.inspiration-thumbnail-item-active{border-color:color-mix(in srgb,var(--accent-color) 44%,transparent);opacity:1;box-shadow:0 12px 24px color-mix(in srgb,var(--surface-overlay-scrim) 16%,transparent)}.inspiration-thumbnail-remove{position:absolute;top:.2rem;right:.2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--surface-danger-strong) 28%,transparent);background:var(--surface-support-popover);color:var(--text-inverse);padding:var(--space-1);opacity:0;transition:opacity .18s ease,background-color .18s ease,color .18s ease}.inspiration-thumbnail-item:hover .inspiration-thumbnail-remove,.inspiration-thumbnail-remove:focus-visible{opacity:1}.inspiration-thumbnail-remove:hover{background:var(--surface-danger-strong);color:var(--text-inverse)}.inspiration-importer-workspace{display:grid;gap:var(--space-4)}.inspiration-importer-controls,.inspiration-importer-preview{display:grid;gap:var(--space-3)}.inspiration-control-panel,.inspiration-swatch-panel,.inspiration-preview-role-panel,.inspiration-preview-legend,.inspiration-moodboard-canvas-shell,.inspiration-sidebar-header{border-radius:1.15rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-overlay-panel-strong);box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent)}.inspiration-control-panel,.inspiration-swatch-panel,.inspiration-preview-role-panel,.inspiration-preview-legend,.inspiration-moodboard-canvas-shell{padding:var(--space-4)}.inspiration-preview-role-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.inspiration-preview-role-panel-head-compact{display:grid;justify-items:center;gap:var(--space-1)}.inspiration-preview-role-panel-label{color:var(--text-secondary);font-size:.64rem;font-weight:650;line-height:1.45}.inspiration-preview-role-panel-meta{color:var(--text-dim);font-size:.58rem;line-height:1.4}.inspiration-control-heading{margin:0;color:var(--text-muted);font-size:.72rem;font-weight:700;line-height:var(--leading-utility);letter-spacing:.12em;text-transform:uppercase}.inspiration-control-option{display:grid;gap:var(--compact-gap-xs);width:100%;border-radius:.92rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-control-raised);padding:var(--space-3) calc(var(--space-3) + var(--compact-gap-xs));color:var(--text-secondary);text-align:left;font-size:.78rem;font-weight:650;line-height:1.3;transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}.inspiration-control-option:hover,.inspiration-control-option:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-control-hover);outline:none;transform:translateY(-1px)}.inspiration-control-option-active{border-color:color-mix(in srgb,var(--accent-color) 34%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:var(--surface-button-active);color:var(--text-inverse)}.inspiration-control-option-support{color:var(--text-dim);font-size:.68rem;font-weight:500;line-height:1.35}.inspiration-action-stack{display:grid;gap:var(--compact-gap-sm);padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent)}.inspiration-canvas-frame{position:relative;overflow:hidden;border-radius:1.2rem;border:1px solid color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-field-deep);box-shadow:0 14px 30px color-mix(in srgb,var(--surface-overlay-scrim) 18%,transparent)}.inspiration-canvas-frame canvas{max-width:100%}.inspiration-canvas-hint{position:absolute;left:.9rem;bottom:.9rem;border-radius:999px;background:var(--surface-overlay-panel-strong);padding:var(--compact-gap-sm) var(--compact-gap-md);color:var(--text-secondary);font-size:.68rem;font-weight:600;line-height:var(--leading-utility)}.inspiration-selection-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-warning-pill) 72%,transparent);background:var(--surface-warning-soft);padding:var(--space-3)}.inspiration-selection-summary{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.inspiration-selection-swatches{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);flex-wrap:wrap}.inspiration-selection-swatch{height:1.5rem;width:1.5rem;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--text-warning-strong) 34%,transparent)}.inspiration-swatch-grid{display:flex;flex-wrap:wrap;gap:var(--compact-gap-sm)}.inspiration-swatch-button{position:relative;border-radius:.7rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.inspiration-swatch-button:hover,.inspiration-swatch-button:focus-visible{border-color:color-mix(in srgb,var(--accent-color) 42%,transparent);box-shadow:0 10px 20px color-mix(in srgb,var(--surface-overlay-scrim) 14%,transparent);transform:translateY(-1px);outline:none}.inspiration-preview-shell,.inspiration-moodboard-shell,.inspiration-sidebar-shell{display:grid;gap:var(--space-4);height:100%}.inspiration-sidebar-rail-head{display:grid;gap:var(--compact-gap-xs)}.inspiration-sidebar-rail-title{color:var(--text-secondary);font-size:.88rem;font-weight:650;line-height:1.45}.inspiration-preview-workflow-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);border-radius:1.15rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:color-mix(in srgb,var(--surface-overlay-panel-strong) 88%,var(--surface-panel-soft));padding:var(--space-4)}.inspiration-preview-workflow-copy{display:grid;gap:var(--compact-gap-xs);min-width:0}.inspiration-preview-workflow-title{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:var(--leading-heading)}.inspiration-preview-workflow-note{max-width:48rem;color:var(--text-muted);font-size:.8rem;line-height:1.55}.inspiration-preview-workflow-mode{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:999px;padding:var(--compact-gap-sm) var(--space-3);font-size:.66rem;font-weight:700;letter-spacing:.08em;line-height:var(--leading-utility);text-transform:uppercase}.inspiration-preview-workflow-mode-auto{background:color-mix(in srgb,var(--surface-info-soft) 82%,transparent);color:var(--text-info-soft)}.inspiration-preview-workflow-mode-manual{background:color-mix(in srgb,var(--surface-warning-soft) 82%,transparent);color:var(--text-warning-soft)}.inspiration-preview-toolbar,.inspiration-moodboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.inspiration-preview-section{display:grid;gap:var(--space-3)}.inspiration-preview-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.inspiration-preview-section-copy{display:grid;gap:var(--compact-gap-xs);min-width:0}.inspiration-preview-section-title{color:var(--text-primary);font-size:.9rem;font-weight:700;line-height:1.4}.inspiration-preview-section-actions{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);flex-wrap:wrap;justify-content:flex-end}.inspiration-preview-section-editor{gap:var(--space-4)}.inspiration-preview-frame{overflow:hidden;border-radius:1.2rem;border:1px solid color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-field-deep);box-shadow:0 14px 30px color-mix(in srgb,var(--surface-overlay-scrim) 18%,transparent)}.inspiration-preview-utility{display:inline-flex;align-items:center;justify-content:center;gap:var(--compact-gap-sm);min-height:2rem;border-radius:.78rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-control-raised);padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:.72rem;font-weight:650;line-height:var(--leading-utility);transition:color .18s ease,border-color .18s ease,background-color .18s ease}.inspiration-preview-utility:hover,.inspiration-preview-utility:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-control-hover);outline:none}.inspiration-preview-utility-active{border-color:color-mix(in srgb,var(--accent-color) 32%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:color-mix(in srgb,var(--accent-color) 12%,var(--surface-control-raised));color:#fff}.inspiration-preview-role-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--compact-gap-sm)}.inspiration-preview-role-card{position:relative;display:grid;justify-items:center;gap:var(--compact-gap-xs);min-width:4.5rem;border-radius:.92rem;border:1px dashed color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-muted);padding:var(--compact-gap-md) var(--compact-gap-md);transition:border-color .18s ease,background-color .18s ease,transform .18s ease,opacity .18s ease}.inspiration-preview-role-card-dragover{border-color:color-mix(in srgb,var(--accent-color) 44%,transparent);background:color-mix(in srgb,var(--accent-color) 12%,var(--surface-panel-hover));transform:translateY(-1px) scale(1.02)}.inspiration-preview-role-card-dragging{opacity:.5;transform:scale(.96)}.inspiration-preview-role-swatch{border-radius:.75rem;border:1px solid color-mix(in srgb,white 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-inverse) 8%,transparent)}.inspiration-preview-role-drag-handle{position:absolute;top:.25rem;right:.25rem;color:var(--text-dim);opacity:0;transition:opacity .18s ease}.inspiration-preview-role-card:hover .inspiration-preview-role-drag-handle{opacity:1}.inspiration-preview-role-label{color:var(--text-secondary);font-size:.6rem;font-weight:650;line-height:1.35;text-align:center}.inspiration-preview-role-percent{color:var(--text-info-soft);font-size:.54rem;font-family:var(--font-mono)}.inspiration-preview-role-code,.inspiration-preview-extra-code{margin-top:var(--compact-gap-xs);color:var(--text-dim);font-size:.5rem;font-family:var(--font-mono);line-height:1.35}.inspiration-preview-extra-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--compact-gap-sm)}.inspiration-preview-extra-label{width:100%;margin-bottom:var(--space-1);text-align:center;color:var(--text-dim);font-size:.58rem;line-height:1.4}.inspiration-preview-extra-chip{display:grid;justify-items:center;gap:var(--compact-gap-xs);color:var(--text-dim);font-size:.68rem}.inspiration-preview-extra-chip-dragging{opacity:.5;transform:scale(.96)}.inspiration-preview-extra-swatch{border-radius:.68rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,white 8%,transparent)}.inspiration-preview-legend-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--compact-gap-md);font-size:.72rem}.inspiration-preview-legend-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.inspiration-preview-legend-note{color:var(--text-muted);font-size:.7rem;line-height:1.45}.inspiration-preview-legend-item{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border-radius:.76rem;background:var(--surface-field-base);padding:var(--space-2) var(--compact-gap-md)}.inspiration-preview-legend-label{color:var(--text-dim);font-size:.62rem;line-height:1.35}.inspiration-preview-legend-code{color:var(--text-secondary);font-size:.62rem;font-family:var(--font-mono);line-height:1.35}.inspiration-preview-legend-oklch{color:var(--text-accent-soft);font-size:.5rem;font-family:var(--font-mono);line-height:1.35}.inspiration-preview-role-panel-copy{display:grid;gap:var(--compact-gap-xs);min-width:0}.inspiration-preview-role-mode{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:999px;padding:var(--compact-gap-sm) var(--space-3);font-size:.62rem;font-weight:700;letter-spacing:.08em;line-height:var(--leading-utility);text-transform:uppercase}.inspiration-preview-role-mode-auto{background:color-mix(in srgb,var(--surface-info-soft) 82%,transparent);color:var(--text-info-soft)}.inspiration-preview-role-mode-manual{background:color-mix(in srgb,var(--surface-warning-soft) 82%,transparent);color:var(--text-warning-soft)}.inspiration-preview-role-summary-grid{display:flex;flex-wrap:wrap;gap:var(--compact-gap-sm)}.inspiration-preview-role-summary-card{display:grid;justify-items:center;gap:var(--compact-gap-xs);min-width:4.5rem;border-radius:.92rem;border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:var(--surface-panel-muted);padding:var(--compact-gap-md) var(--compact-gap-md)}.inspiration-preview-role-summary-label{color:var(--text-secondary);font-size:.58rem;font-weight:650;line-height:1.35;text-align:center}.inspiration-preview-role-summary-code{color:var(--text-dim);font-size:.5rem;font-family:var(--font-mono);line-height:1.35}.inspiration-preview-extra-panel{display:grid;gap:var(--space-2);border-radius:1.15rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-overlay-panel-strong);padding:var(--space-4)}.inspiration-preview-extra-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.inspiration-preview-extra-title{color:var(--text-primary);font-size:.72rem;font-weight:700;letter-spacing:.12em;line-height:var(--leading-utility);text-transform:uppercase}.inspiration-preview-extra-note{color:var(--text-muted);font-size:.7rem;line-height:1.45}.inspiration-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:var(--surface-overlay-scrim-strong);padding:var(--pad-modal-compact)}.inspiration-modal-shell{position:relative;width:min(100%,var(--size-modal-width-lg));max-height:90vh;overflow:hidden;border-radius:var(--radius-control-shell);border:1px solid color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-overlay-panel);box-shadow:var(--shadow-overlay-lg)}.inspiration-modal-header,.inspiration-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);background:var(--surface-overlay-header)}.inspiration-modal-header{border-bottom:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent)}.inspiration-modal-footer{border-top:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);justify-content:flex-start;flex-wrap:wrap}.inspiration-modal-body{padding:var(--space-4);overflow:auto;max-height:calc(90vh - 13rem)}.inspiration-modal-options{display:grid;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:color-mix(in srgb,var(--surface-overlay-header) 90%,transparent)}.inspiration-sidebar-header{padding:var(--space-3)}.inspiration-sidebar-section{display:grid;gap:var(--space-3);padding:0;border:0;background:transparent;box-shadow:none}.inspiration-sidebar-shell>.inspiration-sidebar-section+.inspiration-sidebar-section{padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent)}.inspiration-sidebar-section-list{flex:1;min-height:0}.inspiration-sidebar-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.inspiration-sidebar-section-copy{display:grid;gap:var(--compact-gap-xs);min-width:0}.inspiration-sidebar-section-title{color:var(--text-primary);font-size:.86rem;font-weight:700;line-height:1.42}.inspiration-sidebar-section-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:999px;background:color-mix(in srgb,var(--surface-panel-soft) 88%,transparent);padding:var(--compact-gap-xs) var(--space-2);color:var(--text-info-soft);font-size:.62rem;font-weight:700;letter-spacing:.08em;line-height:var(--leading-utility);text-transform:uppercase}.inspiration-current-card{display:grid;gap:var(--space-3);border-radius:1.05rem;border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-panel) 94%,transparent),color-mix(in srgb,var(--surface-panel-soft) 84%,transparent));padding:var(--space-3);box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent)}.inspiration-current-card-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center}.inspiration-current-card-swatch{width:3.5rem;height:3.5rem;border-radius:.95rem;border:1px solid color-mix(in srgb,white 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 8%,transparent),var(--shadow-float-sm)}.inspiration-current-card-copy{display:grid;gap:var(--compact-gap-xs);min-width:0}.inspiration-current-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.inspiration-current-card-title-identity{display:inline-flex;align-items:baseline;gap:var(--compact-gap-sm);flex-wrap:wrap;min-width:0}.inspiration-current-card-title{margin:0;color:var(--text-primary);font-family:var(--font-mono);font-size:.94rem;font-weight:760;line-height:1.2}.inspiration-current-card-oklch-control{display:inline-flex;align-items:center;color:var(--text-subtle);font-family:var(--font-mono);font-size:.62rem;font-weight:620;letter-spacing:.01em;line-height:1.2;white-space:nowrap}.inspiration-current-card-role-chip{display:inline-flex;align-items:center;min-height:1.65rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-color) 24%,transparent);background:color-mix(in srgb,var(--accent-color) 16%,transparent);padding:var(--space-1) var(--space-2);color:var(--text-accent-soft);font-size:.64rem;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase}.inspiration-current-card-meta-row{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;color:var(--text-dim);font-size:.68rem;line-height:1.4}.inspiration-current-card-primary-read{display:grid;gap:var(--space-1);border:1px solid color-mix(in srgb,var(--surface-border) 60%,transparent);border-radius:var(--radius-control-md);background:color-mix(in srgb,var(--surface-panel-muted) 68%,transparent);padding:var(--space-2) var(--space-3)}.inspiration-current-card-read-main{color:var(--text-primary);font-size:.84rem;font-weight:700;line-height:1.35}.inspiration-current-card-read-subtle{color:var(--text-dim);font-size:.7rem;line-height:1.45}.inspiration-current-card-lightness{display:grid;gap:var(--compact-gap-sm);border:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent);border-radius:var(--radius-control-md);background:color-mix(in srgb,var(--surface-control-subtle) 78%,transparent);padding:var(--space-2)}.inspiration-current-card-lightness-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.inspiration-current-card-lightness-head strong{color:var(--text-primary);font-family:var(--font-mono);font-size:.74rem;line-height:1.2}.inspiration-current-card-lightness-track{position:relative;display:flex;overflow:visible;height:.72rem;border-radius:999px;background:color-mix(in srgb,var(--surface-border) 38%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-border) 44%,transparent)}.inspiration-current-card-lightness-zone{min-width:0;flex:1}.inspiration-current-card-lightness-zone-dark{border-radius:999px 0 0 999px;background:color-mix(in srgb,var(--surface-overlay-panel-strong) 88%,var(--surface-panel-muted))}.inspiration-current-card-lightness-zone-mid{background:color-mix(in srgb,var(--accent-color) 20%,var(--surface-panel-muted))}.inspiration-current-card-lightness-zone-light{border-radius:0 999px 999px 0;background:color-mix(in srgb,var(--text-primary) 70%,var(--surface-panel-muted))}.inspiration-current-card-lightness-marker{position:absolute;top:50%;width:.25rem;height:1.2rem;border-radius:999px;background:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--surface-panel) 92%,transparent);transform:translate(-50%,-50%)}.inspiration-current-card-lightness-labels{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--text-dim);font-size:.62rem;font-weight:650;line-height:1.25}.inspiration-current-card-oklch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--compact-gap-sm)}.inspiration-current-card-oklch-grid .oklch-axis-readout-axis{gap:var(--compact-gap-xs);border:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent);border-radius:.82rem;background:color-mix(in srgb,var(--surface-control-subtle) 82%,transparent);padding:var(--compact-gap-sm) var(--space-2)}.inspiration-current-card-oklch-grid .oklch-axis-readout-axis-lightness{border-color:color-mix(in srgb,var(--accent-color) 26%,transparent);background:color-mix(in srgb,var(--surface-accent-soft) 68%,transparent)}.inspiration-current-card-oklch-grid .oklch-axis-readout-label,.inspiration-current-card-oklch-grid .oklch-axis-readout-meaning{color:var(--text-dim);font-size:.63rem;line-height:1.25}.inspiration-current-card-oklch-grid .oklch-axis-readout-value{color:var(--text-secondary);font-family:var(--font-mono);font-size:.74rem;font-weight:700;line-height:1.3}.inspiration-current-card-oklch-grid .oklch-axis-readout-meter{height:.32rem;background:color-mix(in srgb,var(--surface-border) 42%,transparent)}.inspiration-current-card-suitability{display:grid;gap:var(--compact-gap-sm)}.inspiration-current-card-suitability-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.inspiration-current-card-suitability-note{color:var(--text-dim);font-size:.66rem;font-weight:600;line-height:1.35}.inspiration-current-card-role-list{display:grid;gap:var(--compact-gap-sm)}.inspiration-current-card-role-row{display:grid;gap:var(--compact-gap-xs);border:1px solid color-mix(in srgb,var(--surface-border) 56%,transparent);border-radius:.82rem;background:color-mix(in srgb,var(--surface-control-subtle) 74%,transparent);padding:var(--compact-gap-sm) var(--space-2)}.inspiration-current-card-role-row-top{border-color:color-mix(in srgb,var(--accent-color) 28%,transparent);background:color-mix(in srgb,var(--surface-accent-soft) 76%,transparent)}.inspiration-current-card-role-copy{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--text-secondary);font-size:.72rem;line-height:1.3}.inspiration-current-card-role-copy strong{color:var(--text-primary);font-family:var(--font-mono);font-size:.72rem;font-weight:700}.inspiration-current-card-role-track{position:relative;overflow:hidden;width:100%;height:.45rem;border-radius:999px;background:color-mix(in srgb,var(--surface-border) 42%,transparent)}.inspiration-current-card-role-fill{height:100%;border-radius:inherit;background:color-mix(in srgb,var(--accent-color) 72%,white 10%)}.inspiration-current-card-role-row-good .inspiration-current-card-role-fill{background:color-mix(in srgb,var(--surface-success-strong) 76%,white 8%)}.inspiration-current-card-role-row-poor .inspiration-current-card-role-fill{background:color-mix(in srgb,var(--surface-warning-pill) 82%,var(--text-warning-strong))}.inspiration-current-popover{width:min(22rem,100vw - var(--space-6))}.inspiration-current-popover-title{color:var(--text-primary);font-size:.88rem;font-weight:700;line-height:1.35}.inspiration-current-popover-body{padding-top:0}.inspiration-current-card-popover{box-shadow:none}.inspiration-sidebar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--compact-gap-sm)}.inspiration-sidebar-quick-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--compact-gap-sm);min-height:var(--size-control-button-sm);border-radius:var(--radius-control-compact);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-control-raised);color:var(--text-secondary);padding:var(--compact-pad-y) var(--compact-pad-x);font-size:var(--type-badge-size);font-weight:650;line-height:var(--leading-utility);transition:color .18s ease,border-color .18s ease,background-color .18s ease}.inspiration-sidebar-quick-action:hover,.inspiration-sidebar-quick-action:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-panel-hover);outline:none}.inspiration-sidebar-quick-action:disabled,.inspiration-sidebar-action:disabled{cursor:not-allowed;opacity:.42}.inspiration-sidebar-scroll{display:grid;gap:var(--compact-gap-xs);flex:1;min-height:0;overflow-y:auto}.inspiration-sidebar-row{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:var(--compact-gap-sm);border-radius:var(--radius-control-md);border:1px solid transparent;background:var(--surface-control-subtle);padding:var(--compact-pad-y) var(--compact-pad-x);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.inspiration-sidebar-row:hover,.inspiration-sidebar-row:focus-visible{border-color:color-mix(in srgb,var(--surface-border-strong) 70%,transparent);background:var(--surface-panel-soft);transform:translateY(-1px);outline:none}.inspiration-sidebar-row-active{border-color:color-mix(in srgb,var(--accent-color) 38%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:var(--surface-accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-color) 18%,transparent)}.inspiration-sidebar-drag{color:color-mix(in srgb,var(--text-dim) 72%,var(--surface-border) 28%)}.inspiration-sidebar-swatch{height:var(--size-control-button-md);width:var(--size-control-button-md);flex-shrink:0;border-radius:var(--radius-control-compact);border:1px solid color-mix(in srgb,white 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 8%,transparent)}.inspiration-sidebar-action{display:inline-flex;align-items:center;justify-content:center;height:var(--size-control-button-sm);width:var(--size-control-button-sm);border-radius:var(--radius-control-compact);border:1px solid transparent;background:transparent;color:var(--text-dim);transition:color .18s ease,border-color .18s ease,background-color .18s ease}.inspiration-sidebar-action:hover,.inspiration-sidebar-action:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-control-raised-strong);outline:none}.inspiration-sidebar-action-active{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent-color) 36%,transparent);background:color-mix(in srgb,var(--accent-color) 14%,var(--surface-control-raised-strong))}.inspiration-sidebar-action-locked{color:var(--text-warning-soft);background:var(--surface-warning-pill);border-color:color-mix(in srgb,var(--surface-warning-pill) 72%,transparent)}.inspiration-sidebar-add{width:100%;border-radius:var(--radius-control-md);border:1px dashed color-mix(in srgb,var(--surface-border) 82%,transparent);background:var(--surface-control-subtle);color:var(--text-dim);padding:var(--pad-control-md-y);font-size:var(--type-label-size);font-weight:700;transition:color .18s ease,border-color .18s ease,background-color .18s ease}.inspiration-sidebar-add:hover,.inspiration-sidebar-add:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent-color) 36%,transparent);background:var(--surface-control-raised);outline:none}.inspiration-sidebar-detection{border-top:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);padding-top:var(--space-3)}.inspiration-sidebar-mood{color:var(--text-subtle);font-size:var(--type-mono-compact-size);line-height:1.45}.inspiration-sidebar-mood-accent{color:var(--accent-color)}.inspiration-sidebar-row-stack{min-width:0}.inspiration-sidebar-row-title-line{display:flex;align-items:baseline;gap:var(--compact-gap-sm);flex-wrap:wrap;margin-bottom:var(--compact-gap-xs);min-width:0}.inspiration-sidebar-row-title{overflow:hidden;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--type-label-size);font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.inspiration-sidebar-oklch-axis-strip{grid-template-columns:minmax(3.75rem,1.25fr) minmax(3rem,1fr) minmax(3rem,1fr);align-items:start;gap:var(--compact-gap-sm);min-width:0}.inspiration-sidebar-oklch-axis-strip .oklch-axis-readout-axis{gap:var(--compact-gap-xs);min-width:0;height:100%;border:0;border-radius:0;background:transparent;padding:0}.inspiration-sidebar-oklch-axis-strip .oklch-axis-readout-value{font-family:var(--font-mono);color:var(--text-primary);font-size:.56rem;font-weight:680;letter-spacing:-.01em;line-height:1.2;white-space:nowrap}.inspiration-sidebar-oklch-axis-strip .oklch-axis-readout-meaning{overflow:hidden;color:var(--text-dim);font-size:.56rem;font-weight:650;letter-spacing:.01em;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.inspiration-sidebar-oklch-axis-strip .oklch-axis-readout-meter{height:.24rem}.inspiration-sidebar-depth-label{display:inline-flex;align-items:center;min-width:2.25rem;justify-content:flex-end;color:var(--text-primary);font-size:.62rem;font-weight:700;line-height:1}.inspiration-sidebar-row-meta{color:var(--text-subtle);font-size:var(--type-badge-size);line-height:1.4}.inspiration-sidebar-row-actions{display:inline-flex;align-items:center;gap:var(--compact-gap-xs)}.inspiration-sidebar-lock-indicator{position:absolute;top:-.2rem;right:-.2rem;display:inline-flex;align-items:center;justify-content:center;height:1rem;width:1rem;border-radius:999px;background:var(--surface-badge-warning-solid);color:var(--text-inverse);box-shadow:0 6px 16px color-mix(in srgb,var(--surface-overlay-scrim) 18%,transparent)}.inspiration-hotspot-modal-shell{width:min(100%,42rem)}.inspiration-hotspot-modal-body{display:grid;gap:var(--space-4)}.inspiration-hotspot-modal-stack{gap:var(--space-4)}.inspiration-hotspot-heading-row{display:inline-flex;align-items:center;gap:var(--compact-gap-sm)}.inspiration-hotspot-heading-row-compact{gap:var(--space-2);margin-bottom:var(--compact-gap-sm)}.inspiration-hotspot-heading-icon{color:var(--text-warning-strong)}.inspiration-hotspot-header-actions{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);flex-wrap:wrap}.inspiration-hotspot-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--compact-gap-sm)}.inspiration-hotspot-category{display:grid;justify-items:start;gap:var(--space-2);border-radius:.95rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:linear-gradient(180deg,var(--surface-panel-soft),var(--surface-field-deep)),var(--inspiration-hotspot-tone, color-mix(in srgb, var(--surface-border) 8%, transparent));padding:calc(var(--space-3) + var(--compact-gap-xs)) calc(var(--space-3) + var(--space-1));color:var(--text-secondary);transition:border-color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease}.inspiration-hotspot-category:hover,.inspiration-hotspot-category:focus-visible{border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:linear-gradient(180deg,var(--surface-panel-hover),var(--surface-panel-soft)),var(--inspiration-hotspot-tone, color-mix(in srgb, var(--surface-border) 8%, transparent));transform:translateY(-1px);outline:none}.inspiration-hotspot-category-active{border-color:color-mix(in srgb,var(--accent-color) 34%,color-mix(in srgb,var(--surface-border) 18%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-color) 16%,transparent)}.inspiration-hotspot-category-code{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;border-radius:.72rem;border:1px solid color-mix(in srgb,white 12%,transparent);background:color-mix(in srgb,white 6%,transparent);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.08em}.inspiration-hotspot-chip-grid{display:flex;flex-wrap:wrap;gap:var(--compact-gap-sm)}.inspiration-hotspot-chip{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-control-raised);padding:var(--space-2) calc(var(--space-3) + var(--compact-gap-xs));color:var(--text-secondary);font-size:.74rem;font-weight:650;line-height:var(--leading-utility);transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}.inspiration-hotspot-chip:hover,.inspiration-hotspot-chip:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-control-hover);transform:translateY(-1px);outline:none}.inspiration-hotspot-chip-active{color:#fff;border-color:color-mix(in srgb,var(--accent-color) 34%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:color-mix(in srgb,var(--accent-color) 12%,var(--surface-control-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-color) 16%,transparent)}.inspiration-hotspot-jitter-strip{width:100%}.inspiration-hotspot-preview-strip,.inspiration-hotspot-palette-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--compact-gap-sm)}.inspiration-hotspot-preview-swatch,.inspiration-hotspot-palette-cell{min-height:3.4rem;border-radius:.88rem;border:1px solid color-mix(in srgb,white 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 6%,transparent)}.inspiration-hotspot-palette-cell-tall{min-height:2.6rem;border-radius:.72rem}.inspiration-hotspot-palette-strip-compact{max-width:3rem;grid-template-columns:1fr}.inspiration-hotspot-preview-values,.inspiration-hotspot-palette-caption-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--compact-gap-sm)}.inspiration-hotspot-preview-value,.inspiration-hotspot-palette-caption{border-radius:.88rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-muted);padding:var(--compact-gap-md) var(--compact-gap-md)}.inspiration-hotspot-palette-caption{color:var(--text-dim);font-family:var(--font-mono);font-size:.66rem;text-align:center}.inspiration-hotspot-preview-meta{color:var(--accent-color);font-size:.7rem;line-height:1.4}.inspiration-hotspot-locked-note{border-color:color-mix(in srgb,var(--surface-warning-pill) 72%,transparent);background:var(--surface-warning-soft);color:var(--text-warning-soft)}.inspiration-hotspot-field-spacing{margin-bottom:0}.inspiration-hotspot-empty-state{padding:var(--space-8) 0;color:var(--text-muted);text-align:center}.inspiration-hotspot-scroll-list{display:grid;gap:var(--compact-gap-sm);max-height:16rem;overflow-y:auto}.inspiration-hotspot-empty-state-compact{padding:var(--panel-pad-md) var(--space-2);gap:var(--compact-gap-sm)}.inspiration-detection-widget{gap:var(--compact-gap-sm)}.inspiration-detector-stack{gap:var(--space-4)}.inspiration-detector-source{display:grid;gap:var(--space-3)}.inspiration-detector-source-header,.inspiration-detector-section{display:grid;gap:var(--space-2)}.inspiration-detector-source-label,.inspiration-detector-section-title{margin:0;text-transform:uppercase;letter-spacing:.12em}.inspiration-detector-source-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--compact-gap-sm)}.inspiration-detector-source-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--compact-gap-sm);min-height:2.2rem;border-radius:.8rem;border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:var(--surface-control-raised);color:var(--text-muted);font-size:.72rem;font-weight:650;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.inspiration-detector-source-button:hover,.inspiration-detector-source-button:focus-visible{border-color:color-mix(in srgb,var(--surface-border-strong) 70%,transparent);background:var(--surface-control-hover);color:var(--text-primary);transform:translateY(-1px);outline:none}.inspiration-detector-source-button-active{color:var(--text-inverse);border-color:color-mix(in srgb,var(--accent-color) 34%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:var(--surface-button-active);box-shadow:inset 0 1px color-mix(in srgb,white 12%,transparent),0 12px 28px color-mix(in srgb,var(--surface-overlay-scrim) 18%,transparent)}.inspiration-detector-source-button-image.inspiration-detector-source-button-active{border-color:color-mix(in srgb,var(--text-accent-soft) 32%,transparent);background:color-mix(in srgb,var(--text-accent-soft) 28%,var(--surface-button-active))}.inspiration-detector-source-note{font-size:.68rem}.inspiration-detector-active-strip{display:flex;gap:var(--space-1);height:1.55rem;overflow:hidden;border-radius:.8rem;border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:var(--surface-field-deep);padding:var(--space-1)}.inspiration-detector-active-swatch{flex:1;border-radius:.45rem;transition:transform .18s ease}.inspiration-detector-divider{border-top:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent)}.inspiration-detection-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.95rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-muted);padding:var(--space-3) calc(var(--space-3) + var(--compact-gap-xs));color:var(--text-secondary);text-align:left;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.inspiration-detection-row:hover,.inspiration-detection-row:focus-visible{border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-panel-hover);color:var(--text-primary);transform:translateY(-1px);outline:none}.inspiration-detection-row:disabled{cursor:default;opacity:.92;transform:none}.inspiration-detection-row-static{cursor:default}.inspiration-detection-row-head,.inspiration-detection-row-meta,.inspiration-detection-chip-row{display:inline-flex;align-items:center;gap:var(--compact-gap-sm)}.inspiration-detection-label{color:var(--text-muted);font-size:.72rem;font-weight:600;line-height:var(--leading-meta)}.inspiration-detection-icon-harmony{color:var(--text-accent-soft)}.inspiration-detection-icon-mood{color:var(--text-warning-strong)}.inspiration-detection-icon-temperature{color:var(--text-info-soft)}.inspiration-detection-value{color:var(--text-primary);font-size:.76rem;font-weight:700;line-height:var(--leading-meta)}.inspiration-detection-value-warm{color:var(--text-warm)}.inspiration-detection-value-cool{color:var(--text-info-soft)}.inspiration-detection-value-neutral{color:var(--text-secondary)}.inspiration-detection-status{display:inline-flex;width:.52rem;height:.52rem;border-radius:999px;box-shadow:0 0 0 1px color-mix(in srgb,var(--text-inverse) 8%,transparent)}.inspiration-detection-status-success{background:var(--text-success)}.inspiration-detection-status-warning{background:var(--text-warning-strong)}.inspiration-detection-status-danger{background:var(--text-danger-soft)}.inspiration-detection-footnote{display:grid;gap:var(--compact-gap-sm);padding-top:var(--space-2);border-top:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent)}.inspiration-detection-chip{display:inline-flex;align-items:center;min-height:1.6rem;border-radius:999px;border:1px solid transparent;padding:var(--space-1) var(--compact-gap-md);font-size:.64rem;font-weight:700;line-height:1;text-transform:none}.inspiration-detection-chip-soft-warm{border-color:color-mix(in srgb,var(--text-accent-soft) 24%,transparent);background:var(--surface-badge-accent);color:var(--text-accent-soft)}.inspiration-detection-chip-soft-cool{border-color:color-mix(in srgb,var(--text-info) 24%,transparent);background:var(--surface-info-soft);color:var(--text-info-soft)}.inspiration-detection-chip-hard-warm{border-color:color-mix(in srgb,var(--text-warm) 28%,transparent);background:var(--surface-warning-soft);color:var(--text-warm)}.inspiration-detection-chip-hard-cool{border-color:color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-badge-muted);color:var(--text-muted)}.inspiration-detection-description{margin:0;color:var(--text-dim);font-size:.72rem;line-height:1.5;font-style:italic}.inspiration-harmony-debugger{padding:var(--space-4);align-items:stretch}.inspiration-harmony-debugger-layout{display:grid;gap:var(--space-4);width:100%}.inspiration-harmony-debugger-wheel-column{display:flex;justify-content:center}.inspiration-harmony-debugger-wheel{position:relative;width:min(100%,17.5rem);height:auto;aspect-ratio:1}.inspiration-harmony-debugger-wheel-layer{position:absolute;top:0;right:0;bottom:0;left:0}.inspiration-harmony-debugger-wheel-spectrum,.inspiration-harmony-debugger-wheel-overlay{border-radius:999px}.inspiration-harmony-debugger-wheel-spectrum{background:conic-gradient(from 90deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red)}.inspiration-harmony-debugger-wheel-overlay{background:radial-gradient(circle,hsl(0,0%,50%) 0%,hsl(0,0%,50%) 10%,transparent 50%)}.inspiration-harmony-debugger-wheel-svg{pointer-events:none}.inspiration-harmony-debugger-dot{filter:drop-shadow(0 2px 4px color-mix(in srgb,black 40%,transparent))}.inspiration-harmony-debugger-results{display:grid;gap:var(--space-3);min-width:0}.inspiration-harmony-debugger-title{letter-spacing:.08em}.inspiration-harmony-debugger-empty{min-height:2rem}.inspiration-harmony-debugger-list{display:grid;gap:var(--compact-gap-md);max-height:12.5rem;overflow-y:auto;padding-right:var(--compact-gap-sm)}.inspiration-harmony-debugger-card{display:grid;gap:var(--compact-gap-md);border-radius:.95rem;border:1px solid color-mix(in srgb,var(--text-info) 34%,transparent);background:linear-gradient(180deg,var(--surface-info-soft),var(--surface-panel-muted)),var(--surface-panel-soft);padding:calc(var(--space-3) + var(--compact-gap-xs))}.inspiration-harmony-debugger-card-head,.inspiration-harmony-debugger-card-title{display:flex;align-items:center;justify-content:space-between;gap:var(--compact-gap-md)}.inspiration-harmony-debugger-card-title{justify-content:flex-start}.inspiration-harmony-debugger-pattern{color:var(--text-info-soft);font-size:.8rem;font-weight:700;line-height:1.35;text-transform:capitalize}.inspiration-harmony-debugger-info{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:var(--space-1);color:var(--text-subtle);transition:background-color .16s ease,color .16s ease,transform .16s ease}.inspiration-harmony-debugger-info:hover,.inspiration-harmony-debugger-info:focus-visible{background:var(--surface-control-hover);color:var(--text-info-soft);transform:translateY(-1px);outline:none}.inspiration-harmony-debugger-confidence{font-family:var(--font-mono);font-size:.72rem;line-height:1.4}.inspiration-harmony-debugger-confidence-strong{color:var(--text-success)}.inspiration-harmony-debugger-confidence-medium{color:var(--text-warning-strong)}.inspiration-harmony-debugger-confidence-muted{color:var(--text-dim)}.inspiration-harmony-debugger-explanation{display:grid;gap:var(--compact-gap-sm);border-radius:.8rem;background:var(--surface-panel-muted);padding:var(--compact-gap-md) var(--space-3)}.inspiration-harmony-debugger-explanation-copy,.inspiration-harmony-debugger-explanation-usage{margin:0;font-size:.72rem;line-height:1.5}.inspiration-harmony-debugger-explanation-copy{color:var(--text-secondary)}.inspiration-harmony-debugger-explanation-usage{color:var(--text-info-soft)}.inspiration-harmony-debugger-error{color:var(--text-dim);font-size:.66rem;line-height:1.45}.inspiration-mood-detector{gap:var(--space-3)}.inspiration-mood-detector-empty-icon{color:var(--text-dim);opacity:.75}.inspiration-mood-hero,.inspiration-mood-metric-card{border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent)}.inspiration-mood-hero{display:grid;gap:var(--space-2);padding:var(--space-4) var(--panel-pad-sm);background:linear-gradient(180deg,#4e216829,#501b4e14),#0b121fb3;border-color:#a855f738}.inspiration-mood-hero-header,.inspiration-mood-metric-row,.inspiration-mood-distribution-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.inspiration-mood-hero-title{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);margin:0;color:#e9d5ff;font-size:.85rem;font-weight:700}.inspiration-mood-confidence{color:var(--text-accent-soft);font-family:var(--font-mono);font-size:.72rem;font-weight:700;line-height:var(--leading-meta)}.inspiration-mood-name{color:var(--text-primary);font-size:1.2rem;font-weight:800;line-height:1.15}.inspiration-mood-copy{margin:0;color:var(--text-secondary);font-size:.76rem;line-height:1.5}.inspiration-mood-keywords{display:flex;flex-wrap:wrap;gap:var(--compact-gap-sm)}.inspiration-mood-keyword{display:inline-flex;align-items:center;min-height:1.7rem;border-radius:999px;border:1px solid rgba(168,85,247,.18);background:#7e22ce29;padding:var(--space-1) var(--compact-gap-md);color:#d8b4fe;font-size:.64rem;font-weight:600;line-height:1}.inspiration-mood-metric-grid{display:grid;gap:var(--compact-gap-sm)}.inspiration-mood-metric-card{display:grid;gap:var(--compact-gap-sm);padding:calc(var(--space-3) + var(--compact-gap-xs)) calc(var(--space-3) + var(--space-1));background:var(--surface-panel-muted)}.inspiration-mood-meter{position:relative;flex:1;height:.5rem;overflow:hidden;border-radius:999px}.inspiration-mood-meter-temperature{background:linear-gradient(90deg,#3b82f6,#64748b,#fb923c)}.inspiration-mood-meter-weight{background:linear-gradient(90deg,#334155,#64748b,var(--text-muted))}.inspiration-mood-meter-thumb{position:absolute;top:50%;width:.8rem;height:.8rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--text-inverse) 28%,transparent);background:var(--text-inverse);box-shadow:var(--shadow-control-hover);transform:translate(-50%,-50%)}.inspiration-mood-metric-value{width:4.5rem;color:var(--text-secondary);font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-align:right;line-height:var(--leading-meta)}.inspiration-mood-distribution{display:grid;gap:var(--compact-gap-sm)}.inspiration-mood-distribution-title{margin-bottom:var(--compact-gap-xs)}.inspiration-mood-distribution-list{display:grid;gap:var(--compact-gap-sm)}.inspiration-mood-distribution-name{width:5rem;overflow:hidden;color:var(--text-secondary);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.inspiration-mood-distribution-track{flex:1;height:.36rem;overflow:hidden;border-radius:999px;background:var(--surface-progress-track)}.inspiration-mood-distribution-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#a855f7,#ec4899)}.inspiration-mood-distribution-value{width:2rem;color:var(--text-dim);font-size:.64rem;font-weight:600;text-align:right;line-height:var(--leading-meta)}.inspiration-stock-search{gap:var(--space-3)}.inspiration-stock-search-empty{padding:var(--space-4) 0;text-align:center}.inspiration-stock-search-warning{color:var(--text-warning-strong)}.inspiration-stock-inline-code{border-radius:.45rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-field-base);padding:var(--compact-gap-xs) var(--compact-gap-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:.7rem}.inspiration-stock-link{color:var(--text-info-soft);font-size:.76rem;font-weight:600;line-height:1.45;text-decoration:none}.inspiration-stock-link:hover,.inspiration-stock-link:focus-visible{color:var(--text-info-soft);text-decoration:underline;outline:none}.inspiration-stock-link-muted{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);color:var(--text-dim)}.inspiration-stock-provider{color:var(--text-success);font-weight:700}.inspiration-stock-search-form{display:flex;align-items:stretch;gap:var(--compact-gap-sm)}.inspiration-stock-search-input{position:relative;flex:1;min-width:0}.inspiration-stock-search-icon,.inspiration-stock-search-clear{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-dim)}.inspiration-stock-search-icon{left:.85rem;pointer-events:none}.inspiration-stock-search-field{padding-left:calc(var(--size-control-button-sm) + var(--panel-pad-sm));padding-right:calc(var(--size-control-button-sm) + var(--panel-pad-sm))}.inspiration-stock-search-clear{right:.75rem;display:inline-flex;align-items:center;justify-content:center;padding:0;width:1.8rem;height:1.8rem;border:0;border-radius:999px;background:transparent;transition:color .18s ease,background-color .18s ease}.inspiration-stock-search-clear:hover,.inspiration-stock-search-clear:focus-visible{color:var(--text-primary);background:var(--surface-panel-muted);outline:none}.inspiration-stock-filter-row{display:flex;align-items:center;gap:var(--compact-gap-sm);flex-wrap:wrap}.inspiration-stock-shuffle{margin-left:auto}.inspiration-stock-results-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.inspiration-stock-grid-shell{max-height:25rem;overflow-y:auto;padding-right:var(--compact-gap-sm)}.inspiration-stock-grid{gap:var(--space-3)}.inspiration-stock-grid-empty{min-height:10rem}.inspiration-stock-masonry{-moz-column-count:2;column-count:2;-moz-column-gap:var(--compact-gap-sm);column-gap:var(--compact-gap-sm)}.inspiration-stock-loadmore{display:flex;align-items:center;justify-content:center;min-height:2.5rem}.inspiration-stock-loading{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);color:var(--text-dim);font-size:.78rem;line-height:1.45}.inspiration-stock-spinner{width:1rem;height:1rem;animation:inspiration-stock-spin .9s linear infinite}.inspiration-stock-skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--compact-gap-sm)}.inspiration-stock-skeleton{border-radius:.95rem;background:var(--surface-panel-muted);animation:inspiration-stock-pulse 1.1s ease-in-out infinite alternate}.inspiration-stock-card{position:relative;display:block;width:100%;margin-bottom:var(--compact-gap-sm);padding:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);border-radius:1rem;background:var(--surface-panel-soft);box-shadow:var(--shadow-raised);-moz-column-break-inside:avoid;break-inside:avoid;cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.inspiration-stock-card:hover,.inspiration-stock-card:focus-visible{border-color:color-mix(in srgb,var(--accent-color) 34%,color-mix(in srgb,var(--surface-border) 18%,transparent));box-shadow:0 16px 34px color-mix(in srgb,var(--surface-overlay-scrim) 20%,transparent);transform:translateY(-1px);outline:none}.inspiration-stock-card-image{width:100%;transition:opacity .22s ease,transform .22s ease}.inspiration-stock-card-image-loading{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.inspiration-stock-card-image-loaded{opacity:1}.inspiration-stock-card-image-hovered{transform:scale(1.04)}.inspiration-stock-card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-panel-muted);animation:inspiration-stock-pulse 1.1s ease-in-out infinite alternate}.inspiration-stock-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;flex-direction:column;opacity:0;background:linear-gradient(180deg,color-mix(in srgb,black 8%,transparent),var(--surface-overlay-scrim-strong));transition:opacity .18s ease}.inspiration-stock-card-overlay-visible{opacity:1}.inspiration-stock-card-select{display:flex;justify-content:flex-end;padding:var(--compact-gap-md)}.inspiration-stock-card-select-pill{display:inline-flex;align-items:center;min-height:1.65rem;border-radius:999px;background:var(--surface-accent-strong);padding:var(--space-1) var(--compact-gap-md);color:var(--text-inverse);font-size:.64rem;font-weight:700;line-height:1}.inspiration-stock-card-meta{display:grid;gap:var(--compact-gap-sm);padding:var(--space-3);margin-top:auto;color:var(--text-inverse)}.inspiration-stock-card-author{display:flex;align-items:center;gap:var(--space-2)}.inspiration-stock-card-avatar{width:1.25rem;height:1.25rem;border-radius:999px;-o-object-fit:cover;object-fit:cover}.inspiration-stock-card-user{overflow:hidden;font-size:.72rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.inspiration-stock-card-stats{display:inline-flex;gap:var(--space-3);color:var(--text-secondary);font-size:.62rem;line-height:1.4}@media (min-width: 768px){.inspiration-mood-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspiration-stock-masonry{-moz-column-count:3;column-count:3}}.inspiration-builder-shell{display:grid;gap:var(--space-4)}.inspiration-builder-toolbar,.inspiration-builder-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.inspiration-builder-action-row{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);flex-wrap:wrap}.inspiration-builder-action-success{border-color:color-mix(in srgb,var(--surface-success-strong) 72%,transparent);background:var(--surface-success-strong);color:var(--text-inverse)}.inspiration-builder-action-active{border-color:color-mix(in srgb,var(--accent-color) 34%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:var(--surface-accent-active);color:var(--text-inverse)}.inspiration-builder-slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.75rem,1fr));gap:var(--space-3)}.inspiration-builder-slot{display:grid;gap:var(--compact-gap-sm);transition:transform .18s ease,opacity .18s ease}.inspiration-builder-slot-dragging{opacity:.5;transform:scale(.95)}.inspiration-builder-slot-swatch{position:relative;min-height:5rem;border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);box-shadow:var(--shadow-float-sm);overflow:hidden;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.inspiration-builder-slot-swatch:hover,.inspiration-builder-slot-swatch:focus-visible{border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);transform:translateY(-1px);outline:none}.inspiration-builder-slot-swatch-active{border-color:color-mix(in srgb,var(--accent-color) 38%,color-mix(in srgb,var(--surface-border) 18%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-color) 18%,transparent),0 16px 32px color-mix(in srgb,var(--surface-overlay-scrim) 16%,transparent)}.inspiration-builder-slot-overlay{position:absolute;top:.55rem;left:.55rem;display:inline-flex;align-items:center;justify-content:center;height:1.5rem;width:1.5rem;border-radius:.62rem;background:color-mix(in srgb,var(--surface-overlay-scrim) 28%,transparent);color:color-mix(in srgb,var(--text-inverse) 78%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.inspiration-builder-slot-remove{position:absolute;top:.55rem;right:.55rem;display:inline-flex;align-items:center;justify-content:center;height:1.55rem;width:1.55rem;border-radius:.62rem;border:1px solid color-mix(in srgb,var(--text-inverse) 14%,transparent);background:color-mix(in srgb,var(--surface-overlay-scrim) 30%,transparent);color:var(--text-inverse);transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.inspiration-builder-slot-remove:hover,.inspiration-builder-slot-remove:focus-visible{border-color:color-mix(in srgb,var(--surface-danger-strong) 34%,transparent);background:color-mix(in srgb,var(--surface-danger-strong) 42%,transparent);transform:translateY(-1px);outline:none}.inspiration-builder-slot-meta{display:grid;gap:var(--compact-gap-sm)}.inspiration-builder-slot-input{width:100%;border-radius:.8rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-field-base);padding:var(--compact-gap-md) var(--space-3);color:var(--text-primary);font-family:var(--font-mono);font-size:.76rem;line-height:1.4}.inspiration-builder-slot-input:focus{outline:none;border-color:color-mix(in srgb,var(--accent-color) 32%,color-mix(in srgb,var(--surface-border) 20%,transparent));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 14%,transparent)}.inspiration-builder-slot-lch{color:var(--text-subtle);font-size:.66rem;line-height:1.35}.inspiration-builder-slot-add{display:inline-flex;align-items:center;justify-content:center;min-height:7.25rem;border-radius:1rem;border:1px dashed color-mix(in srgb,var(--surface-border) 82%,transparent);background:var(--surface-panel-soft);color:var(--text-dim);transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}.inspiration-builder-slot-add:hover,.inspiration-builder-slot-add:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent-color) 36%,transparent);background:var(--surface-control-hover);transform:translateY(-1px);outline:none}.inspiration-builder-editor{display:grid;gap:var(--space-4);border-radius:1.2rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);padding:var(--panel-pad-md)}.inspiration-builder-editor-header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.inspiration-builder-active-swatch{position:relative;height:4.25rem;width:4.25rem;border-radius:1rem;border:1px solid color-mix(in srgb,white 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 6%,transparent);flex-shrink:0}.inspiration-builder-active-warning{position:absolute;top:-.2rem;right:-.2rem;color:var(--text-warning-strong)}.inspiration-builder-selected-summary{min-width:0;flex:1}.inspiration-builder-selected-meta{display:flex;align-items:center;gap:var(--compact-gap-sm);flex-wrap:wrap;margin-bottom:var(--compact-gap-sm);color:var(--text-dim);font-size:.78rem;line-height:1.4}.inspiration-builder-mood-menu{position:absolute;top:calc(100% + .55rem);right:0;z-index:15;width:min(18rem,72vw);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-overlay-panel-strong);box-shadow:var(--shadow-overlay-md);overflow:hidden}.inspiration-builder-mood-menu-head,.inspiration-builder-mood-menu-list{display:grid;gap:var(--compact-gap-sm);padding:calc(var(--space-3) + var(--compact-gap-xs))}.inspiration-builder-mood-menu-head{border-bottom:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent)}.inspiration-builder-mood-primary{width:100%;justify-content:flex-start}.inspiration-builder-mood-kicker{padding:0 var(--compact-gap-xs);color:var(--text-dim);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.inspiration-builder-mood-option{display:inline-flex;align-items:center;width:100%;min-height:2rem;border-radius:.8rem;border:1px solid transparent;background:transparent;padding:var(--compact-gap-md) var(--space-3);color:var(--text-secondary);font-size:.76rem;line-height:1.4;text-align:left;transition:color .18s ease,border-color .18s ease,background-color .18s ease}.inspiration-builder-mood-option:hover,.inspiration-builder-mood-option:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-control-hover);outline:none}.inspiration-builder-harmony-panel{display:grid;gap:var(--space-3);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);padding:calc(var(--space-3) + var(--space-1))}.inspiration-builder-harmony-heading{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);color:var(--text-dim)}.inspiration-builder-save-preview{display:grid;gap:var(--compact-gap-sm)}@media (min-width: 1280px){.inspiration-workspace-header{align-items:start}}.inspiration-preview-shell{--preview-bg: var(--inspiration-preview-bg);--preview-primary: var(--inspiration-preview-primary);--preview-primary-contrast: var(--inspiration-preview-primary-contrast);--preview-secondary: var(--inspiration-preview-secondary);--preview-secondary-contrast: var(--inspiration-preview-secondary-contrast);--preview-accent: var(--inspiration-preview-accent);--preview-accent-contrast: var(--inspiration-preview-accent-contrast);--preview-text: var(--inspiration-preview-text);display:grid;gap:var(--space-4)}.inspiration-preview-overview{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.inspiration-preview-overview-copy,.inspiration-preview-stage-copy{display:grid;gap:var(--compact-gap-xs);min-width:0}.inspiration-preview-overview-title{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:var(--leading-heading)}.inspiration-preview-overview-note{max-width:40rem;color:var(--text-muted);font-size:.78rem;line-height:1.5}.inspiration-preview-stage{display:grid;gap:var(--space-3)}.inspiration-preview-stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.inspiration-preview-frame{background:var(--preview-bg)}.inspiration-preview-magazine-header,.inspiration-preview-landing-nav,.inspiration-preview-blog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.inspiration-preview-magazine-header{padding:var(--space-3) var(--space-4);background:var(--preview-primary)}.inspiration-preview-brand-dot,.inspiration-preview-dashboard-logo,.inspiration-preview-dashboard-avatar{border-radius:999px}.inspiration-preview-brand-dot{width:1.5rem;height:1.5rem}.inspiration-preview-tone-primary{color:var(--preview-primary)}.inspiration-preview-tone-secondary{color:var(--preview-secondary)}.inspiration-preview-tone-accent{color:var(--preview-accent)}.inspiration-preview-gallery-media.inspiration-preview-tone-primary,.inspiration-preview-feature-card.inspiration-preview-tone-primary,.inspiration-preview-dashboard-stat.inspiration-preview-tone-primary{background:color-mix(in srgb,var(--preview-primary) 18%,transparent)}.inspiration-preview-gallery-media.inspiration-preview-tone-secondary,.inspiration-preview-feature-card.inspiration-preview-tone-secondary,.inspiration-preview-dashboard-stat.inspiration-preview-tone-secondary{background:color-mix(in srgb,var(--preview-secondary) 18%,transparent)}.inspiration-preview-gallery-media.inspiration-preview-tone-accent,.inspiration-preview-feature-card.inspiration-preview-tone-accent,.inspiration-preview-dashboard-stat.inspiration-preview-tone-accent{background:color-mix(in srgb,var(--preview-accent) 18%,transparent)}.inspiration-preview-brand-dot.inspiration-preview-tone-accent{background:var(--preview-accent)}.inspiration-preview-brand-text,.inspiration-preview-nav-link,.inspiration-preview-contrast-primary{color:var(--preview-primary-contrast)}.inspiration-preview-brand-text{font-size:.875rem;font-weight:700}.inspiration-preview-nav-links{display:flex;gap:var(--space-3)}.inspiration-preview-nav-link{font-size:.625rem}.inspiration-preview-template-title,.inspiration-preview-landing-title,.inspiration-preview-blog-headline,.inspiration-preview-dashboard-title{margin:0 0 var(--space-2);color:var(--preview-text);font-weight:700}.inspiration-preview-template-title{font-size:1.125rem}.inspiration-preview-landing-title{font-size:1.25rem}.inspiration-preview-blog-headline,.inspiration-preview-dashboard-title{font-size:.875rem}.inspiration-preview-template-copy,.inspiration-preview-blog-copy,.inspiration-preview-post-meta,.inspiration-preview-dashboard-stat-label{color:color-mix(in srgb,var(--preview-text) 72%,transparent)}.inspiration-preview-template-copy{margin:0 0 var(--space-4);font-size:.625rem}.inspiration-preview-button{display:inline-flex;align-items:center;justify-content:center;min-height:1.9rem;border-radius:.45rem;border:1px solid transparent;padding:var(--compact-pad-y) var(--compact-chip-pad-x);font-size:.625rem}.inspiration-preview-button-primary{background:var(--preview-primary);color:var(--preview-primary-contrast)}.inspiration-preview-button-secondary{background:var(--preview-secondary);color:var(--preview-secondary-contrast)}.inspiration-preview-button-outline{border-color:var(--preview-secondary);color:var(--preview-secondary)}.inspiration-preview-magazine-hero-media{height:6rem;border-radius:.75rem;background:color-mix(in srgb,var(--preview-primary) 26%,transparent)}.inspiration-preview-gallery-card{border-radius:.5rem;padding:var(--space-2)}.inspiration-preview-gallery-media{width:100%;height:2.5rem;margin-bottom:var(--space-2);border-radius:.5rem}.inspiration-preview-gallery-line{height:.5rem;border-radius:999px}.inspiration-preview-gallery-line-strong{width:75%;margin-bottom:var(--space-1);background:color-mix(in srgb,var(--preview-text) 40%,transparent)}.inspiration-preview-gallery-line-soft{width:50%;background:color-mix(in srgb,var(--preview-text) 20%,transparent)}.inspiration-preview-landing-nav,.inspiration-preview-blog-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--preview-text) 20%,transparent)}.inspiration-preview-brand-mark{color:var(--preview-primary);font-size:.875rem;font-weight:700}.inspiration-preview-feature-card{border-radius:.5rem;padding:var(--space-2);text-align:center}.inspiration-preview-feature-title{font-size:.625rem}.inspiration-preview-dashboard-sidebar{display:flex;flex-direction:column;gap:var(--space-2);width:4rem;padding:var(--space-2);background:var(--preview-primary)}.inspiration-preview-dashboard-logo{width:2rem;height:2rem;margin-inline:auto;background:var(--preview-accent)}.inspiration-preview-dashboard-icon{width:2rem;height:2rem;margin-inline:auto;border-radius:.5rem;background:color-mix(in srgb,var(--preview-primary-contrast) 25%,transparent)}.inspiration-preview-dashboard-header{display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.inspiration-preview-dashboard-avatar{width:1.5rem;height:1.5rem;background:var(--preview-secondary)}.inspiration-preview-dashboard-stat-value{font-size:.875rem;font-weight:700}.inspiration-preview-dashboard-stat{border-radius:.5rem;padding:var(--space-2)}.inspiration-preview-dashboard-chart{display:flex;align-items:end;gap:var(--space-1);height:5rem;border-radius:.5rem;background:color-mix(in srgb,var(--preview-text) 10%,transparent);padding:var(--space-2)}.inspiration-preview-dashboard-bar{flex:1;border-radius:.35rem .35rem 0 0}.inspiration-preview-dashboard-bar-primary{background:var(--preview-primary)}.inspiration-preview-dashboard-bar-secondary{background:color-mix(in srgb,var(--preview-primary) 60%,transparent)}.inspiration-preview-blog-title,.inspiration-preview-post-title{color:var(--preview-text)}.inspiration-preview-blog-title{font-size:.875rem}.inspiration-preview-post-title{font-size:.625rem;font-weight:500}.inspiration-preview-post-meta{font-size:.5rem}.inspiration-preview-blog-hero{height:6rem;margin-bottom:var(--space-2);border-radius:.75rem;background:linear-gradient(135deg,var(--preview-primary),var(--preview-secondary))}.inspiration-preview-blog-kicker{margin-bottom:var(--space-1);color:var(--preview-accent);font-size:.625rem}.inspiration-preview-post-row{display:flex;gap:var(--space-2);border-radius:.5rem;background:color-mix(in srgb,var(--preview-text) 10%,transparent);padding:var(--space-2)}.inspiration-preview-post-thumb{width:2.5rem;height:2.5rem;border-radius:.5rem}.inspiration-preview-post-thumb-primary{background:var(--preview-primary)}.inspiration-preview-post-thumb-secondary{background:var(--preview-secondary)}.visual-weight-advice-copy-wrap{min-width:0;flex:1}.visual-weight-advisor-subtitle-icon{color:var(--text-warning-strong)}.visual-weight-role-chip-cta{background:var(--surface-danger-soft);border-color:color-mix(in srgb,var(--text-danger) 32%,transparent);color:var(--text-danger-soft)}.visual-weight-role-chip-accent{background:var(--surface-warning-soft);border-color:color-mix(in srgb,var(--text-warm) 32%,transparent);color:var(--text-warm)}.visual-weight-role-chip-text{background:var(--surface-panel-soft);border-color:color-mix(in srgb,var(--surface-border) 72%,transparent);color:var(--text-contrast-dark)}.visual-weight-role-chip-surface{background:var(--surface-info-soft);border-color:color-mix(in srgb,var(--text-info) 32%,transparent);color:var(--text-info-soft)}.visual-weight-role-chip-background{background:var(--surface-badge-accent);border-color:color-mix(in srgb,var(--text-accent-soft) 32%,transparent);color:color-mix(in srgb,var(--text-accent-soft) 72%,white 28%)}.visual-weight-role-chip-neutral{background:var(--surface-badge-muted);border-color:color-mix(in srgb,var(--surface-border) 68%,transparent);color:var(--text-contrast-dark)}.visual-weight-role-swatch-wrap{position:relative}.visual-weight-role-swatch-mini{width:1.25rem;height:1.25rem;border-radius:.22rem;border:1px solid color-mix(in srgb,var(--text-inverse) 20%,transparent)}.visual-weight-analysis-heading,.visual-weight-analysis-section-heading,.visual-weight-analysis-subheading,.visual-weight-analysis-region-label,.visual-weight-analysis-role-name{margin:0;color:var(--text-primary)}.visual-weight-analysis-heading{font-size:.98rem;font-weight:700}.visual-weight-analysis-block{display:grid;gap:var(--compact-gap-md)}.visual-weight-analysis-section-heading{font-size:.92rem;font-weight:650}.visual-weight-analysis-subheading{font-size:.82rem;font-weight:650}.visual-weight-analysis-quadrant-label,.visual-weight-analysis-score-meta{color:var(--text-dim)}.visual-weight-analysis-quadrant-value{color:var(--text-primary);font-weight:650}.visual-weight-analysis-score-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.visual-weight-analysis-region-label,.visual-weight-analysis-role-name{font-size:.82rem;font-weight:650;text-transform:capitalize}.visual-weight-tab-title{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-primary)}.visual-weight-tab-title-icon,.visual-weight-tab-section-icon{color:color-mix(in srgb,var(--accent-color) 74%,#7dd3fc)}.visual-weight-tab-card-title{color:var(--text-primary)}.visual-weight-route-shell{gap:var(--space-4)}.visual-weight-route-header-shell,.visual-weight-workspace-shell,.visual-weight-support-lane{display:grid;gap:var(--space-4)}.visual-weight-route-header{display:grid;gap:var(--space-4);align-items:start}.visual-weight-route-intro,.visual-weight-route-setup,.visual-weight-mode-copy,.visual-weight-support-block,.visual-weight-workspace-intro,.visual-weight-workspace-stage{display:grid;gap:var(--space-2)}.visual-weight-route-setup,.visual-weight-mode-shell{border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:color-mix(in srgb,var(--surface-panel-soft) 84%,transparent);box-shadow:inset 0 1px #ffffff05}.visual-weight-route-setup,.visual-weight-mode-shell,.visual-weight-workspace-shell{padding:var(--space-4)}.visual-weight-route-setup-title{margin:0;color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.4}.visual-weight-mode-shell{align-items:start}.visual-weight-workspace-shell{gap:var(--space-4)}.visual-weight-workspace-title{color:var(--text-primary)}.visual-weight-workspace-stage{gap:var(--space-4)}.visual-weight-mode-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.visual-weight-mode-button{display:grid;justify-items:start;gap:var(--compact-gap-sm);min-height:100%}.visual-weight-mode-button-copy{display:grid;gap:var(--compact-gap-xs);justify-items:start;text-align:left}.visual-weight-tab-context{display:grid;gap:var(--space-2);font-size:.82rem}.visual-weight-tab-context-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.visual-weight-tab-context-label{color:var(--text-dim)}.visual-weight-tab-context-value{color:var(--text-secondary);font-family:var(--font-family-mono);text-transform:capitalize}.visual-weight-tab-context-swatch{width:1rem;height:1rem;border-radius:.28rem;border:1px solid color-mix(in srgb,var(--surface-border) 48%,transparent)}.visual-weight-tab-mode-label{font-weight:650}.visual-weight-mode-button-description{color:var(--text-dim);font-size:.72rem;line-height:1.45}.visual-weight-mode-button-active .visual-weight-mode-button-description{color:color-mix(in srgb,var(--text-inverse) 84%,transparent)}.visual-weight-tab-section-title{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--text-secondary);font-size:1rem;font-weight:650}.visual-weight-support-lane{align-content:start;padding:var(--space-3);background:color-mix(in srgb,var(--surface-panel-soft) 62%,transparent)}.visual-weight-support-lane-head{gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent)}.visual-weight-support-block-head{display:grid;gap:var(--compact-gap-xs)}.visual-weight-support-block{padding-top:var(--space-2);border-top:1px solid color-mix(in srgb,var(--surface-border) 40%,transparent)}.visual-weight-support-block-context{background:transparent}@media (min-width: 1100px){.visual-weight-route-header{grid-template-columns:minmax(0,2fr) minmax(16rem,.82fr)}.visual-weight-mode-shell{grid-template-columns:minmax(13rem,.8fr) minmax(0,1.35fr);align-items:start}}@media (max-width: 900px){.visual-weight-mode-switcher{grid-template-columns:1fr}}.optical-tooltip{position:relative;display:inline-block}.optical-tooltip-trigger{position:absolute;top:-.45rem;right:-.45rem;display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:999px;color:#fff;box-shadow:var(--shadow-overlay-md);transition:transform .18s ease,box-shadow .18s ease}.optical-tooltip-trigger:hover,.optical-tooltip-trigger:focus-visible{transform:scale(1.06);box-shadow:var(--shadow-overlay-xl)}.optical-tooltip-trigger-positive{background:linear-gradient(135deg,var(--text-success-strong),color-mix(in srgb,var(--text-success-strong) 70%,#14532d))}.optical-tooltip-trigger-critical{background:linear-gradient(135deg,var(--text-danger),color-mix(in srgb,var(--text-danger) 78%,#991b1b))}.optical-tooltip-trigger-warning{background:linear-gradient(135deg,var(--text-warning),color-mix(in srgb,var(--text-warning) 72%,#b45309))}.optical-tooltip-trigger-info{background:linear-gradient(135deg,var(--text-info),color-mix(in srgb,var(--text-info) 72%,#1d4ed8))}.optical-tooltip-panel{position:absolute;top:.75rem;left:0;z-index:50;width:18rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-overlay-panel-strong);padding:var(--panel-pad-sm);box-shadow:var(--shadow-raised);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.optical-tooltip-header{display:flex;align-items:center;justify-content:space-between;gap:var(--stack-gap-sm);margin-bottom:var(--stack-gap-sm)}.optical-tooltip-score{font-size:1.1rem;font-weight:700}.optical-tooltip-score-good{color:var(--text-success)}.optical-tooltip-score-caution{color:var(--text-warning)}.optical-tooltip-score-warning{color:var(--text-warm)}.optical-tooltip-score-critical{color:var(--text-danger)}.optical-tooltip-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--compact-gap-sm) var(--stack-gap-sm);margin-bottom:var(--stack-gap-sm);color:var(--text-muted);font-size:var(--type-meta-size)}.optical-tooltip-metric-value{color:var(--text-primary);font-family:var(--font-family-mono)}.optical-tooltip-advice{margin-bottom:var(--stack-gap-sm);border-radius:var(--radius-control-md);padding:var(--panel-pad-sm)}.optical-tooltip-advice-row{display:flex;align-items:flex-start;gap:var(--gap-control)}.optical-tooltip-advice-critical{border:1px solid color-mix(in srgb,var(--surface-danger-strong) 36%,transparent);background:var(--surface-danger-soft)}.optical-tooltip-advice-warning{border:1px solid color-mix(in srgb,var(--surface-warning-pill) 72%,transparent);background:var(--surface-warning-soft)}.optical-tooltip-advice-positive{border:1px solid color-mix(in srgb,var(--surface-success-strong) 72%,transparent);background:var(--surface-success-strong)}.optical-tooltip-icon{margin-top:var(--compact-gap-xs)}.optical-tooltip-icon-critical{color:var(--text-danger-soft)}.optical-tooltip-icon-warning{color:var(--text-warning)}.optical-tooltip-icon-info{color:var(--text-info-soft)}.optical-tooltip-icon-positive{color:var(--text-success)}.optical-tooltip-apply{width:100%;justify-content:center}.optical-tooltip-secondary,.optical-tooltip-footer{margin-top:var(--stack-gap-sm);padding-top:var(--stack-gap-sm);border-top:1px solid var(--border-divider)}.optical-tooltip-secondary-item{display:flex;align-items:flex-start;gap:var(--compact-gap-xs);color:var(--text-secondary);font-size:var(--type-meta-size)}.optical-tooltip-secondary-item+.optical-tooltip-secondary-item{margin-top:var(--compact-gap-xs)}.optical-tooltip-footer{display:flex;align-items:center;justify-content:center;gap:var(--compact-gap-sm);font-size:var(--type-caption-size);font-weight:650}.optical-tooltip-footer-positive{color:var(--text-success)}.optical-tooltip-footer-critical{color:var(--text-danger-soft)}.visual-weight-chart,.visual-weight-detector,.visual-weight-advisor,.visual-weight-simulator{display:grid;gap:var(--space-4)}.visual-weight-chart{--visual-weight-chart-frame-background: var(--surface-panel-soft);--visual-weight-chart-height: 140px;--visual-weight-chart-class-color: transparent}.visual-weight-background-toggle,.visual-weight-background-custom,.visual-weight-mini-widget,.visual-weight-mini-widget-header,.visual-weight-mini-widget-title,.visual-weight-mini-widget-chart,.visual-weight-mini-widget-column,.visual-weight-mini-widget-stats{display:flex}.visual-weight-background-toggle,.visual-weight-background-custom,.visual-weight-mini-widget-header,.visual-weight-mini-widget-title,.visual-weight-mini-widget-stats{align-items:center}.visual-weight-background-toggle,.visual-weight-mini-widget{gap:var(--space-3)}.visual-weight-background-toggle{flex-wrap:wrap}.visual-weight-background-toggle-tabs{display:inline-flex;align-items:center;gap:var(--compact-gap-xs);border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:var(--surface-field-base);padding:var(--compact-gap-xs)}.visual-weight-background-button{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);min-height:var(--size-control-button-md);border-radius:var(--radius-control-compact);padding:var(--pad-control-compact-y) var(--pad-control-md-x);color:var(--text-muted);font-size:var(--type-label-size);font-weight:650;line-height:var(--leading-utility);transition:background-color .18s ease,color .18s ease,transform .18s ease}.visual-weight-background-button:hover,.visual-weight-background-button:focus-visible{background:var(--surface-panel-hover);color:var(--text-primary);outline:none;transform:translateY(-1px)}.visual-weight-background-button-active{background:var(--surface-accent-active);color:var(--text-inverse);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-color) 28%,transparent)}.visual-weight-background-chip{width:.78rem;height:.78rem;flex-shrink:0;border-radius:.22rem;border:1px solid color-mix(in srgb,var(--surface-border) 34%,transparent)}.visual-weight-background-button-label{font-size:var(--type-label-size);font-weight:650;line-height:1}.visual-weight-background-custom{gap:var(--gap-control)}.visual-weight-background-swatch-trigger{position:relative;display:inline-flex;cursor:pointer}.visual-weight-background-swatch{width:2rem;height:2rem;border-radius:.75rem;border:2px solid color-mix(in srgb,var(--surface-border-strong) 64%,transparent);transition:border-color .18s ease,transform .18s ease}.visual-weight-background-swatch-trigger:hover .visual-weight-background-swatch,.visual-weight-background-swatch-trigger:focus-within .visual-weight-background-swatch{border-color:color-mix(in srgb,var(--surface-border-strong) 86%,transparent);transform:translateY(-1px)}.visual-weight-background-input{width:6rem;border-radius:var(--radius-control-compact);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-field-base);padding:var(--pad-control-compact-y) var(--compact-pad-x);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--type-control-size);line-height:1.2}.visual-weight-background-input:focus{outline:none;border-color:color-mix(in srgb,var(--surface-border-strong) 86%,transparent);box-shadow:var(--shadow-focus-accent)}.visual-weight-mini-widget{flex-direction:column;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);padding:var(--panel-pad-sm)}.visual-weight-mini-widget-header,.visual-weight-mini-widget-stats{justify-content:space-between}.visual-weight-mini-widget-title{gap:var(--gap-control)}.visual-weight-mini-widget-title-text{color:var(--text-primary);font-size:var(--type-body-compact-size);font-weight:700;line-height:1.3}.visual-weight-mini-widget-link{color:var(--text-link-accent);font-size:var(--type-label-size);line-height:1.4;transition:color .18s ease,transform .18s ease}.visual-weight-mini-widget-link:hover,.visual-weight-mini-widget-link:focus-visible{color:var(--text-link-accent-hover);transform:translateY(-1px);outline:none}.visual-weight-mini-widget-empty,.visual-weight-mini-widget-stat{color:var(--text-dim);font-size:var(--type-label-size);line-height:1.5}.visual-weight-mini-widget-chart{align-items:flex-end;gap:var(--compact-gap-xs);min-height:4rem}.visual-weight-mini-widget-column{flex:1;flex-direction:column;align-items:center;gap:var(--compact-gap-xs);min-width:0}.visual-weight-mini-widget-bar{width:100%;border-radius:.45rem .45rem .15rem .15rem;transition:transform .18s ease}.visual-weight-mini-widget-column:hover .visual-weight-mini-widget-bar{transform:translateY(-1px)}.visual-weight-mini-widget-swatch{width:1rem;height:1rem;border-radius:.22rem;border:1px solid color-mix(in srgb,var(--surface-border) 28%,transparent)}.visual-weight-chart-legend{display:flex;flex-wrap:wrap;gap:var(--stack-gap-sm)}.visual-weight-chart-legend-item{display:inline-flex;align-items:center;gap:var(--compact-gap-sm);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-control-raised);padding:var(--compact-pad-y) var(--compact-pad-x)}.visual-weight-chart-legend-dot,.visual-weight-simulator-legend-swatch{flex-shrink:0;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 28%,transparent)}.visual-weight-chart-legend-dot{height:.72rem;width:.72rem}.visual-weight-chart-tone-dominant{--visual-weight-chart-class-color: var(--text-danger)}.visual-weight-chart-tone-strong{--visual-weight-chart-class-color: var(--text-warm)}.visual-weight-chart-tone-moderate{--visual-weight-chart-class-color: var(--text-warning-strong)}.visual-weight-chart-tone-subtle{--visual-weight-chart-class-color: var(--text-success)}.visual-weight-chart-tone-neutral{--visual-weight-chart-class-color: var(--text-dim)}.visual-weight-chart-legend-dot.visual-weight-chart-tone-dominant,.visual-weight-detail-score.visual-weight-chart-tone-dominant{background:var(--text-danger)}.visual-weight-chart-legend-dot.visual-weight-chart-tone-strong,.visual-weight-detail-score.visual-weight-chart-tone-strong{background:var(--text-warm)}.visual-weight-chart-legend-dot.visual-weight-chart-tone-moderate,.visual-weight-detail-score.visual-weight-chart-tone-moderate{background:var(--text-warning-strong)}.visual-weight-chart-legend-dot.visual-weight-chart-tone-subtle,.visual-weight-detail-score.visual-weight-chart-tone-subtle{background:var(--text-success)}.visual-weight-chart-legend-dot.visual-weight-chart-tone-neutral,.visual-weight-detail-score.visual-weight-chart-tone-neutral{background:var(--text-dim)}.visual-weight-simulator-legend-swatch{height:.85rem;width:.85rem}.visual-weight-chart-legend-label,.visual-weight-simulator-legend-code{font-size:var(--type-meta-size);line-height:1.45}.visual-weight-chart-legend-label{color:var(--text-secondary);text-transform:capitalize}.visual-weight-simulator-legend-code{color:var(--text-subtle);font-family:var(--font-mono)}.visual-weight-chart-frame,.visual-weight-simulator-preview,.visual-weight-detector-warning,.visual-weight-detector-issue,.visual-weight-advice-card,.visual-weight-advisor-roles,.visual-weight-stat-card{border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);box-shadow:inset 0 1px #ffffff08}.visual-weight-chart-frame{background:var(--visual-weight-chart-frame-background);padding:var(--space-4)}.visual-weight-chart-bars{display:flex;align-items:end;gap:var(--stack-gap-sm);height:var(--visual-weight-chart-height)}.visual-weight-chart-column{height:100%;min-width:50px;flex:1;display:flex;flex-direction:column;align-items:center;transition:transform .18s ease}.visual-weight-chart-value{margin-bottom:var(--compact-gap-xs);border-radius:999px;padding:var(--compact-chip-pad-y) var(--compact-chip-pad-x);color:var(--text-inverse);font-size:var(--type-label-size);font-weight:700;line-height:1.35;transition:all .18s ease;background:var(--surface-field-deep);text-shadow:0 1px 2px rgba(0,0,0,.5)}.visual-weight-chart-value-highlighted{background:var(--surface-warning-pill);color:var(--text-warning-strong);text-shadow:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--text-warning-strong) 32%,transparent)}.visual-weight-chart-bar-shell{display:flex;flex:1;width:100%;align-items:end}.visual-weight-chart-bar{position:relative;width:100%;cursor:pointer;border-radius:.9rem .9rem 0 0;height:var(--visual-weight-chart-bar-height);background:var(--visual-weight-chart-bar-color);box-shadow:0 0 0 2px var(--visual-weight-chart-class-color);transition:all .22s ease}.visual-weight-chart-bar-highlighted{box-shadow:0 0 20px 5px #fbbf2480,0 0 0 2px var(--visual-weight-chart-class-color)}.visual-weight-chart-tooltip{pointer-events:none;position:absolute;bottom:calc(100% + .5rem);left:50%;z-index:10;opacity:0;transform:translate(-50%);transition:opacity .18s ease}.visual-weight-chart-bar:hover .visual-weight-chart-tooltip{opacity:1}.visual-weight-chart-tooltip-body{border-radius:var(--radius-control-soft);border:1px solid var(--surface-progress-track);background:var(--surface-field-deep);padding:var(--compact-pad-y) var(--compact-pad-x);color:var(--text-primary);font-size:var(--type-meta-size);line-height:1.45;white-space:nowrap;box-shadow:var(--shadow-float-md)}.visual-weight-chart-swatch-wrap{margin-top:var(--gap-control)}.visual-weight-chart-swatch,.visual-weight-detail-swatch{position:relative;border:1px solid color-mix(in srgb,var(--surface-border) 28%,transparent);box-shadow:inset 0 0 0 1px #ffffff0d}.visual-weight-chart-swatch{height:1.8rem;width:1.8rem;border-radius:.45rem;background:var(--visual-weight-chart-swatch-color)}.visual-weight-chart-badge,.visual-weight-detail-badge,.visual-weight-role-badge,.visual-weight-detector-badge{position:absolute;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(100,116,139,.7);background:#1e293bf5;color:#fff;font-weight:700}.visual-weight-chart-badge{top:-.35rem;right:-.35rem;height:1rem;width:1rem;font-size:.58rem}.visual-weight-detail-grid{display:grid;gap:var(--stack-gap-sm)}.visual-weight-detail-card{padding:var(--panel-pad-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft)}.visual-weight-detail-body{display:flex;align-items:flex-start;gap:var(--stack-gap-sm)}.visual-weight-detail-swatch{height:2.5rem;width:2.5rem;flex-shrink:0;border-width:2px;border-radius:.75rem}.visual-weight-detail-badge{top:-.38rem;right:-.38rem;height:1.15rem;width:1.15rem;font-size:.66rem}.visual-weight-detail-header,.visual-weight-metric-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.visual-weight-detail-score{border-radius:999px;padding:var(--space-micro-0_5) var(--space-compact-10);color:var(--text-inverse);font-size:.7rem;font-weight:650}.visual-weight-detail-role,.visual-weight-detail-copy,.visual-weight-metric-header,.visual-weight-detector-warning-meta,.visual-weight-detector-suggestion,.visual-weight-stat-copy,.visual-weight-stat-ideal,.visual-weight-detector-related-label,.visual-weight-detector-divider-label{color:var(--text-muted);font-size:.75rem;line-height:1.5}.visual-weight-detail-role,.visual-weight-detail-copy{margin-top:var(--space-micro-0_5)}.visual-weight-metric-row{margin-top:var(--space-compact-10);display:flex;gap:var(--space-2)}.visual-weight-metric{flex:1}.visual-weight-metric-track{margin-top:var(--space-micro-0_5);height:.38rem;overflow:hidden;border-radius:999px;background:var(--surface-progress-track)}.visual-weight-metric-fill{width:var(--visual-weight-metric-fill-width);height:100%;border-radius:999px;transition:width .18s ease}.visual-weight-metric-fill-chroma{background:#3b82f6}.visual-weight-metric-fill-contrast{background:#8b5cf6}.visual-weight-detail-swatch.visual-weight-chart-tone-dominant{border-color:var(--text-danger)}.visual-weight-detail-swatch.visual-weight-chart-tone-strong{border-color:var(--text-warm)}.visual-weight-detail-swatch.visual-weight-chart-tone-moderate{border-color:var(--text-warning-strong)}.visual-weight-detail-swatch.visual-weight-chart-tone-subtle{border-color:var(--text-success)}.visual-weight-detail-swatch.visual-weight-chart-tone-neutral{border-color:var(--text-dim)}.visual-weight-status-banner,.visual-weight-advice-card{padding:var(--space-4)}.visual-weight-status-banner{display:flex;align-items:center;gap:var(--space-3)}.visual-weight-status-icon{flex-shrink:0}.visual-weight-status-icon-warning{color:var(--text-warning)}.visual-weight-status-icon-success{color:var(--text-success)}.visual-weight-status-title{font-size:.95rem;font-weight:650;line-height:1.45}.visual-weight-status-title-warning{color:var(--text-warning-soft)}.visual-weight-status-title-success{color:var(--text-success)}.visual-weight-status-copy{color:var(--text-dim);font-size:var(--type-support-size);line-height:var(--leading-body)}.visual-weight-detector-group,.visual-weight-advisor-list{display:grid;gap:var(--space-3)}.visual-weight-detector-title,.visual-weight-advisor-subtitle{display:inline-flex;align-items:center;gap:var(--space-compact-6);color:var(--text-secondary);font-size:.84rem;font-weight:650;line-height:1.45}.visual-weight-detector-divider{display:flex;align-items:center;gap:var(--space-2);margin-block:var(--space-2)}.visual-weight-detector-divider-line{flex:1;height:1px;background:var(--border-divider)}.visual-weight-detector-group-header{display:flex;align-items:center;gap:var(--space-compact-10);margin-bottom:var(--space-compact-10)}.visual-weight-detector-stack{display:grid;gap:var(--space-compact-10);padding-left:var(--space-4);border-left:2px solid var(--border-shell-soft)}.visual-weight-detector-chip-trigger{position:relative;display:inline-flex;cursor:pointer;transition:transform .18s ease}.visual-weight-detector-chip-trigger:hover,.visual-weight-detector-chip-trigger:focus-visible{transform:scale(1.08);outline:none}.visual-weight-detector-chip{height:2rem;width:2rem;border-radius:.55rem;border:1px solid var(--border-shell-soft)}.visual-weight-detector-chip-fill{background:var(--visual-weight-detector-chip-color)}.visual-weight-detector-chip-sm{height:1.25rem;width:1.25rem;border-radius:.35rem}.visual-weight-detector-chip-md{height:1.45rem;width:1.45rem}.visual-weight-detector-badge{top:-.35rem;right:-.35rem;height:1rem;width:1rem;font-size:.58rem}.visual-weight-detector-badge-md{top:-.38rem;right:-.38rem}.visual-weight-detector-badge-sm{top:-.25rem;right:-.25rem;height:.9rem;width:.9rem;font-size:.54rem}.visual-weight-detector-badge-xs{top:-.2rem;right:-.2rem;height:.85rem;width:.85rem;font-size:.5rem}.visual-weight-detector-label,.visual-weight-stat-label{color:var(--text-secondary);font-size:.82rem;line-height:1.45}.visual-weight-detector-warning,.visual-weight-detector-issue{display:flex;align-items:center;gap:var(--space-3);padding:var(--panel-pad-sm)}.visual-weight-detector-warning-copy{min-width:0;flex:1}.visual-weight-detector-warning-title,.visual-weight-advice-title{color:var(--text-primary);font-size:.84rem;font-weight:650;line-height:1.45}.visual-weight-detector-pulse{position:relative;height:1rem;width:1rem}.visual-weight-detector-pulse-ring,.visual-weight-detector-pulse-core{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(45deg,var(--visual-weight-detector-pulse-start),var(--visual-weight-detector-pulse-end))}.visual-weight-detector-pulse-ring{animation:ping 1s cubic-bezier(0,0,.2,1) infinite;opacity:.72}.visual-weight-detector-related{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.visual-weight-detector-pair{display:inline-flex;align-items:center;gap:var(--compact-gap-xs);margin-inline:var(--space-1)}.visual-weight-detector-pair-separator{color:var(--text-subtle)}.visual-weight-detector-issue-text{color:var(--text-warning-soft);font-size:.82rem;line-height:1.55}.visual-weight-detector-summary,.visual-weight-role-grid{display:grid;gap:var(--space-3)}.visual-weight-stat-card{padding:var(--panel-pad-sm);text-align:center}.visual-weight-stat-value{font-size:1.6rem;font-weight:700;line-height:1.15}.visual-weight-stat-value-good{color:var(--text-success)}.visual-weight-stat-value-warning{color:var(--text-warning-soft)}.visual-weight-advice-body{display:flex;align-items:flex-start;gap:var(--space-3)}.visual-weight-advice-icon{flex-shrink:0}.visual-weight-advice-copy{margin-top:var(--space-micro-0_5);color:var(--text-muted);font-size:.8rem;line-height:1.55}.visual-weight-advisor-roles{padding:var(--space-4)}.visual-weight-role-chip{display:flex;align-items:center;gap:var(--space-compact-10);min-width:0;border-radius:.8rem;border-width:1px;padding:var(--space-compact-6) var(--space-compact-10)}.visual-weight-role-badge{top:-.25rem;right:-.25rem;height:.9rem;width:.9rem;font-size:.54rem}.visual-weight-role-code{min-width:0;flex:1;overflow:hidden;color:var(--text-primary);font-family:var(--font-mono);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.visual-weight-role-label{color:inherit;font-size:.68rem;text-transform:capitalize;opacity:.84}.visual-weight-simulator,.visual-weight-simulator-head,.visual-weight-simulator-intro,.visual-weight-simulator-support,.visual-weight-simulator-support-copy{display:grid;gap:var(--space-3)}.visual-weight-simulator-tabs{display:inline-flex;flex-wrap:wrap;gap:var(--space-compact-6);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-visual-weight-simulator-tabs);padding:var(--space-compact-6)}.visual-weight-simulator-tab{display:inline-flex;align-items:center;gap:var(--space-compact-6);border-radius:999px;border:1px solid transparent;background:transparent;padding:var(--space-compact-6) var(--space-compact-10);color:var(--text-muted);font-size:.8rem;line-height:1.4;transition:all .18s ease}.visual-weight-simulator-tab:hover,.visual-weight-simulator-tab:focus-visible{color:var(--text-primary);background:var(--surface-control-hover);outline:none}.visual-weight-simulator-tab-active{border-color:var(--border-active-soft);background:var(--surface-info-soft);color:var(--text-inverse)}.visual-weight-simulator-section{display:grid;gap:var(--space-3)}.visual-weight-simulator-section-title{margin:0;color:var(--text-secondary);font-size:.8rem;font-weight:650;line-height:1.45;letter-spacing:.04em;text-transform:uppercase}.visual-weight-simulator{--vw-sim-background: var(--visual-weight-simulator-background);--vw-sim-surface: var(--visual-weight-simulator-surface);--vw-sim-text: var(--visual-weight-simulator-text);--vw-sim-text-muted: var(--visual-weight-simulator-text-muted);--vw-sim-border: var(--visual-weight-simulator-border);--vw-sim-primary: var(--visual-weight-simulator-primary);--vw-sim-secondary: var(--visual-weight-simulator-secondary);--vw-sim-accent: var(--visual-weight-simulator-accent)}.visual-weight-simulator-preview{overflow:hidden;background:var(--vw-sim-background)}.visual-weight-simulator-canvas{min-height:400px;color:var(--vw-sim-text)}.visual-weight-simulator-preview{border-radius:var(--radius-panel)}.visual-weight-simulator-landing-nav,.visual-weight-simulator-dashboard-sidebar,.visual-weight-simulator-stat-card,.visual-weight-simulator-chart-shell,.visual-weight-simulator-feature-card,.visual-weight-simulator-card{border:1px solid var(--vw-sim-border);background:var(--vw-sim-surface)}.visual-weight-simulator-landing-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-width:0 0 1px}.visual-weight-simulator-logo,.visual-weight-simulator-logo-dashboard{width:2rem;height:2rem;border-radius:.75rem;background:var(--vw-sim-primary)}.visual-weight-simulator-logo-dashboard{margin-bottom:var(--space-6)}.visual-weight-simulator-nav-links{display:flex;gap:var(--space-4);color:var(--vw-sim-text-muted);font-size:var(--type-body-compact-size)}.visual-weight-simulator-hero{display:grid;justify-items:center;gap:var(--space-4);padding:var(--panel-pad-md) var(--panel-pad-md) var(--panel-pad-lg);text-align:center}.visual-weight-simulator-heading,.visual-weight-simulator-subheading,.visual-weight-simulator-card-title,.visual-weight-simulator-stat-value{margin:0;color:var(--vw-sim-text)}.visual-weight-simulator-heading{font-size:1.9rem;font-weight:700}.visual-weight-simulator-subheading{margin-bottom:var(--space-4);font-size:1.25rem;font-weight:700}.visual-weight-simulator-copy,.visual-weight-simulator-card-copy,.visual-weight-simulator-stat-label,.visual-weight-simulator-checkbox-label{color:var(--vw-sim-text-muted)}.visual-weight-simulator-copy{max-width:32rem;margin:0 auto;font-size:1rem}.visual-weight-simulator-action-row,.visual-weight-simulator-button-row,.visual-weight-simulator-badge-row,.visual-weight-simulator-form-row,.visual-weight-simulator-card-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.visual-weight-simulator-feature-grid-shell{padding:0 var(--space-6) var(--space-8)}.visual-weight-simulator-feature-grid,.visual-weight-simulator-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.visual-weight-simulator-feature-card,.visual-weight-simulator-card,.visual-weight-simulator-stat-card{border-radius:1rem;padding:var(--space-4)}.visual-weight-simulator-feature-icon,.visual-weight-simulator-card-media{display:inline-flex;align-items:center;justify-content:center;color:#fff}.visual-weight-simulator-feature-icon{width:2.5rem;height:2.5rem;margin-bottom:var(--space-3);border-radius:.75rem;font-weight:700}.visual-weight-simulator-feature-icon-secondary,.visual-weight-simulator-button-secondary,.visual-weight-simulator-badge-secondary,.visual-weight-simulator-card-media-secondary,.visual-weight-simulator-chart-bar-secondary{background:var(--vw-sim-secondary)}.visual-weight-simulator-button-secondary,.visual-weight-simulator-badge-secondary{color:#fff}.visual-weight-simulator-feature-icon-accent,.visual-weight-simulator-button-accent,.visual-weight-simulator-badge-accent,.visual-weight-simulator-alert-warning,.visual-weight-simulator-stat-change-accent{background:var(--vw-sim-accent);color:#fff}.visual-weight-simulator-canvas-dashboard{display:flex}.visual-weight-simulator-dashboard-sidebar{width:12rem;padding:var(--space-4);border-width:0 1px 0 0}.visual-weight-simulator-dashboard-nav-item{margin-bottom:var(--space-1);border-radius:.75rem;padding:var(--space-2) var(--space-3);color:var(--vw-sim-text-muted);font-size:var(--type-control-size)}.visual-weight-simulator-dashboard-nav-item-active,.visual-weight-simulator-button-primary,.visual-weight-simulator-badge-primary,.visual-weight-simulator-card-media-primary,.visual-weight-simulator-chart-bar-primary,.visual-weight-simulator-stat-change-primary,.visual-weight-simulator-alert-info{background:var(--vw-sim-primary);color:#fff}.visual-weight-simulator-dashboard-main{flex:1;padding:var(--panel-pad-md)}.visual-weight-simulator-chart-shell{display:flex;align-items:center;justify-content:center;min-height:8rem;border-radius:1rem}.visual-weight-simulator-chart-bars{display:flex;align-items:end;gap:var(--space-1);height:4rem}.visual-weight-simulator-chart-bar{width:1.5rem;border-radius:.5rem .5rem 0 0}.visual-weight-simulator-chart-bar-secondary{opacity:.6}.visual-weight-simulator-canvas-components{display:grid;gap:var(--stack-gap-lg);padding:var(--panel-pad-md)}.visual-weight-simulator-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.5rem;border-radius:.75rem;border:1px solid transparent;padding:var(--space-2) var(--space-4);font-weight:650}.visual-weight-simulator-button-lg{min-height:3rem;padding-inline:var(--space-6)}.visual-weight-simulator-button-outline,.visual-weight-simulator-badge-outline{border-color:var(--vw-sim-border);background:transparent;color:var(--vw-sim-text)}.visual-weight-simulator-button-disabled{background:var(--vw-sim-text-muted);color:var(--vw-sim-surface);cursor:not-allowed;opacity:.5}.visual-weight-simulator-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.6rem;border-radius:999px;padding:var(--compact-chip-pad-y) var(--space-3);font-size:var(--type-caption-size);font-weight:650}.visual-weight-simulator-input{width:10rem;border-radius:.75rem;border:1px solid var(--vw-sim-border);background:var(--vw-sim-surface);padding:var(--space-2) var(--space-3);color:var(--vw-sim-text);font-size:var(--type-control-size)}.visual-weight-simulator-checkbox-row{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--vw-sim-text)}.visual-weight-simulator-checkbox{width:1rem;height:1rem}.visual-weight-simulator-alert-stack{display:grid;gap:var(--space-2)}.visual-weight-simulator-alert{border-radius:.75rem;padding:var(--space-3);font-size:var(--type-control-size)}.visual-weight-simulator-alert-info{background:color-mix(in srgb,var(--vw-sim-primary) 18%,transparent);color:var(--vw-sim-primary)}.visual-weight-simulator-alert-warning{background:color-mix(in srgb,var(--vw-sim-accent) 18%,transparent);color:var(--vw-sim-accent)}.visual-weight-simulator-card-grid{gap:var(--space-4)}.visual-weight-simulator-card{width:12rem}.visual-weight-simulator-card-media{width:100%;height:5rem;margin-bottom:var(--space-3);border-radius:.75rem}.visual-weight-simulator-support{padding-top:var(--space-2);border-top:1px solid color-mix(in srgb,var(--surface-border) 44%,transparent)}.visual-weight-simulator-legend{gap:var(--compact-gap-sm)}.visual-weight-simulator-legend .visual-weight-chart-legend-item{background:color-mix(in srgb,var(--surface-control-raised) 72%,transparent)}@media (max-width: 767px){.visual-weight-simulator-feature-grid,.visual-weight-simulator-stat-grid{grid-template-columns:1fr}.visual-weight-simulator-canvas-dashboard{flex-direction:column}.visual-weight-simulator-dashboard-sidebar{width:100%;border-width:0 0 1px}}.visual-weight-tone-success{border-color:color-mix(in srgb,var(--surface-success-strong) 36%,transparent);background:var(--surface-success-soft)}.visual-weight-tone-warning{border-color:color-mix(in srgb,var(--surface-warning-pill) 72%,transparent);background:var(--surface-warning-soft)}.visual-weight-tone-info{border-color:color-mix(in srgb,var(--text-info) 32%,transparent);background:var(--surface-info-soft)}.visual-weight-tone-tip{border-color:color-mix(in srgb,var(--text-accent-soft) 28%,transparent);background:var(--surface-badge-accent)}.visual-weight-analysis-shell,.visual-weight-analyzer-shell,.visual-weight-analyzer-stack,.visual-weight-analyzer-upload-stack,.visual-weight-analyzer-stage,.visual-weight-analyzer-stage-head,.visual-weight-analyzer-frame-shell{display:grid;gap:var(--space-3)}.visual-weight-analysis-header,.visual-weight-analysis-panel,.visual-weight-ai-panel,.visual-weight-analyzer-frame,.visual-weight-analyzer-metric-card,.visual-weight-ai-editor,.visual-weight-ai-object-card,.visual-weight-analysis-quadrant-card,.visual-weight-analysis-region-card,.visual-weight-analysis-suggestion-item,.visual-weight-analyzer-dropzone,.visual-weight-analyzer-palette-card{border-radius:1.15rem;border:1px solid color-mix(in srgb,var(--surface-border) 74%,transparent);background:var(--surface-panel-soft);box-shadow:inset 0 1px #ffffff08}.visual-weight-analysis-header,.visual-weight-analysis-panel,.visual-weight-ai-panel,.visual-weight-analyzer-metric-card,.visual-weight-ai-editor,.visual-weight-analyzer-palette-card{padding:var(--space-4)}.visual-weight-analysis-header,.visual-weight-ai-head,.visual-weight-analyzer-controls,.visual-weight-analyzer-palette-head,.visual-weight-ai-object-head,.visual-weight-analysis-scheme-row,.visual-weight-ai-mode-row,.visual-weight-ai-progress-head,.visual-weight-analysis-region-head,.visual-weight-ai-object-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.visual-weight-analysis-head,.visual-weight-analysis-title,.visual-weight-ai-title,.visual-weight-analyzer-control-group{display:flex;align-items:center;gap:var(--space-compact-10)}.visual-weight-analysis-header,.visual-weight-ai-panel,.visual-weight-analysis-panel{display:grid;gap:var(--space-4)}.visual-weight-analysis-title,.visual-weight-ai-title{min-width:0;flex-wrap:wrap}.visual-weight-analysis-title-icon{color:var(--text-link-accent)}.visual-weight-ai-title-icon{color:var(--text-accent-soft)}.visual-weight-analysis-badge,.visual-weight-ai-badge,.visual-weight-analysis-score,.visual-weight-analysis-region-badge,.visual-weight-ai-object-edited{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 76%,transparent);padding:var(--space-micro-0_5) var(--space-3);font-size:.7rem;font-weight:650;line-height:1.4}.visual-weight-analysis-badge{background:var(--surface-info-soft);color:var(--text-info-soft)}.visual-weight-ai-badge{background:var(--surface-visual-weight-ai-badge);border-color:var(--border-active-soft);color:var(--text-accent-soft)}.visual-weight-analysis-tabs{display:flex;flex-wrap:wrap;gap:var(--space-compact-10)}.visual-weight-analysis-tab,.visual-weight-analysis-scheme,.visual-weight-ai-utility,.visual-weight-ai-label-chip,.visual-weight-analyzer-control,.visual-weight-analyzer-shared-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-compact-6);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-control-raised);color:var(--text-muted);font-size:.78rem;line-height:1.4;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.visual-weight-analysis-tab,.visual-weight-ai-label-chip,.visual-weight-analyzer-control{padding:var(--space-compact-10) var(--space-4)}.visual-weight-analysis-scheme,.visual-weight-ai-utility{padding:var(--space-compact-6) var(--space-3)}.visual-weight-analysis-tab:hover,.visual-weight-analysis-tab:focus-visible,.visual-weight-analysis-scheme:hover,.visual-weight-analysis-scheme:focus-visible,.visual-weight-ai-utility:hover,.visual-weight-ai-utility:focus-visible,.visual-weight-ai-label-chip:hover,.visual-weight-ai-label-chip:focus-visible,.visual-weight-analyzer-control:hover,.visual-weight-analyzer-control:focus-visible,.visual-weight-analyzer-shared-action:hover,.visual-weight-analyzer-shared-action:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border-strong) 84%,transparent);background:var(--surface-control-hover);outline:none}.visual-weight-analysis-tab-active,.visual-weight-analysis-scheme-active,.visual-weight-ai-label-chip-active,.visual-weight-analyzer-control-active{border-color:var(--border-active-soft);background:var(--surface-info-soft);color:var(--text-inverse)}.visual-weight-analysis-scheme-row{flex-wrap:wrap;justify-content:flex-start}.visual-weight-analysis-scheme-label,.visual-weight-ai-mode-label,.visual-weight-ai-mode-meta,.visual-weight-analysis-note,.visual-weight-analysis-copy,.visual-weight-analysis-meta,.visual-weight-analysis-region-copy,.visual-weight-analysis-role-confidence,.visual-weight-ai-object-meta,.visual-weight-ai-object-coords,.visual-weight-analyzer-dropzone-copy,.visual-weight-analyzer-metric-label,.visual-weight-analyzer-metric-copy,.visual-weight-analyzer-palette-meta{color:var(--text-muted);font-size:.76rem;line-height:1.55}.visual-weight-analysis-copy{margin:0;color:var(--text-secondary);font-size:.82rem}.visual-weight-analysis-empty{display:grid;gap:var(--space-compact-6);padding:var(--space-4);border-radius:1rem;border:1px dashed color-mix(in srgb,var(--surface-border) 68%,transparent);background:var(--surface-visual-weight-analysis-empty);color:var(--text-muted);font-size:.8rem;line-height:1.55}.visual-weight-analysis-spinner{height:1rem;width:1rem;border:2px solid color-mix(in srgb,var(--accent-color) 66%,rgba(96,165,250,.4));border-top-color:transparent;border-radius:999px;animation:spin .9s linear infinite}.visual-weight-analysis-spinner-lg{height:1.9rem;width:1.9rem;border-width:3px}.visual-weight-analysis-quadrant-grid,.visual-weight-analysis-region-grid,.visual-weight-ai-object-grid,.visual-weight-analyzer-metric-grid,.visual-weight-analyzer-palette-grid{display:grid;gap:var(--space-3)}.visual-weight-analysis-quadrant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-weight-analysis-quadrant-card,.visual-weight-analysis-region-card,.visual-weight-ai-object-card{text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease}.visual-weight-analysis-quadrant-card,.visual-weight-analysis-region-card,.visual-weight-ai-object-card,.visual-weight-analysis-suggestion-item{padding:var(--panel-pad-sm)}.visual-weight-analysis-quadrant-card-active,.visual-weight-analysis-region-card-active,.visual-weight-ai-object-card-active{border-color:color-mix(in srgb,var(--accent-color) 30%,color-mix(in srgb,var(--surface-border) 20%,transparent));background:color-mix(in srgb,var(--accent-color) 10%,rgba(17,27,46,.78))}.visual-weight-analysis-region-swatch,.visual-weight-analysis-role-swatch{flex-shrink:0;border-radius:.6rem;border:1px solid rgba(148,163,184,.3);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 4%,transparent)}.visual-weight-analysis-region-swatch{height:1rem;width:1rem}.visual-weight-analysis-role-swatch{height:1.75rem;width:1.75rem}.visual-weight-analysis-role-list,.visual-weight-analysis-suggestion-list{display:grid;gap:var(--space-compact-10)}.visual-weight-analysis-role-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:.95rem;border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:var(--surface-panel-muted)}.visual-weight-analysis-role-copy{display:grid;gap:var(--space-micro-0_5);min-width:0;flex:1}.visual-weight-analysis-role-confidence{display:block}.visual-weight-analysis-score-success{background:var(--surface-success-soft);border-color:color-mix(in srgb,var(--surface-success-strong) 36%,transparent);color:var(--text-success)}.visual-weight-analysis-score-warning{background:var(--surface-warning-soft);border-color:color-mix(in srgb,var(--surface-warning-pill) 72%,transparent);color:var(--text-warning-strong)}.visual-weight-analysis-score-danger{background:var(--surface-danger-soft);border-color:color-mix(in srgb,var(--surface-danger-strong) 34%,transparent);color:var(--text-danger-soft)}.visual-weight-analysis-section-title{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;color:var(--text-primary);font-size:.9rem;font-weight:650;line-height:1.45}.visual-weight-ai-progress-shell,.visual-weight-ai-mode-shell{display:grid;gap:var(--space-compact-10)}.visual-weight-ai-progress-track{height:.45rem;overflow:hidden;border-radius:999px;background:var(--surface-progress-track)}.visual-weight-ai-progress-fill{height:100%;border-radius:999px;background:var(--surface-visual-weight-ai-progress-fill);transition:width .22s ease}.visual-weight-ai-primary,.visual-weight-analyzer-shared-action{width:100%;padding:var(--space-3) var(--space-4);font-weight:650}.visual-weight-ai-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--compact-gap-md);border-radius:1rem;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.visual-weight-ai-primary-ready{background:var(--surface-visual-weight-ai-primary-ready);color:var(--text-inverse)}.visual-weight-ai-primary-idle{border-color:color-mix(in srgb,var(--surface-border) 74%,transparent);background:var(--surface-visual-weight-ai-primary-idle);color:var(--text-primary)}.visual-weight-ai-primary-disabled{border-color:color-mix(in srgb,var(--surface-border) 64%,transparent);background:var(--surface-visual-weight-ai-primary-disabled);color:var(--text-subtle);cursor:not-allowed}.visual-weight-ai-primary:not(:disabled):hover,.visual-weight-ai-primary:not(:disabled):focus-visible{outline:none;filter:brightness(1.05)}.visual-weight-ai-mode-value-ui{color:var(--text-accent-soft)}.visual-weight-ai-mode-value-mixed{color:var(--text-cool)}.visual-weight-ai-mode-value-natural{color:var(--text-success)}.visual-weight-ai-advice-card{padding:var(--panel-pad-sm);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:var(--surface-panel-muted)}.visual-weight-ai-label-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--compact-gap-md)}.visual-weight-ai-object-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-weight-ai-object-card{cursor:pointer}.visual-weight-ai-icon-warning{color:var(--text-warning-strong)}.visual-weight-ai-icon-suggestion{color:var(--text-accent-soft)}.visual-weight-ai-icon-info{color:var(--text-subtle)}.visual-weight-analyzer-dropzone{border-style:dashed;border-width:1.5px;padding:var(--panel-pad-md);text-align:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.visual-weight-analyzer-dropzone:hover,.visual-weight-analyzer-dropzone:focus-visible{border-color:color-mix(in srgb,var(--accent-color) 34%,rgba(148,163,184,.26));background:var(--surface-control-hover);outline:none}.visual-weight-analyzer-dropzone-icon{color:var(--text-subtle);margin-bottom:var(--space-3)}.visual-weight-analyzer-dropzone-title{margin:0;color:var(--text-primary);font-size:1rem;font-weight:650;line-height:1.45}.visual-weight-analyzer-controls{flex-wrap:wrap;padding:var(--space-2);border-radius:var(--radius-control-shell);border:1px solid color-mix(in srgb,var(--surface-border) 50%,transparent);background:color-mix(in srgb,var(--surface-panel-soft) 68%,transparent)}.visual-weight-analyzer-control-secondary{background:#152034b8}.visual-weight-analyzer-control-danger{border-color:color-mix(in srgb,var(--surface-danger-strong) 28%,transparent);color:var(--text-danger-soft);background:var(--surface-danger-soft)}.visual-weight-analyzer-frame{position:relative;overflow:hidden}.visual-weight-analyzer-stage-head-inline{flex:1}.visual-weight-analyzer-upload-stack .visual-weight-analyzer-shared-action{width:auto;justify-self:start}.visual-weight-analyzer-canvas,.visual-weight-analyzer-overlay{display:block;width:100%;height:auto}.visual-weight-analyzer-canvas-contained{max-height:500px;-o-object-fit:contain;object-fit:contain}.visual-weight-analyzer-overlay-heatmap{mix-blend-mode:screen;-o-object-fit:contain;object-fit:contain}.visual-weight-analyzer-overlay-heatmap-visible{opacity:.6;visibility:visible}.visual-weight-analyzer-overlay-heatmap-hidden{opacity:0;visibility:hidden}.visual-weight-analyzer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.visual-weight-analyzer-overlay-region{transition:opacity .2s ease;opacity:0}.visual-weight-analyzer-overlay-region-visible{opacity:1}.visual-weight-analyzer-gravity-indicator{position:absolute;height:1rem;width:1rem;border:2px solid white;border-radius:999px;box-shadow:0 0 0 4px color-mix(in srgb,white 8%,transparent);transform:translate(-50%,-50%);background-color:#ffffff4d}.visual-weight-analyzer-processing{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#070d18b8}.visual-weight-analyzer-processing-body{display:grid;justify-items:center;gap:var(--compact-gap-md)}.visual-weight-analyzer-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-weight-analyzer-metric-value{margin:var(--compact-gap-xs) 0 var(--compact-gap-sm);color:var(--text-primary);font-size:1.3rem;font-weight:700;line-height:1.2}.visual-weight-analyzer-metric-value-success{color:var(--text-success)}.visual-weight-analyzer-metric-value-warning{color:var(--text-warning-strong)}.visual-weight-analyzer-metric-value-danger{color:var(--text-danger-soft)}.visual-weight-analyzer-palette-head{margin-bottom:var(--space-1)}.visual-weight-analyzer-palette-grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.visual-weight-analyzer-palette-card{text-align:center}.visual-weight-analyzer-palette-swatch{height:3.6rem;border-radius:.85rem;border:1px solid color-mix(in srgb,var(--surface-border) 28%,transparent);margin-bottom:var(--compact-gap-md)}.visual-weight-analyzer-palette-code{margin:0;color:var(--text-primary);font-family:var(--font-mono);font-size:.74rem;line-height:1.45}@media (min-width: 768px){.visual-weight-detail-grid,.visual-weight-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-weight-detector-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-weight-analyzer-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 767px){.visual-weight-analysis-quadrant-grid,.visual-weight-ai-object-grid,.visual-weight-analyzer-metric-grid{grid-template-columns:1fr}}.settings-panel-card{display:grid;gap:var(--panel-pad-md);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);padding:var(--panel-pad-md);box-shadow:var(--shadow-panel-inset-soft)}.settings-panel-title{margin:0;color:var(--text-primary);font-size:1rem;font-weight:650}.settings-panel-section{display:grid;gap:var(--compact-gap-xs)}.settings-panel-label{display:block;color:var(--text-secondary);font-size:.82rem;font-weight:650;line-height:1.45}.settings-panel-help{display:block;margin-top:var(--space-1);color:var(--text-dim);font-size:.72rem;line-height:1.45}.settings-panel-select{width:100%;border-radius:.82rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel);padding:var(--space-3) calc(var(--space-3) + var(--space-1));color:var(--text-primary)}.settings-panel-select:focus{outline:none;border-color:color-mix(in srgb,var(--accent-color) 34%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 12%,transparent)}.settings-panel-switch-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--space-3) + var(--space-1));cursor:pointer}.settings-panel-switch{position:relative;display:inline-flex;width:2.75rem;height:1.5rem;align-items:center;border-radius:999px;background:var(--surface-settings-toggle);transition:background-color .18s ease}.settings-panel-switch-active{background:color-mix(in srgb,var(--accent-color) 90%,white 4%)}.settings-panel-switch-thumb{display:inline-block;width:1rem;height:1rem;border-radius:999px;background:#fff;transform:translate(.25rem);transition:transform .18s ease}.settings-panel-switch-thumb-active{transform:translate(1.5rem)}.settings-toolbar-tight{gap:var(--space-2)}.settings-toolbar-meta{margin:0;max-width:34rem;color:var(--text-dim);font-size:.76rem;line-height:1.5}.settings-theme-stack{gap:var(--space-3)}.settings-theme-grid{display:grid;gap:var(--space-3)}.settings-theme-option{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:var(--space-3);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);padding:var(--panel-pad-sm) var(--panel-pad-md);text-align:left;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.settings-theme-option:hover,.settings-theme-option:focus-visible{outline:none;transform:translateY(-1px);border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-panel-hover)}.settings-theme-option-active{border-color:color-mix(in srgb,var(--accent-color) 30%,transparent);background:var(--surface-settings-option-active)}.settings-theme-option-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.7rem;background:var(--surface-tint-subtle);color:var(--text-secondary)}.settings-theme-option-copy{display:grid;gap:var(--text-gap-tight)}.settings-route-shell .token-editor-toolbar,.settings-route-shell .token-editor-filter-shell,.settings-route-shell .token-editor-sync-note,.settings-route-shell .token-card,.settings-route-shell .token-editor-reference-list,.settings-route-shell .token-editor-empty{padding:calc(var(--space-3) + var(--compact-gap-xs))}.settings-route-shell .token-editor-group-stack,.settings-route-shell .token-editor-group,.settings-route-shell .token-editor-shell{gap:var(--space-3)}.settings-route-shell .token-editor-toolbar,.settings-route-shell .token-editor-filter-row{gap:calc(var(--space-3) + var(--compact-gap-xs))}.settings-route-shell .token-editor-actions,.settings-route-shell .token-editor-filter-controls{gap:var(--space-2)}.settings-route-shell .token-editor-secondary-action,.settings-route-shell .token-editor-primary-action,.settings-route-shell .token-editor-view-button{padding:var(--space-2) calc(var(--space-3) + var(--compact-gap-xs))}.settings-route-shell{gap:var(--gap-page-section)}.settings-editor-panel{box-shadow:0 16px 36px color-mix(in srgb,var(--surface-overlay-scrim) 10%,transparent),var(--shadow-panel-inset-soft)}.settings-editor-panel .panel-shell-header{background:color-mix(in srgb,var(--surface-panel-soft) 82%,rgba(10,18,32,.7))}.settings-editor-panel .panel-shell-description,.settings-proof-panel .panel-shell-description{max-width:38rem}.settings-editor-panel-body{display:grid;gap:var(--stack-gap-md)}.settings-support-panel{box-shadow:none}.settings-support-panel .panel-shell-header{background:color-mix(in srgb,var(--surface-panel-muted) 76%,transparent)}.settings-support-panel .panel-shell-title{font-size:1rem}.settings-support-panel .panel-shell-description{max-width:20rem;color:var(--text-dim)}.settings-proof-panel .panel-shell-header{background:color-mix(in srgb,var(--surface-panel-soft) 78%,transparent)}.settings-editor-stack,.settings-json-stack,.settings-preview-stack,.settings-reference-stack{display:grid;gap:var(--stack-gap-lg)}.settings-proof-head,.settings-json-mode-head{max-width:40rem}.settings-toolbar,.settings-toolbar-group,.settings-status-row,.settings-status-group,.settings-action-group{display:flex;align-items:center;gap:var(--space-3)}.settings-toolbar,.settings-status-row{justify-content:space-between;flex-wrap:wrap}.settings-toolbar-group,.settings-status-group,.settings-action-group{flex-wrap:wrap}.settings-mode-toggle{padding:var(--space-1)}.settings-json-workflow{gap:var(--space-4)}.settings-json-status-shell{padding:var(--space-3) var(--space-4);border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:color-mix(in srgb,var(--surface-panel-muted) 78%,transparent)}.settings-json-feedback-stack{display:grid;gap:var(--space-3)}.settings-primary-action,.settings-secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:999px;padding:var(--space-2) var(--space-4);font-size:var(--type-caption-size);font-weight:700;transition:transform .18s ease,filter .18s ease,border-color .18s ease,background .18s ease}.settings-primary-action:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.settings-primary-action{border:1px solid color-mix(in srgb,var(--accent-color) 34%,transparent);background:var(--surface-settings-primary-action);color:var(--text-inverse)}.settings-secondary-action{border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-field-strong);color:var(--text-secondary)}.settings-primary-action:hover:not(:disabled),.settings-secondary-action:hover{transform:translateY(-1px);filter:brightness(1.03)}.settings-status-pill{display:inline-flex;align-items:center;gap:var(--compact-gap-xs);border-radius:999px;padding:var(--compact-chip-pad-y) var(--space-3);font-size:var(--type-mono-compact-size);font-weight:700;line-height:var(--leading-utility)}.settings-status-pill-warning{border:1px solid color-mix(in srgb,var(--text-warning-strong) 28%,transparent);background:var(--surface-warning-strong);color:var(--text-warning)}.settings-status-pill-success{border:1px solid color-mix(in srgb,var(--text-success-strong) 28%,transparent);background:var(--surface-success-strong);color:var(--text-success)}.settings-notice,.settings-editor-shell,.settings-preview-tile,.settings-reference-block,.settings-empty-state{border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);box-shadow:var(--shadow-panel-inset-soft)}.settings-notice,.settings-reference-block,.settings-empty-state{padding:var(--space-4)}.settings-notice{display:flex;align-items:flex-start;gap:var(--space-3)}.settings-notice-error{border-color:color-mix(in srgb,var(--text-danger-strong) 34%,transparent);background:var(--surface-danger-soft);color:var(--text-danger-soft)}.settings-notice-warning{display:grid;gap:var(--compact-gap-md);border-color:color-mix(in srgb,var(--text-warning-strong) 30%,transparent);background:var(--surface-warning-strong)}.settings-warning-list{display:grid;gap:var(--compact-gap-xs);color:var(--text-warning-soft);font-size:var(--type-support-size);line-height:1.45}.settings-json-editor{width:100%;min-height:24rem;resize:vertical;border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-field-deep);padding:var(--space-4);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--type-caption-size);line-height:var(--leading-body);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.settings-json-editor:focus{border-color:color-mix(in srgb,var(--accent-color) 36%,transparent);box-shadow:var(--shadow-focus-accent)}.settings-json-editor-error{border-color:color-mix(in srgb,var(--text-danger) 55%,transparent)}.settings-help-copy{display:grid;gap:var(--compact-gap-xs);max-width:42rem;color:var(--text-subtle);font-size:var(--type-control-size);line-height:var(--leading-body)}.settings-inline-code{border-radius:.5rem;border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:var(--surface-settings-inline-code);padding:var(--space-micro-1_5) var(--space-2);color:var(--text-secondary);font-family:var(--font-mono);font-size:.78rem}.settings-preview-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.settings-preview-tile{display:grid;gap:var(--space-2);padding:var(--space-3)}.settings-preview-swatch{min-height:3rem;border-radius:.9rem;border:1px solid color-mix(in srgb,white 14%,transparent)}.settings-reference-block{display:grid;gap:var(--space-2)}.settings-reference-list{display:grid;gap:var(--space-2);color:var(--text-secondary);line-height:1.55}.settings-schema-code{margin:0;overflow-x:auto;border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-field-deep);padding:var(--space-4);color:var(--text-secondary);font-size:.76rem;line-height:1.55}.settings-empty-state{display:grid;justify-items:center;gap:var(--space-2);padding:var(--panel-pad-lg);text-align:center}.settings-tab-stack,.settings-tab-section,.settings-field-stack,.settings-simulation-stack,.settings-simulation-group{display:grid;gap:var(--space-4)}.settings-tab-label,.settings-tab-meta{display:block;color:var(--text-secondary);line-height:1.45}.settings-tab-label{font-size:var(--type-control-size);font-weight:650}.settings-tab-label-icon{display:inline-flex;align-items:center;gap:var(--space-2)}.settings-tab-meta{font-size:var(--type-support-size);font-weight:600}.settings-tab-meta-strong{color:var(--text-subtle)}.settings-tab-caption{margin:0;color:var(--text-subtle);font-size:var(--type-support-size);line-height:var(--leading-body)}.settings-option-grid{display:grid;gap:var(--space-3)}.settings-option-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-option-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-option-card,.settings-option-row{display:grid;gap:var(--compact-gap-xs);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-muted);color:var(--text-muted);text-align:left;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.settings-option-card{justify-items:center;padding:var(--space-4) var(--space-3)}.settings-option-row{padding:var(--space-3) var(--space-4)}.settings-option-card:hover,.settings-option-card:focus-visible,.settings-option-row:hover,.settings-option-row:focus-visible{background:var(--surface-panel-hover);border-color:color-mix(in srgb,var(--surface-border-strong) 84%,transparent);color:var(--text-primary);outline:none;transform:translateY(-1px)}.settings-option-card-active,.settings-option-row-active{border-color:color-mix(in srgb,var(--accent-color) 34%,transparent);background:var(--surface-settings-option-active);color:var(--text-inverse)}.settings-option-description{font-size:var(--type-label-size);line-height:var(--leading-body);opacity:.78}.settings-simulation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.settings-simulation-option{display:grid;gap:var(--compact-gap-xs);border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-muted);padding:var(--space-3);color:var(--text-muted);text-align:left;font-size:.76rem;font-weight:600;transition:background .18s ease,border-color .18s ease,color .18s ease}.settings-simulation-option:hover,.settings-simulation-option:focus-visible{background:var(--surface-panel-hover);border-color:color-mix(in srgb,var(--surface-border-strong) 84%,transparent);color:var(--text-primary);outline:none}.settings-simulation-option-active{border-color:color-mix(in srgb,var(--accent-color) 34%,transparent);background:var(--surface-settings-simulation-active);color:var(--text-inverse)}.settings-toggle-row,.settings-checkbox-row,.settings-about-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.settings-toggle-copy,.settings-about-copy{display:flex;align-items:center;gap:var(--space-3)}.settings-toggle-switch{position:relative;display:inline-flex;height:1.5rem;width:2.8rem;align-items:center;border-radius:999px;background:var(--surface-settings-toggle);transition:background .18s ease}.settings-toggle-switch-active{background:var(--surface-settings-toggle-active)}.settings-toggle-knob{display:inline-block;height:1rem;width:1rem;transform:translate(.28rem);border-radius:999px;background:#fff;transition:transform .18s ease}.settings-toggle-knob-active{transform:translate(1.52rem)}.settings-danger-action{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-muted);padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--type-caption-size);font-weight:650;transition:background .18s ease,border-color .18s ease,color .18s ease}.settings-danger-action:hover,.settings-danger-action:focus-visible{outline:none;background:var(--surface-panel-hover);color:var(--text-primary)}.settings-danger-action-active{border-color:color-mix(in srgb,var(--text-danger) 24%,transparent);background:var(--surface-danger-strong);color:var(--text-inverse)}.settings-danger-copy{display:inline-flex;align-items:center;gap:var(--compact-gap-xs);margin:var(--space-2) 0 0;color:var(--text-danger-soft);font-size:var(--type-support-size);line-height:var(--leading-body)}.settings-about-card,.settings-info-card{color:var(--text-subtle);font-size:var(--type-support-size);line-height:var(--leading-body)}.settings-about-version{border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:color-mix(in srgb,var(--surface-field-deep) 100%,transparent);padding:var(--compact-pad-y) var(--compact-pad-x);color:var(--text-subtle);font-family:var(--font-family-mono);font-size:var(--type-mono-compact-size)}.settings-tab-input{width:100%;border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-field-deep);padding:var(--space-3) var(--space-3);color:var(--text-primary);font-size:var(--type-caption-size);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.settings-tab-input:focus{border-color:color-mix(in srgb,var(--accent-color) 36%,transparent);box-shadow:var(--shadow-focus-accent)}.settings-tab-input-mono{font-family:var(--font-mono)}.settings-checkbox-input{height:1rem;width:1rem;border-radius:.35rem}.token-editor-shell,.token-editor-toolbar,.token-editor-filter-shell,.token-editor-group-stack,.token-editor-group,.token-editor-form,.token-editor-reference-list,.token-editor-sync-note{display:grid;gap:var(--space-4)}.token-editor-toolbar{gap:var(--space-3)}.token-editor-actions,.token-editor-filter-controls,.token-editor-field-row,.token-editor-sync-row{display:flex;align-items:center;gap:var(--compact-gap-md)}.token-editor-toolbar,.token-editor-filter-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.token-editor-sync-note,.token-editor-filter-shell,.token-editor-add-trigger,.token-editor-empty,.token-editor-reference-list{border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);box-shadow:inset 0 1px #ffffff08}.token-editor-filter-shell,.token-editor-sync-note,.token-editor-reference-list,.token-editor-empty{padding:var(--space-4)}.token-editor-search{position:relative;flex:1;min-width:280px}.token-editor-search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-subtle)}.token-editor-input,.token-editor-select,.token-editor-textarea{width:100%;border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-field-deep);color:var(--text-primary);font-size:var(--type-caption-size);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.token-editor-input,.token-editor-select{padding:var(--space-3) var(--space-3)}.token-editor-search-input{padding-left:calc(var(--size-control-button-sm) + var(--panel-pad-sm))}.token-editor-input-mono{font-family:var(--font-mono)}.token-editor-input-with-swatch{padding-right:calc(var(--size-control-button-sm) + var(--panel-pad-sm))}.token-editor-textarea{resize:vertical;min-height:4.5rem;padding:var(--space-3)}.token-editor-input:focus,.token-editor-select:focus,.token-editor-textarea:focus{border-color:color-mix(in srgb,var(--accent-color) 36%,color-mix(in srgb,var(--surface-border) 24%,transparent));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 14%,transparent)}.token-editor-field{position:relative}.token-editor-field-flex{flex:1}.token-editor-color-trigger{position:absolute;right:.55rem;top:50%;height:1.5rem;width:1.5rem;transform:translateY(-50%);border-radius:.45rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent)}.token-editor-secondary-action,.token-editor-primary-action,.token-editor-view-button,.token-editor-reference-item,.token-editor-add-trigger{transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.token-editor-secondary-action,.token-editor-primary-action,.token-editor-view-button,.token-editor-reference-item{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);padding:var(--compact-gap-md) calc(var(--space-3) + var(--space-1));font-size:.8rem;font-weight:650}.token-editor-secondary-action,.token-editor-view-button,.token-editor-reference-item{background:#111b2eb3;color:var(--text-secondary)}.token-editor-primary-action{background:#16a34adb;border-color:#4ade803d;color:#fff}.token-editor-primary-action:disabled{opacity:.5;cursor:not-allowed}.token-editor-secondary-action:hover,.token-editor-secondary-action:focus-visible,.token-editor-primary-action:hover:not(:disabled),.token-editor-primary-action:focus-visible:not(:disabled),.token-editor-view-button:hover,.token-editor-view-button:focus-visible,.token-editor-reference-item:hover,.token-editor-reference-item:focus-visible,.token-editor-add-trigger:hover,.token-editor-add-trigger:focus-visible{outline:none;filter:brightness(1.04);transform:translateY(-1px)}.token-editor-view-toggle{display:inline-flex;gap:var(--compact-gap-sm);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:#111b2ebd;padding:var(--space-1)}.token-editor-view-button{padding:var(--space-2) var(--space-3);border-color:transparent;background:transparent}.token-editor-view-button-active{background:color-mix(in srgb,var(--accent-color) 14%,rgba(17,27,46,.74));border-color:color-mix(in srgb,var(--accent-color) 36%,color-mix(in srgb,var(--surface-border) 20%,transparent));color:#fff}.token-editor-group-head{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;color:var(--text-primary);font-size:1rem;font-weight:650;line-height:1.4}.token-editor-group-count,.token-editor-helper-copy,.token-editor-empty-copy{color:var(--text-subtle);font-size:.76rem;line-height:1.55}.token-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.token-editor-list{display:grid;gap:var(--space-3)}.token-editor-empty-title{margin:0;color:var(--text-primary);font-size:.95rem;font-weight:650;line-height:1.45}.token-editor-reference-list{max-height:10rem;overflow-y:auto}.token-editor-reference-item{justify-content:flex-start;margin-top:var(--compact-gap-sm)}.token-editor-add-trigger,.token-editor-empty{display:grid;justify-items:center;gap:var(--space-2);text-align:center}.token-editor-add-trigger{width:100%;border-style:dashed;padding:var(--space-8) var(--space-4);color:var(--text-muted)}@media (max-width: 1100px){.settings-option-grid-three,.token-editor-grid,.settings-option-grid-two,.settings-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.settings-option-grid-two,.settings-option-grid-three,.settings-simulation-grid,.token-editor-grid,.settings-preview-grid{grid-template-columns:1fr}}.settings-tab-stack{display:grid;gap:var(--space-4)}.settings-preview-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-metric-value{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.1}.settings-option-grid-step{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-step-number{color:inherit;font-size:1rem;font-weight:700;line-height:1}.settings-code-block{padding:0;overflow:hidden}.settings-secondary-action-danger{border-color:color-mix(in srgb,var(--text-danger) 28%,transparent);background:var(--surface-danger-soft);color:var(--text-danger-soft)}@media (max-width: 767px){.settings-option-grid-step{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-preview-grid-compact{grid-template-columns:minmax(0,1fr)}}.settings-nav-button{line-height:var(--leading-utility)}.settings-shell{width:100%;max-width:48rem;height:min(600px,100vh - 32px);display:flex;overflow:hidden;border-radius:1.25rem}.settings-sidebar{width:12rem;display:flex;flex-direction:column}.settings-sidebar-head,.settings-content-head,.settings-content-body{padding:var(--panel-pad-md)}.settings-nav{flex:1;display:grid;gap:var(--compact-gap-xs);padding:var(--compact-gap-sm)}.settings-nav-button{width:100%;display:inline-flex;align-items:center;gap:var(--compact-gap-md);border-radius:.875rem;padding:var(--compact-pad-y) var(--space-3);transition:color .18s ease,background-color .18s ease}.preview-studio-route-shell{--preview-stage-strong: color-mix(in srgb, var(--stage-color) 22%, var(--surface-panel));--preview-stage-soft: color-mix(in srgb, var(--stage-color) 12%, var(--surface-panel));--preview-stage-faint: color-mix(in srgb, var(--stage-color) 7%, var(--surface-panel));--preview-stage-line-strong: color-mix(in srgb, var(--stage-color) 42%, var(--surface-border));--preview-stage-line-soft: color-mix(in srgb, var(--stage-color) 24%, var(--surface-border));--preview-stage-kicker: color-mix(in srgb, var(--stage-color) 76%, white 14%)}.preview-studio-panel{position:relative}.preview-studio-panel .surface-kicker{color:var(--preview-stage-kicker)}.preview-studio-panel .panel-shell-header{position:relative;border-bottom-color:color-mix(in srgb,var(--surface-border) 82%,transparent)}.preview-studio-panel-primary{border-color:var(--preview-stage-line-strong);box-shadow:var(--shadow-raised),inset 0 1px color-mix(in srgb,var(--stage-color) 10%,white 22%)}.preview-studio-panel-primary .panel-shell-header{background:linear-gradient(180deg,color-mix(in srgb,var(--stage-color) 10%,transparent),transparent 72%),color-mix(in srgb,var(--surface-panel) 94%,transparent)}.preview-studio-panel-primary .panel-shell-header:before,.preview-studio-panel-secondary .panel-shell-header:before,.preview-studio-panel-proof .panel-shell-header:before{content:"";position:absolute;inset:0 auto 0 0;width:.35rem;background:linear-gradient(180deg,color-mix(in srgb,var(--stage-color) 88%,white 8%),color-mix(in srgb,var(--stage-color) 44%,transparent))}.preview-studio-panel-secondary,.preview-studio-panel-proof{border-color:var(--preview-stage-line-soft)}.preview-studio-panel-secondary .panel-shell-header{background:linear-gradient(180deg,color-mix(in srgb,var(--stage-color) 5%,transparent),transparent 76%),color-mix(in srgb,var(--surface-panel) 96%,transparent)}.preview-studio-panel-proof .panel-shell-header:before{opacity:.7}.preview-studio-panel-tertiary{border-color:color-mix(in srgb,var(--surface-border) 78%,transparent)}.preview-studio-panel-tertiary .surface-kicker{color:var(--text-secondary)}.preview-studio-panel-tertiary .panel-shell-header{background:color-mix(in srgb,var(--surface-panel) 98%,transparent)}.sandbox-container{min-height:200px;width:100%;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.sandbox-container-canvas,.sandbox-container-sample,.sandbox-container-quiet{border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 76%,transparent);box-shadow:var(--shadow-panel-inset-soft)}.sandbox-container-canvas{background:linear-gradient(180deg,#f7f9fcfa,#eef3f9fa);color:#0f172a}.sandbox-container-sample{background:linear-gradient(180deg,#f8fafcf5,#f1f5f9fa);color:#0f172a}.sandbox-container-quiet{background:linear-gradient(180deg,#121d30f5,#0a121ffa);color:var(--text-primary)}.sandbox-container.dark{background-color:var(--color-gray-900, #0f172a);color:var(--color-slate-100, #f1f5f9);border-color:color-mix(in srgb,var(--surface-border) 48%,transparent)}.preview-studio-canvas,.preview-studio-demo-stack,.preview-studio-token-panel,.preview-studio-help-list{display:grid;gap:var(--space-4)}.preview-studio-canvas{padding:var(--panel-pad-md)}.preview-studio-canvas-stage-primary{position:relative;border-color:color-mix(in srgb,var(--stage-color) 34%,var(--surface-border));background:linear-gradient(180deg,color-mix(in srgb,var(--stage-color) 11%,white 87%),#eef3f9f5 68%),linear-gradient(180deg,#f7f9fcfa,#eef3f9fa);box-shadow:var(--shadow-panel-inset-soft),inset 0 1px color-mix(in srgb,var(--stage-color) 14%,white 18%)}.preview-studio-canvas-stage-primary:before,.preview-studio-canvas-stage-secondary:before,.preview-studio-canvas-stage-proof:before{content:"";position:absolute;inset:0 auto 0 0;width:.4rem;border-radius:var(--radius-panel) 0 0 var(--radius-panel);background:linear-gradient(180deg,color-mix(in srgb,var(--stage-color) 78%,white 10%),color-mix(in srgb,var(--stage-color) 36%,transparent));opacity:.95}.preview-studio-canvas-stage-secondary{position:relative;border-color:color-mix(in srgb,var(--stage-color) 24%,var(--surface-border));background:linear-gradient(180deg,color-mix(in srgb,var(--stage-color) 6%,white 92%),#f1f5f9fa 74%),linear-gradient(180deg,#f8fafcf5,#f1f5f9fa)}.preview-studio-canvas-stage-secondary:before{opacity:.72}.preview-studio-canvas-stage-proof{position:relative;border-color:color-mix(in srgb,var(--stage-color) 18%,var(--surface-border));background:linear-gradient(180deg,color-mix(in srgb,var(--stage-color) 3%,white 95%),#f1f5f9fa 78%),linear-gradient(180deg,#f8fafcf5,#f1f5f9fa)}.preview-studio-canvas-stage-proof:before{opacity:.48}.preview-studio-canvas-header{display:grid;gap:var(--space-3)}.preview-studio-section-title{margin:0;color:inherit;font-size:var(--type-card-title-size);font-weight:700;line-height:var(--leading-heading)}.preview-studio-section-copy,.preview-studio-help-item p,.preview-studio-token-name{margin:0;color:color-mix(in srgb,currentColor 62%,transparent);font-size:var(--type-support-size);line-height:var(--leading-body)}.preview-studio-stat-card,.preview-studio-widget,.preview-studio-alert-card{border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,currentColor 16%,transparent);box-shadow:var(--shadow-hierarchy-shell),inset 0 1px color-mix(in srgb,currentColor 12%,transparent)}.preview-studio-stat-card{padding:var(--panel-pad-md)}.preview-studio-stat-body,.preview-studio-alert-card{display:flex;align-items:flex-start;gap:var(--space-3)}.preview-studio-stat-icon{display:inline-flex;height:2.7rem;width:2.7rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.95rem}.preview-studio-stat-label,.preview-studio-widget-title,.preview-studio-widget-footer,.preview-studio-alert-copy,.preview-studio-token-value,.preview-studio-help-bullets{color:color-mix(in srgb,currentColor 66%,transparent)}.preview-studio-stat-label{margin:0;font-size:.8rem;line-height:1.45}.preview-studio-stat-value{margin:var(--compact-gap-xs) 0 0;color:inherit;font-size:1.35rem;font-weight:700;line-height:1.1}.preview-studio-widget{position:relative;display:grid;gap:var(--space-3);overflow:hidden;padding:var(--panel-pad-lg);background:var(--preview-studio-widget-bg, var(--surface-panel-soft));color:var(--preview-studio-widget-fg, inherit)}.preview-studio-widget:before,.preview-studio-alert-card:before{content:"";position:absolute;inset:0 auto auto 0;height:.36rem;width:100%;background:linear-gradient(90deg,var(--preview-studio-widget-accent, var(--accent-color)),color-mix(in srgb,var(--preview-studio-widget-accent, var(--accent-color)) 68%,white 32%))}.preview-studio-widget-tone-negative:before{background:linear-gradient(90deg,var(--preview-studio-widget-trend, var(--text-danger)),color-mix(in srgb,var(--preview-studio-widget-trend, var(--text-danger)) 68%,white 32%))}.preview-studio-widget-eyebrow{color:color-mix(in srgb,currentColor 54%,transparent);font-size:.7rem;font-weight:700;letter-spacing:.12em;line-height:var(--leading-utility);text-transform:uppercase}.preview-studio-widget-header,.preview-studio-widget-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.preview-studio-widget-title,.preview-studio-widget-change,.preview-studio-widget-footer,.preview-studio-alert-copy,.preview-studio-alert-variant,.preview-studio-help-bullets,.preview-studio-token-value{font-size:.82rem;line-height:1.5}.preview-studio-widget-title,.preview-studio-widget-value,.preview-studio-alert-title,.preview-studio-help-title{margin:0;color:inherit}.preview-studio-widget-change{display:inline-flex;align-items:center;gap:var(--compact-gap-xs);margin-left:auto;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);background:color-mix(in srgb,currentColor 10%,transparent);color:var(--preview-studio-widget-trend, currentColor);padding:var(--compact-pad-y) var(--compact-chip-pad-x);font-weight:650}.preview-studio-widget-value{margin:0;font-size:clamp(2.15rem,3.2vw,3rem);font-weight:var(--preview-studio-widget-value-weight, 700);line-height:1;letter-spacing:-.04em}.preview-studio-widget-chart{position:relative;padding-top:var(--space-1)}.preview-studio-widget-footer{margin-top:var(--space-1);padding-top:var(--compact-gap-md);border-top:1px solid color-mix(in srgb,currentColor 14%,transparent);color:color-mix(in srgb,currentColor 60%,transparent);font-size:.72rem}.preview-studio-button-row,.preview-studio-token-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.preview-studio-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid transparent;font-weight:650;line-height:1.2;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,opacity .16s ease}.preview-studio-button:hover,.preview-studio-button:focus-visible{transform:translateY(-1px);box-shadow:var(--shadow-control-hover);outline:none}.preview-studio-button:active{transform:translateY(0)}.preview-studio-button-disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.preview-studio-button-sm{padding:var(--compact-pad-y) var(--compact-chip-pad-x);font-size:.84rem}.preview-studio-button-md{padding:var(--pad-control-md-y) var(--pad-control-md-x);font-size:.95rem}.preview-studio-button-lg{padding:var(--panel-pad-sm) var(--panel-pad-md);font-size:1.05rem}.preview-studio-button-secondary{border-width:1.5px}.preview-studio-button-danger:hover,.preview-studio-button-danger:focus-visible{filter:brightness(1.04)}.preview-studio-sample-sandbox{min-height:18rem;padding:var(--panel-pad-md)}.preview-studio-token-panel{align-content:start}.preview-studio-token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.preview-studio-token-item{display:flex;align-items:center;gap:var(--space-3);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-muted);padding:var(--panel-pad-sm)}.preview-studio-token-item-hero{border-color:color-mix(in srgb,var(--stage-color) 24%,var(--surface-border));background:linear-gradient(180deg,color-mix(in srgb,var(--stage-color) 7%,white 92%),transparent 80%),var(--surface-panel-muted);box-shadow:var(--shadow-hierarchy-shell),inset 0 1px color-mix(in srgb,var(--stage-color) 10%,white 20%)}.preview-studio-token-swatch{height:1.65rem;width:1.65rem;flex-shrink:0;border-radius:.45rem;border:1px solid color-mix(in srgb,var(--surface-border) 48%,transparent)}.preview-studio-token-name,.preview-studio-token-value{font-size:.75rem}.preview-studio-token-value{margin:var(--compact-gap-xs) 0 0;font-family:var(--font-family-mono);color:var(--text-primary)}.preview-studio-palette-proof{position:relative;gap:var(--space-3);padding-left:var(--space-1)}.preview-studio-palette-proof:before{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:linear-gradient(180deg,color-mix(in srgb,var(--stage-color) 28%,transparent),color-mix(in srgb,var(--stage-color) 10%,transparent))}.preview-studio-alert-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);overflow:hidden;padding:var(--panel-pad-md);background:var(--preview-studio-alert-bg, var(--surface-panel-soft));color:var(--preview-studio-alert-fg, inherit)}.preview-studio-alert-card:before{inset:0 auto 0 0;width:.38rem;height:auto;background:linear-gradient(180deg,var(--preview-studio-alert-accent, var(--accent-color)),color-mix(in srgb,var(--preview-studio-alert-accent, var(--accent-color)) 68%,black 32%))}.preview-studio-alert-icon{display:inline-flex;height:2.7rem;width:2.7rem;flex-shrink:0;align-items:center;justify-content:center;margin-top:var(--compact-gap-xs);border-radius:var(--radius-control-md);background:color-mix(in srgb,var(--preview-studio-alert-accent, currentColor) 16%,transparent);color:var(--preview-studio-alert-accent, currentColor)}.preview-studio-alert-copy-wrap{display:grid;gap:var(--compact-gap-xs);min-width:0}.preview-studio-alert-variant{color:color-mix(in srgb,currentColor 52%,transparent);font-size:.7rem;font-weight:700;letter-spacing:.12em;line-height:var(--leading-utility);text-transform:uppercase}.preview-studio-alert-title{margin:0;font-size:.98rem;font-weight:var(--preview-studio-alert-title-weight, 700);line-height:1.25}.preview-studio-alert-copy{margin:0;color:color-mix(in srgb,currentColor 66%,transparent)}.preview-studio-help-list{gap:var(--space-3)}.preview-studio-help-item{display:grid;gap:var(--compact-gap-xs);padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--surface-border) 54%,transparent)}.preview-studio-help-item:first-child{padding-top:0;border-top:none}.preview-studio-help-title{font-size:.94rem;font-weight:650;line-height:1.3}.preview-studio-panel-tertiary .preview-studio-help-item{border-top-color:color-mix(in srgb,var(--surface-border) 62%,transparent)}.preview-studio-panel-tertiary .preview-studio-help-title{color:color-mix(in srgb,var(--text-primary) 88%,transparent)}.preview-studio-help-bullets{margin:var(--compact-gap-sm) 0 0;padding-left:var(--panel-pad-sm)}.animate-fadeIn{animation:fadeIn .32s ease-in-out}.preview-studio-canvas-palette{gap:var(--space-4)}.preview-studio-canvas-header-tight{gap:var(--space-3)}.preview-studio-support-copy{margin:0;color:color-mix(in srgb,var(--stage-color) 28%,var(--text-dim));font-size:var(--type-support-size);line-height:1.45}.preview-studio-palette-hero{display:grid;gap:var(--space-4)}.preview-studio-token-grid-hero{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.preview-studio-token-item-hero{min-height:5.2rem;align-items:center}.preview-studio-token-swatch-hero{width:3.4rem;min-width:3.4rem;height:3.4rem;border-radius:1rem}.preview-studio-palette-proof{display:grid}@media (min-width: 1024px){.preview-studio-palette-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);align-items:start}}@media (min-width: 1280px){.preview-studio-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.preview-studio-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.preview-studio-stat-grid,.preview-studio-widget-grid{display:grid;gap:var(--space-4)}.export-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--pad-modal);background:color-mix(in srgb,var(--surface-overlay-scrim-soft) 94%,transparent);-webkit-backdrop-filter:blur(var(--blur-overlay));backdrop-filter:blur(var(--blur-overlay))}.export-modal-shell,.export-panel-shell{border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--surface-border) 76%,transparent);background:var(--surface-overlay-panel-strong);box-shadow:var(--shadow-overlay-lg),inset 0 1px color-mix(in srgb,white 4%,transparent)}.export-modal-shell{width:min(var(--size-modal-width-export),100%);max-height:min(90vh,920px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.export-modal-header,.export-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.export-modal-header{padding:var(--panel-pad-md);border-bottom:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent)}.export-panel-header{padding-bottom:var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent)}.export-modal-heading,.export-panel-heading,.export-preview-root,.export-modal-category,.export-modal-checkbox-copy,.export-panel-field,.export-panel-help{display:grid;gap:var(--compact-gap-sm)}.export-modal-close{display:inline-flex;align-items:center;justify-content:center;width:var(--size-control-button-md);height:var(--size-control-button-md);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:var(--surface-tint-subtle);color:var(--text-secondary);transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.export-modal-close:hover,.export-modal-close:focus-visible{outline:none;color:var(--text-primary);border-color:color-mix(in srgb,var(--accent-color) 28%,color-mix(in srgb,var(--surface-border) 24%,transparent));background:color-mix(in srgb,white 8%,transparent);transform:translateY(-1px)}.export-modal-source,.export-modal-footer{padding:var(--space-4) var(--panel-pad-md);border-top:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent)}.export-modal-source{border-top:0;border-bottom:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent);padding-top:var(--space-3);padding-bottom:var(--space-3)}.export-modal-source-row,.export-modal-footer,.export-modal-actions,.export-panel-actions,.export-preview-header,.export-modal-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.export-modal-label,.export-preview-label,.export-modal-category-title,.export-panel-help-title{color:var(--text-secondary);font-size:var(--type-meta-size);font-weight:700;letter-spacing:.12em;line-height:var(--leading-utility);text-transform:uppercase}.export-segmented{display:flex;flex-wrap:wrap;gap:var(--space-2)}.export-segmented-wrap{width:100%}.export-segmented-option{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.35rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 74%,transparent);background:var(--surface-tint-subtle);padding:var(--space-2) var(--space-4);color:var(--text-secondary);font-size:var(--type-control-size);font-weight:700;line-height:var(--leading-utility);transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.export-segmented-option:hover,.export-segmented-option:focus-visible{outline:none;color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border) 100%,transparent);background:color-mix(in srgb,white 6%,transparent);transform:translateY(-1px)}.export-segmented-option.is-active{color:var(--accent-foreground);border-color:color-mix(in srgb,var(--accent-color) 36%,var(--surface-badge-accent));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color) 26%,var(--surface-badge-cool)),color-mix(in srgb,var(--accent-color) 18%,var(--surface-accent-soft)));box-shadow:0 10px 24px color-mix(in srgb,var(--accent-color) 12%,transparent)}.export-segmented-icon{font-size:.95rem}.export-modal-body{min-height:0;display:grid;grid-template-columns:minmax(240px,288px) minmax(0,1fr)}.export-modal-sidebar{min-height:0;overflow:auto;display:grid;gap:var(--stack-gap-lg);padding:var(--panel-pad-md);border-right:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent)}.export-modal-format-list{display:grid;gap:var(--space-2)}.export-modal-format{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);border-radius:1.1rem;border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:var(--surface-tint-subtle);padding:calc(var(--space-3) + var(--compact-gap-xs)) calc(var(--space-3) + var(--space-1));color:var(--text-secondary);text-align:left;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.export-modal-format:hover,.export-modal-format:focus-visible{outline:none;color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border) 100%,transparent);background:color-mix(in srgb,white 6%,transparent);transform:translateY(-1px)}.export-modal-format.is-active{border-color:color-mix(in srgb,var(--accent-color) 36%,var(--border-shell-soft));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color) 18%,var(--surface-accent-soft)),var(--surface-panel-soft));color:var(--text-primary);box-shadow:var(--shadow-control-hover)}.export-modal-format-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.8rem;background:color-mix(in srgb,white 6%,transparent);font-size:1rem}.export-modal-format-copy{min-width:0;display:grid;gap:var(--space-1)}.export-modal-format-name{color:inherit;font-size:.88rem;font-weight:700;line-height:1.35}.export-modal-format-meta,.export-panel-help{color:var(--text-muted);font-size:.78rem;line-height:1.5}.export-modal-format-ext{color:var(--text-muted);font-family:var(--font-family-mono);font-size:.72rem}.export-modal-options{padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent)}.export-modal-checkbox{display:flex;align-items:flex-start;gap:calc(var(--space-3) + var(--compact-gap-xs));border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 62%,transparent);background:var(--surface-tint-subtle);padding:calc(var(--space-3) + var(--space-1)) var(--space-4)}.export-modal-checkbox-input{margin-top:var(--compact-gap-xs);width:1rem;height:1rem;accent-color:var(--accent-color)}.export-modal-checkbox-title{color:var(--text-primary);font-size:.84rem;font-weight:700;line-height:1.4}.export-modal-checkbox-note,.export-modal-meta{color:var(--text-muted);font-size:.76rem;line-height:1.45}.export-modal-preview{min-height:0;padding:var(--panel-pad-md);overflow:hidden}.export-modal-meta{display:inline-flex;align-items:center;gap:calc(var(--space-3) + var(--compact-gap-xs))}.export-modal-meta-strong{color:var(--text-primary);font-weight:700}.export-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.5rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-tint-subtle);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:.82rem;font-weight:700;line-height:var(--leading-utility);transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease,opacity .18s ease}.export-action:hover,.export-action:focus-visible{outline:none;border-color:color-mix(in srgb,var(--surface-border) 100%,transparent);background:color-mix(in srgb,white 8%,transparent);transform:translateY(-1px)}.export-action:disabled{opacity:.46;cursor:not-allowed;transform:none}.export-action-primary{color:var(--accent-foreground);border-color:color-mix(in srgb,var(--accent-color) 34%,var(--surface-accent-soft));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color) 24%,var(--surface-accent-active)),color-mix(in srgb,var(--accent-color) 18%,var(--surface-accent-soft)))}.export-action-primary:hover,.export-action-primary:focus-visible{border-color:color-mix(in srgb,var(--accent-color) 48%,var(--surface-accent-soft));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color) 30%,var(--surface-accent-active)),color-mix(in srgb,var(--accent-color) 22%,var(--surface-accent-soft)))}.export-action.is-success{color:color-mix(in srgb,var(--text-success) 24%,white);border-color:color-mix(in srgb,var(--text-success-strong) 34%,transparent);background:var(--surface-success-strong)}.export-preview-root{height:100%;min-height:0}.export-preview-title{margin:0;color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.35}.export-preview-surface{height:calc(100% - 3.7rem);min-height:19rem;border-radius:1.25rem;border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:var(--surface-field-base);overflow:hidden}.export-preview-surface-visual{display:flex;align-items:center;justify-content:center;padding:var(--panel-pad-md)}.export-preview-code{height:100%;margin:0;overflow:auto;padding:var(--panel-pad-md);color:var(--text-primary);font-family:var(--font-family-mono);font-size:.84rem;line-height:1.6}.export-preview-empty{display:flex;align-items:center;justify-content:center;min-height:14rem;padding:var(--panel-pad-md);color:var(--text-muted);font-size:.88rem;text-align:center}.export-preview-visual{width:100%;max-width:100%;max-height:100%}.export-preview-image{max-width:100%;max-height:100%;border-radius:1rem;box-shadow:var(--shadow-soft)}.export-preview-strip{display:flex;overflow:hidden;border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 62%,transparent);box-shadow:var(--shadow-soft)}.export-preview-strip-swatch{width:4.25rem;height:7rem}.export-panel-shell{display:grid;gap:var(--stack-gap-lg);padding:var(--panel-pad-md)}.export-panel-fields{display:grid;gap:var(--space-4)}.export-panel-field{min-width:0}.export-panel-input{width:100%;border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 76%,transparent);background:var(--surface-field-base);padding:calc(var(--space-3) + var(--compact-gap-xs)) var(--space-4);color:var(--text-primary);font-family:var(--font-family-mono);font-size:.9rem;line-height:1.45;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.export-panel-input:hover,.export-panel-input:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent-color) 32%,color-mix(in srgb,var(--surface-border) 24%,transparent));background:var(--surface-field-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 10%,transparent)}.export-panel-preview{border-radius:1.25rem;border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:var(--surface-field-base);overflow:hidden}.export-panel-help{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent)}@media (max-width: 959px){.export-modal-shell{max-height:min(94vh,960px);grid-template-rows:auto auto auto auto}.export-modal-body{grid-template-columns:minmax(0,1fr)}.export-modal-sidebar{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent);max-height:24rem}.export-preview-surface{height:auto;min-height:16rem}}.import-modal-shell{width:min(980px,100%)}.import-modal-body{min-height:0;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}.import-modal-input-panel,.import-modal-preview-panel{min-height:0;display:grid;align-content:start;gap:var(--space-4);padding:var(--panel-pad-md)}.import-modal-input-panel{border-right:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent)}.import-modal-textarea{min-height:16rem;resize:vertical;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--surface-border) 76%,transparent);background:var(--surface-field-base);padding:var(--space-4);color:var(--text-primary);font-family:var(--font-family-mono);font-size:var(--type-control-size);line-height:1.6;outline:none}.import-modal-textarea:focus{border-color:color-mix(in srgb,var(--accent-color) 46%,var(--surface-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 16%,transparent)}.import-modal-source-actions,.import-modal-preview-head,.import-preview-card-head,.import-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.import-feedback-stack,.import-preview-list,.import-preview-empty{display:grid;gap:var(--space-3)}.import-feedback{border-radius:var(--radius-control-soft);padding:var(--space-3);font-size:var(--type-meta-size);line-height:1.5}.import-feedback-info{border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:var(--surface-tint-subtle);color:var(--text-secondary)}.import-feedback-warning{border:1px solid color-mix(in srgb,var(--text-warning-strong) 38%,transparent);background:var(--surface-warning-pill);color:var(--text-warning-strong)}.import-feedback-error{border:1px solid color-mix(in srgb,var(--text-danger-strong) 38%,transparent);background:var(--surface-danger-soft);color:var(--text-danger-strong)}.import-preview-empty{min-height:18rem;place-content:center;border-radius:var(--radius-xl);border:1px dashed color-mix(in srgb,var(--surface-border) 76%,transparent);background:var(--surface-tint-subtle);padding:var(--panel-pad-md);text-align:center}.import-preview-card{width:100%;display:grid;gap:var(--space-4);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:var(--surface-tint-subtle);padding:var(--space-4);color:var(--text-secondary);text-align:left;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.import-preview-card:hover,.import-preview-card:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent-color) 34%,var(--surface-border));background:color-mix(in srgb,var(--accent-color) 8%,var(--surface-tint-subtle));transform:translateY(-1px)}.import-preview-card-active{border-color:color-mix(in srgb,var(--accent-color) 54%,var(--surface-border));background:color-mix(in srgb,var(--accent-color) 14%,var(--surface-accent-soft))}.import-preview-selected{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:999px;background:var(--surface-badge-success);padding:var(--compact-pad-y) var(--space-3);color:var(--text-success-strong);font-size:var(--type-meta-size);font-weight:700}.import-preview-strip{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));overflow:hidden;min-height:3rem;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent)}.import-preview-swatch{min-height:3rem}.import-preview-meta{color:var(--text-muted);font-family:var(--font-family-mono);font-size:var(--type-meta-size)}@media (max-width: 860px){.import-modal-body{grid-template-columns:1fr;overflow:auto}.import-modal-input-panel{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--surface-border) 58%,transparent)}}.scale-architect-step-head,.scale-architect-step-scale{display:flex;align-items:center;justify-content:space-between}.scale-architect-step-value{display:inline-flex;min-width:2.2rem;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-muted);padding:var(--compact-gap-sm) var(--space-3);color:var(--text-primary);font-family:var(--font-family-mono);font-size:.8rem;font-weight:700}.scale-architect-step-range-shell{display:grid;gap:var(--compact-gap-xs)}.scale-architect-step-range{width:100%}.scale-architect-step-scale{color:var(--text-dim);font-size:.72rem;font-weight:650}.scale-architect-visualizer-stack,.scale-architect-visualizer-group-stack,.scale-architect-visualizer-group,.scale-architect-visualizer-title,.scale-architect-visualizer-labels{display:grid;gap:var(--space-4)}.scale-architect-visualizer-head,.scale-architect-visualizer-toolbar,.scale-architect-visualizer-chip-row,.scale-architect-visualizer-overlay-row,.scale-architect-visualizer-legend{display:flex;align-items:center;gap:var(--space-3)}.scale-architect-visualizer-head{justify-content:space-between;flex-wrap:wrap}.scale-architect-visualizer-toolbar,.scale-architect-visualizer-legend{flex-wrap:wrap}.scale-architect-visualizer-name-input{min-width:min(100%,22rem);border:0;border-bottom:1px solid transparent;background:transparent;padding:var(--space-1) var(--compact-gap-xs) var(--space-2);color:var(--text-primary);font-size:1.15rem;font-weight:700;line-height:1.3;transition:border-color .18s ease,color .18s ease}.scale-architect-visualizer-name-input:hover,.scale-architect-visualizer-name-input:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent-color) 34%,color-mix(in srgb,var(--surface-border) 28%,transparent))}.scale-architect-visualizer-notice{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-warning-pill) 72%,transparent);background:var(--surface-warning-soft);padding:var(--space-2) var(--space-3);color:var(--text-warning-strong);font-size:.76rem;font-weight:700;line-height:var(--leading-utility)}.scale-architect-swatch-card-interactive{cursor:pointer}.scale-architect-visualizer-swatch{display:grid;gap:var(--space-3);min-height:8.6rem;padding:calc(var(--space-3) + var(--space-1))}.scale-architect-visualizer-swatch-warning{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--text-warning-strong) 78%,transparent)}.scale-architect-visualizer-chip-row{justify-content:space-between;align-items:flex-start}.scale-architect-visualizer-chip{display:inline-flex;align-items:center;justify-content:center;min-height:1.7rem;border-radius:999px;background:var(--surface-control-raised);padding:var(--space-1) var(--compact-chip-pad-x);font-size:.72rem;font-weight:700;line-height:var(--leading-utility);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scale-architect-visualizer-tone-dark{color:#1e293b}.scale-architect-visualizer-tone-light{color:#fff}.scale-architect-visualizer-chip-base{background:var(--surface-accent-active);color:var(--text-inverse)}.scale-architect-visualizer-chip-warning{background:var(--surface-warning-pill);color:var(--text-warning-strong)}.scale-architect-visualizer-labels{gap:var(--text-gap-tight);align-self:end}.scale-architect-visualizer-hex{font-family:var(--font-family-mono);font-size:.9rem;font-weight:700;line-height:1.35}.scale-architect-visualizer-name{font-size:.76rem;font-weight:600;line-height:1.45;opacity:.82}.scale-architect-visualizer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;border-radius:inherit;background:var(--surface-overlay-panel-strong);padding:var(--space-4)}.scale-architect-visualizer-overlay-grid{display:grid;gap:var(--space-2)}.scale-architect-visualizer-overlay-row{justify-content:space-between;color:var(--text-secondary);font-size:.76rem;line-height:1.45}.scale-architect-visualizer-overlay-row code{color:var(--text-primary);font-family:var(--font-family-mono)}.scale-architect-visualizer-contrast-good{color:var(--text-success)!important}.scale-architect-visualizer-contrast-risk{color:var(--text-danger-soft)!important}.scale-architect-visualizer-legend{color:var(--text-muted);font-size:var(--type-meta-size);line-height:1.5}.scale-architect-token-icon{gap:var(--compact-gap-sm)}.scale-architect-stack,.scale-architect-visualizer,.scale-architect-export-stack,.scale-architect-export-fields,.scale-architect-palette-stack,.scale-architect-palette-group,.scale-architect-comparison-panel{display:grid;gap:var(--space-4)}.scale-architect-control-group{display:grid;gap:var(--compact-gap-sm)}.scale-architect-field-label{margin:0;color:var(--text-secondary);font-size:.83rem;font-weight:700;line-height:var(--leading-utility)}.scale-architect-field-label-icon{display:inline-flex;align-items:center;gap:var(--space-2)}.scale-architect-input-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-3)}.scale-architect-input-wrap{min-width:0;flex:1 1 220px}.scale-architect-input{width:100%;border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 76%,transparent);background:var(--surface-field-base);padding:calc(var(--space-3) + var(--compact-gap-xs)) var(--space-4);color:var(--text-primary);font-family:var(--font-family-mono);font-size:.9rem;line-height:1.45;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.scale-architect-input:hover,.scale-architect-input:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent-color) 32%,color-mix(in srgb,var(--surface-border) 24%,transparent));background:var(--surface-field-deep);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 10%,transparent)}.scale-architect-input-error{border-color:color-mix(in srgb,var(--surface-danger-strong) 78%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--surface-danger-strong) 18%,transparent)}.scale-architect-field-error{margin-top:var(--compact-gap-sm);color:var(--text-danger-soft);font-size:.76rem;line-height:1.45}.scale-architect-field-help,.scale-architect-toolbar-note,.scale-architect-empty-note,.scale-architect-stat-label,.scale-architect-swatch-value,.scale-architect-palette-name{color:var(--text-muted);font-size:var(--type-meta-size);line-height:1.5}.scale-architect-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--compact-gap-sm)}.scale-architect-option-grid-wide{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.scale-architect-option{width:100%;display:grid;gap:var(--compact-gap-sm);border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 76%,transparent);background:var(--surface-panel-soft);padding:var(--space-3) calc(var(--space-3) + var(--compact-gap-xs));color:var(--text-secondary);text-align:left;font-size:.83rem;font-weight:650;line-height:1.35;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.scale-architect-option:hover,.scale-architect-option:focus-visible{transform:translateY(-1px);outline:none;color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-panel-hover)}.scale-architect-option-active{color:#fff;border-color:color-mix(in srgb,var(--accent-color) 34%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color) 13%,rgba(18,28,46,.96)),#0b1321fa);box-shadow:0 12px 24px color-mix(in srgb,var(--accent-color) 10%,transparent)}.scale-architect-option-compact{display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;min-width:2.85rem;padding:var(--space-2);text-align:center}.scale-architect-option-support{color:var(--text-dim);font-size:var(--type-label-size);font-weight:500;line-height:1.4}.scale-architect-step-row,.scale-architect-token-row,.scale-architect-checkbox-row,.scale-architect-action-row,.scale-architect-curve-legend{display:flex;flex-wrap:wrap;align-items:center;gap:var(--compact-gap-sm)}.scale-architect-info-card,.scale-architect-stat-card,.scale-architect-preview-frame,.scale-architect-curve-shell,.scale-architect-empty-state{border-radius:var(--radius-control-lg);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:linear-gradient(180deg,#0d1524c2,#090f1beb)}.scale-architect-info-card,.scale-architect-stat-card,.scale-architect-empty-state,.scale-architect-curve-shell{padding:var(--space-4)}.scale-architect-info-row,.scale-architect-stat-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.scale-architect-stat-card{display:grid;gap:var(--compact-gap-sm)}.scale-architect-stat-value{color:var(--text-primary);font-family:var(--font-family-mono);font-size:var(--type-body-compact-size);font-weight:650;line-height:1.4}.scale-architect-stat-value-support{font-family:var(--font-family-sans)}.scale-architect-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.scale-architect-toolbar-copy{display:grid;gap:var(--compact-gap-xs);max-width:32rem}.scale-architect-toolbar-actions{display:flex;flex-wrap:wrap;gap:var(--compact-gap-sm);justify-content:flex-end}.scale-architect-compare-toggle,.scale-architect-action-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 74%,transparent);background:color-mix(in srgb,var(--surface-dock-card) 92%,transparent);padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--type-caption-size);font-weight:650;line-height:1.2;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.scale-architect-compare-toggle:hover,.scale-architect-compare-toggle:focus-visible,.scale-architect-action-button:hover,.scale-architect-action-button:focus-visible{transform:translateY(-1px);outline:none;color:var(--text-primary);border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:color-mix(in srgb,var(--surface-panel-hover) 100%,transparent)}.scale-architect-compare-toggle-active,.scale-architect-action-button-primary{color:#fff;border-color:color-mix(in srgb,var(--accent-color) 36%,color-mix(in srgb,var(--surface-border) 18%,transparent));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color) 20%,rgba(29,78,216,.88)),color-mix(in srgb,var(--accent-color) 74%,rgba(30,64,175,.94)))}.scale-architect-action-button-muted{background:color-mix(in srgb,var(--surface-dock-card) 100%,transparent)}.scale-architect-action-button-success{color:var(--text-inverse);border-color:color-mix(in srgb,var(--surface-success-strong) 72%,transparent);background:var(--surface-success-strong)}.scale-architect-action-button:disabled,.scale-architect-compare-toggle:disabled{cursor:not-allowed;opacity:.45;transform:none}.scale-architect-preview-strip{display:flex;min-height:4.35rem;overflow:hidden;border-radius:1.25rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft)}.scale-architect-preview-strip-palette{min-height:3.3rem}.scale-architect-preview-strip-compare{min-height:2.6rem}.scale-architect-preview-step{position:relative;flex:1;min-width:0;border:none;background:transparent;cursor:pointer;transition:transform .18s ease}.scale-architect-preview-step-fill{background:var(--scale-architect-step-color)}.scale-architect-preview-step:hover,.scale-architect-preview-step:focus-visible{transform:scaleY(1.06);outline:none}.scale-architect-preview-step-muddy{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--text-warm) 84%,transparent)}.scale-architect-preview-star,.scale-architect-preview-overlay,.scale-architect-base-badge,.scale-architect-swatch-overlay{position:absolute;z-index:1}.scale-architect-preview-star{top:.45rem;left:50%;transform:translate(-50%)}.scale-architect-preview-star-icon{display:inline-flex}.scale-architect-preview-star-dark{color:color-mix(in srgb,var(--text-warning) 82%,white 18%)}.scale-architect-preview-star-light{color:color-mix(in srgb,var(--text-warning-strong) 88%,var(--text-warm))}.scale-architect-preview-overlay{top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-overlay-scrim) 38%,transparent);color:var(--text-inverse);font-size:.68rem;font-weight:700;letter-spacing:.02em}.scale-architect-swatch-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(148px,1fr))}.scale-architect-swatch-grid-palette{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}.scale-architect-swatch-card{display:grid;padding:0;overflow:hidden;border-radius:1rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-panel-soft);text-align:left;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.scale-architect-swatch-card:hover,.scale-architect-swatch-card:focus-visible{transform:translateY(-1px);outline:none;border-color:color-mix(in srgb,var(--surface-border-strong) 72%,transparent);background:var(--surface-panel-hover)}.scale-architect-swatch-sample{position:relative;display:block;min-height:5.4rem}.scale-architect-swatch-sample-fill,.scale-architect-palette-swatch-fill{background:var(--scale-architect-step-color)}.scale-architect-swatch-sample-compact{min-height:4rem}.scale-architect-base-badge{top:.55rem;left:.55rem;border-radius:999px;padding:var(--space-1) .52rem;font-size:.64rem;font-weight:800;line-height:1;letter-spacing:.03em;text-transform:uppercase}.scale-architect-base-badge-dark{background:var(--surface-warning-pill);color:var(--text-warning-strong)}.scale-architect-base-badge-light{background:color-mix(in srgb,var(--text-warm) 88%,transparent);color:var(--text-inverse)}.scale-architect-swatch-overlay{top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--compact-gap-sm);background:#02081757;opacity:0;transition:opacity .18s ease}.scale-architect-copy-tone-dark{color:var(--text-inverse)}.scale-architect-copy-tone-light{color:var(--text-contrast-dark)}.scale-architect-swatch-card:hover .scale-architect-swatch-overlay,.scale-architect-swatch-card:focus-visible .scale-architect-swatch-overlay,.scale-architect-swatch-overlay-visible{opacity:1}.scale-architect-swatch-meta{display:grid;gap:var(--space-1);padding:calc(var(--space-3) + var(--compact-gap-xs)) calc(var(--space-3) + var(--compact-gap-xs)) calc(var(--space-3) + var(--space-1))}.scale-architect-swatch-name{color:var(--text-primary);font-size:.84rem;font-weight:700;line-height:1.35}.scale-architect-swatch-hex,.scale-architect-token{color:var(--text-secondary);font-family:var(--font-family-mono);font-size:.74rem;line-height:1.45}.scale-architect-token{display:inline-flex;align-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--surface-border) 70%,transparent);background:var(--surface-control-raised);padding:var(--compact-gap-sm) var(--space-3)}.scale-architect-palette-header{display:flex;align-items:center;gap:var(--space-3)}.scale-architect-palette-swatch{height:1.4rem;width:1.4rem;flex-shrink:0;border-radius:.45rem;border:1px solid rgba(148,163,184,.34);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 8%,transparent)}.scale-architect-palette-meta{display:grid;gap:var(--compact-gap-xs)}.scale-architect-palette-summary,.scale-architect-comparison-copy,.scale-architect-curve-intro{display:grid;gap:var(--compact-gap-sm)}.scale-architect-empty-state{place-items:center;text-align:center;padding-block:var(--space-6)}.scale-architect-preview-frame{overflow:hidden}.scale-architect-preview-svg,.scale-architect-preview-code{max-height:16rem;overflow:auto;padding:var(--space-4)}.scale-architect-preview-code{margin:0;white-space:pre-wrap;color:var(--text-secondary);font-family:var(--font-family-mono);font-size:.78rem;line-height:1.55}.scale-architect-checkbox-label{display:inline-flex;align-items:center;gap:var(--compact-gap-md);color:var(--text-secondary);font-size:.82rem;line-height:1.45;cursor:pointer}.scale-architect-checkbox{width:1rem;height:1rem;accent-color:var(--accent-color)}.scale-architect-validation-row{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.76rem;line-height:1.45}.scale-architect-validation-row-warning{color:var(--text-warning-strong)}.scale-architect-validation-row-success{color:var(--text-success)}.scale-architect-segmented-inline{width:-moz-max-content;width:max-content;max-width:100%}.scale-architect-curve-shell{display:grid;gap:var(--space-3)}.scale-architect-curve-empty{display:grid;place-items:center;border-radius:1.1rem;border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:linear-gradient(180deg,#0d1524c2,#090f1beb)}.scale-architect-curve-grid{color:#64748b6b}.scale-architect-curve-axis{color:#94a3b885}.scale-architect-curve-labels{color:var(--text-muted)}.scale-architect-curve-legend{justify-content:center}.scale-architect-curve-legend-item{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.76rem;line-height:1.45}.scale-architect-curve-dot{height:.78rem;width:.78rem;border-radius:999px;border:1px solid rgba(148,163,184,.3)}.scale-architect-curve-dot-scale{background:var(--text-info)}.scale-architect-curve-dot-base{background:var(--text-warning-strong);border-color:var(--text-warm)}.scale-architect-range-label{width:2rem;color:var(--text-dim);font-size:var(--type-meta-size);line-height:2rem}.scale-architect-range-input{flex:0 0 4.5rem;padding:var(--compact-gap-md) var(--space-3);text-align:center}.scale-architect-range-slider{width:100%}.scale-architect-range-visual{position:relative;height:1rem;overflow:hidden;border-radius:999px;background:var(--surface-field-deep);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-border) 12%,transparent)}.scale-architect-range-gradient{position:absolute;top:0;right:0;bottom:0;left:0}.scale-architect-range-window{position:absolute;top:0;bottom:0;border:2px solid color-mix(in srgb,var(--accent-color) 70%,white 6%);border-radius:999px}.scale-architect-step-row-spread{justify-content:space-between}.scale-architect-curve-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border:0;background:transparent;padding:0}.scale-architect-curve-panel{margin-top:var(--space-4)}.scale-architect-curve-icon{color:var(--text-dim)}.library-section-shell,.utilities-section-shell{display:grid;gap:var(--panel-pad-md);padding:var(--panel-pad-lg);border-radius:var(--radius-panel)}.library-section-head,.utilities-section-head{display:grid;gap:var(--compact-gap-xs)}.library-section-tabs,.utilities-section-tabs{width:-moz-fit-content;width:fit-content;max-width:100%;overflow-x:auto}.library-section-tab,.utilities-section-tab{white-space:nowrap}.library-section-content,.utilities-section-content{min-width:0}.utilities-intro-shell{gap:var(--stack-gap-lg)}.utilities-workspace-surface{gap:var(--stack-gap-xl)}.utilities-support-card{gap:var(--space-4)}.utilities-support-option{display:grid;gap:var(--space-compact-6);border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--shell-card-background);padding:var(--space-4);text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.utilities-support-option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-color) 28%,rgba(148,163,184,.2));background:var(--shell-card-hover)}.utilities-support-option-copy{margin-top:var(--space-compact-6)}.utilities-tool{display:grid;gap:var(--space-5)}.utilities-tool-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.utilities-tool-grid-compact{align-items:start}.utilities-heading-row,.utilities-inline-swatch-row,.utilities-temperature-labels{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.utilities-heading-row{flex-wrap:wrap}.utilities-field-stack{display:grid;gap:var(--space-3)}.utilities-info-card,.utilities-result-card,.utilities-table-shell,.utilities-code-shell,.utilities-mood-group,.utilities-search-results{border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--shell-panel-muted);box-shadow:inset 0 1px color-mix(in srgb,white 3%,transparent)}.utilities-info-card,.utilities-result-card,.utilities-code-shell{padding:var(--space-4)}.utilities-inline-swatch-row{justify-content:start;align-items:center}.utilities-inline-swatch{flex-shrink:0;height:1rem;width:1rem;border-radius:999px;border:1px solid color-mix(in srgb,white 22%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 18%,transparent)}.utilities-inline-swatch-lg{height:1.2rem;width:1.2rem}.utilities-inline-swatch-xl{height:4.25rem;width:4.25rem;border-radius:var(--radius-panel);border-color:color-mix(in srgb,white 18%,transparent)}.utilities-meta-pill{display:inline-flex;align-items:center;gap:var(--space-compact-6);border-radius:999px;border:1px solid var(--border-shell-soft);background:var(--surface-utility-meta-pill);padding:var(--compact-chip-pad-y) var(--compact-chip-pad-x);color:var(--text-secondary);font-size:.72rem;font-weight:700;line-height:1.25}.utilities-search-results{overflow:hidden}.utilities-search-result{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-primary);transition:background .18s ease;cursor:pointer}.utilities-search-result+.utilities-search-result{border-top:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent)}.utilities-search-result:hover{background:var(--surface-utility-search-hover)}.utilities-search-hex{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim)}.utilities-table-shell{padding:var(--space-4);overflow:hidden}.utilities-table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}.utilities-table-corner,.utilities-table-heading,.utilities-table-row-label,.utilities-table-cell{padding:var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent)}.utilities-table-heading{text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);vertical-align:bottom}.utilities-table-row-label{white-space:nowrap;font-size:.9rem;font-weight:650;color:var(--text-secondary)}.utilities-table-cell{text-align:center;white-space:nowrap}.utilities-table-value{display:grid;place-items:center;gap:var(--compact-gap-xs);min-height:3.2rem}.utilities-temperature-scale{display:grid;gap:var(--gap-control)}.utilities-temperature-labels{font-size:.88rem;color:var(--text-secondary)}.utilities-temperature-track{position:relative;height:.9rem;width:100%;border-radius:999px;background:linear-gradient(to right,#3b82f6,#cbd5e1,#f97316);box-shadow:var(--shadow-utility-temperature-track)}.utilities-temperature-thumb{position:absolute;top:50%;bottom:auto;width:.85rem;height:1.2rem;border-radius:999px;border:1px solid var(--surface-field-deep);background:var(--surface-utility-temperature-thumb);box-shadow:var(--shadow-utility-temperature-thumb);transform:translate(-50%,-50%)}.utilities-mood-group{overflow:hidden}.utilities-mood-group-neutral{--utilities-mood-accent: var(--surface-badge-neutral)}.utilities-mood-group-soft-warm{--utilities-mood-accent: var(--surface-badge-warm)}.utilities-mood-group-soft-cool{--utilities-mood-accent: var(--surface-badge-cool)}.utilities-mood-group-hard-warm{--utilities-mood-accent: var(--surface-warning-pill)}.utilities-mood-group-hard-cool{--utilities-mood-accent: var(--surface-badge-info)}.utilities-mood-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);text-align:left;font-size:.82rem;font-weight:700;border:none;background:var(--surface-utility-mood-header)}.utilities-mood-list{display:grid;gap:var(--space-compact-10);padding:var(--panel-pad-sm);background:var(--surface-utility-mood-list)}.utilities-mood-option{display:grid;grid-template-columns:minmax(0,1fr) auto;border-radius:var(--radius-control-md);border:1px solid color-mix(in srgb,var(--surface-border) 68%,transparent);background:var(--surface-utility-mood-option);overflow:hidden}.utilities-mood-option-trigger,.utilities-mood-apply-all{display:inline-flex;align-items:center;gap:var(--space-compact-10);padding:var(--panel-pad-sm);font-size:.82rem;transition:background .18s ease}.utilities-mood-option-trigger{text-align:left}.utilities-mood-option-trigger:hover,.utilities-mood-apply-all:hover{background:var(--surface-utility-mood-hover)}.utilities-mood-apply-all{border-left:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);color:var(--text-secondary);font-weight:650}.utilities-mood-dot{flex-shrink:0;width:.7rem;height:.7rem;border-radius:999px;border:1px solid var(--border-subtle)}.utilities-gradient-preview{min-height:3.5rem;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);box-shadow:var(--shadow-shell-swatch)}.utilities-code-textarea{width:100%;resize:none;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;line-height:1.5;outline:none}.utilities-action-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-color) 28%,rgba(148,163,184,.22));background:var(--surface-utility-action);color:var(--text-inverse);padding:var(--space-2) var(--space-4);font-size:.8rem;font-weight:700;transition:transform .18s ease,border-color .18s ease,filter .18s ease}.utilities-action-button:hover{transform:translateY(-1px);filter:brightness(1.04)}.utilities-code-shell{padding:var(--space-4)}.library-intro-shell{gap:var(--stack-gap-lg)}.library-workspace-surface,.library-support-card{gap:var(--stack-gap-xl)}.library-collection{display:grid;gap:var(--stack-gap-lg)}.library-form-shell,.library-list-shell,.library-palette-card,.library-favorite-card,.library-empty-state{border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-library-shell);box-shadow:inset 0 1px #ffffff08}.library-form-shell{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(260px,420px) auto;align-items:end;padding:var(--space-4)}.library-form-copy,.library-form-field{display:grid;gap:var(--space-compact-10)}.library-list-shell{display:grid;gap:var(--space-4);padding:var(--space-4)}.library-list-header,.library-list-actions,.library-palette-actions{display:flex;align-items:center;gap:var(--space-3)}.library-list-header{justify-content:space-between;flex-wrap:wrap}.library-list-actions{flex-wrap:wrap}.library-primary-action,.library-secondary-action,.library-load-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-4);font-size:.84rem;font-weight:700;transition:transform .18s ease,border-color .18s ease,filter .18s ease,background .18s ease}.library-primary-action:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}.library-primary-action{border:1px solid color-mix(in srgb,var(--accent-color) 34%,transparent);background:var(--surface-library-primary-action);color:var(--text-inverse)}.library-secondary-action,.library-load-action{border:1px solid color-mix(in srgb,var(--surface-border) 72%,transparent);background:var(--surface-library-secondary-action);color:var(--text-secondary)}.library-primary-action:hover:not(:disabled),.library-secondary-action:hover,.library-load-action:hover{transform:translateY(-1px);filter:brightness(1.03)}.library-feedback-error{border-radius:1rem;border:1px solid color-mix(in srgb,var(--text-danger-strong) 34%,transparent);background:var(--surface-library-feedback-error);padding:var(--space-4);color:var(--text-danger-soft);font-size:var(--type-support-size)}.library-empty-state{display:grid;justify-items:center;gap:var(--space-2);padding:var(--panel-pad-lg);text-align:center}.library-palette-grid,.library-favorites-grid{display:grid;gap:var(--space-4)}.library-palette-grid,.library-favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-palette-card,.library-favorite-card{padding:var(--space-4)}.library-palette-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);align-items:center}.library-palette-copy,.library-favorite-copy{display:grid;gap:var(--compact-gap-xs);min-width:0}.library-swatch-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.library-swatch-chip-group{position:relative}.library-swatch-chip{width:1.05rem;height:1.05rem;border-radius:999px;border:1px solid var(--border-shell-soft);transition:transform .18s ease}.library-swatch-chip-group:hover .library-swatch-chip{transform:scale(1.08)}.library-scale-trigger{position:absolute;top:-.28rem;right:-.28rem;display:inline-flex;align-items:center;justify-content:center;width:.92rem;height:.92rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-color) 28%,transparent);background:var(--surface-library-scale-trigger);opacity:0;transition:opacity .18s ease}.library-swatch-chip-group:hover .library-scale-trigger{opacity:1}.library-delete-action{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;color:var(--text-dim);transition:color .18s ease,background .18s ease,opacity .18s ease;opacity:0}.library-palette-card:hover .library-delete-action,.library-favorite-card:hover .library-delete-action{opacity:1}.library-delete-action:hover{color:var(--text-danger);background:var(--surface-library-feedback-error)}.library-favorite-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4)}.library-favorite-swatch{width:3rem;height:3rem;border-radius:.9rem;box-shadow:var(--shadow-support-swatch);border:1px solid var(--border-shell-soft);cursor:pointer}@media (max-width: 1100px){.library-form-shell{grid-template-columns:1fr;align-items:stretch}.library-palette-grid,.library-favorites-grid{grid-template-columns:1fr}}@media (max-width: 960px){.utilities-tool-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:100;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:100;will-change:transform;opacity:.9;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006}.react-grid-item>.react-resizable-handle{position:absolute;width:30px;height:30px;z-index:10}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:3px solid color-mix(in srgb,var(--accent-color) 72%,white 12%);border-bottom:3px solid color-mix(in srgb,var(--accent-color) 72%,white 12%);transition:all .2s ease}.react-grid-item>.react-resizable-handle:hover:after{width:10px;height:10px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-15px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-15px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e:before,.react-grid-item>.react-resizable-handle.react-resizable-handle-w:before{content:"";position:absolute;width:4px;height:40px;background:color-mix(in srgb,var(--accent-color) 38%,transparent);top:50%;transform:translateY(-50%);border-radius:2px;opacity:0;transition:opacity .2s ease}.react-grid-item>.react-resizable-handle.react-resizable-handle-e:hover:before,.react-grid-item>.react-resizable-handle.react-resizable-handle-w:hover:before{opacity:1}.react-grid-item>.react-resizable-handle.react-resizable-handle-e:before{right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-w:before{left:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-s:before{content:"";position:absolute;width:40px;height:4px;background:color-mix(in srgb,var(--accent-color) 38%,transparent);left:50%;transform:translate(-50%);border-radius:2px;opacity:0;transition:opacity .2s ease;bottom:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-s:hover:before{opacity:1}.drag-handle{cursor:move;cursor:grab;transition:background-color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-handle:hover{background-color:#1e293bcc}.drag-handle:active{cursor:grabbing;cursor:-webkit-grabbing;background-color:#0f172ae6}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.react-grid-item{animation:panelSlideIn .3s ease-out}.react-grid-item .surface-panel,.react-grid-item .surface-raised{transition:box-shadow .22s ease-in-out,border-color .22s ease-in-out,transform .22s ease-in-out}.react-grid-item:hover .surface-panel,.react-grid-item:hover .surface-raised{box-shadow:0 14px 32px #02081742}@media (prefers-reduced-motion: reduce){.animate-fadeIn,.header-overflow-panel,.react-grid-item{animation:none!important}.action-button,.tab-pill,.segmented-option,.header-action-button,.header-overflow-action,.dock-launcher-button,.dock-popover-close,.dock-current-button,.dock-swatch-tile,.dock-activity-row,.dock-popover-footer-action,.sidebar-collapsible,.sidebar-list-row,.sidebar-color-card,.sidebar-color-action,.sidebar-section-action,.sidebar-action-toggle,.app-slider,.app-slider::-webkit-slider-thumb,.app-slider::-moz-range-thumb{transition-duration:1ms!important}}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-\[color\:rgba\(21\,32\,52\,0\.92\)\]:hover{background-color:#152034eb}.hover\:bg-green-500\/20:hover{background-color:#22c55e33}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:bg-slate-500\/20:hover{background-color:#64748b33}.hover\:bg-yellow-500\/20:hover{background-color:#eab30833}.hover\:text-sky-100:hover{--tw-text-opacity: 1;color:rgb(224 242 254 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-yellow-200:hover{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.hover\:ring-2:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:ring-blue-500:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.hover\:ring-yellow-500:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1))}.focus\:border-red-500:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.focus\:ring-red-500\/20:focus{--tw-ring-color: rgb(239 68 68 / .2)}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:-translate-y-0\.5{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 640px){.sm\:inline{display:inline}.sm\:grid{display:grid}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width: 768px){.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-11{grid-column:span 11 / span 11}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-6{grid-column:span 6 / span 6}.md\:col-span-8{grid-column:span 8 / span 8}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-6{gap:1.5rem}.md\:p-6{padding:1.5rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}}@media (min-width: 1024px){.lg\:sticky{position:sticky}.lg\:top-4{top:1rem}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-10{grid-column:span 10 / span 10}.lg\:col-span-11{grid-column:span 11 / span 11}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-6{grid-column:span 6 / span 6}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:col-span-9{grid-column:span 9 / span 9}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-24{width:6rem}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:justify-items-end{justify-items:end}.lg\:pl-20{padding-left:5rem}}@media (min-width: 1280px){.xl\:col-span-3{grid-column:span 3 / span 3}.xl\:col-span-9{grid-column:span 9 / span 9}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:items-center{align-items:center}.xl\:justify-between{justify-content:space-between}.xl\:gap-5{gap:1.25rem}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}