:root{color-scheme:dark;--ctp-base: #1e1e2e;--ctp-mantle: #181825;--ctp-crust: #11111b;--ctp-surface0: #313244;--ctp-surface1: #45475a;--ctp-surface2: #585b70;--ctp-overlay2: #9399b2;--ctp-subtext0: #a6adc8;--ctp-subtext1: #bac2de;--ctp-text: #cdd6f4;--ctp-blue: #89b4fa;--ctp-lavender: #b4befe;--ctp-sapphire: #74c7ec;--ctp-green: #a6e3a1;--ctp-yellow: #f9e2af;--ctp-red: #f38ba8;--color-background: var(--ctp-mantle);--color-chrome: var(--ctp-crust);--color-surface: var(--ctp-base);--color-surface-elevated: var(--ctp-surface0);--color-border: var(--ctp-surface0);--color-border-strong: var(--ctp-surface1);--text-primary: var(--ctp-text);--text-secondary: var(--ctp-subtext0);--text-muted: var(--ctp-overlay2);--accent: var(--ctp-blue);--accent-hover: var(--ctp-lavender);--accent-active: color-mix(in srgb, var(--ctp-blue) 82%, var(--ctp-crust));--accent-contrast: var(--ctp-crust);--color-success: var(--ctp-green);--color-error: var(--ctp-red);--color-warning: var(--ctp-yellow);--color-info: var(--ctp-sapphire);--wall-gradient: linear-gradient( 135deg, color-mix(in srgb, var(--color-surface) 80%, #8a4e1e) 0%, color-mix(in srgb, var(--color-surface) 85%, #4a5a2a) 55%, color-mix(in srgb, var(--color-surface) 82%, #2e5a4a) 100% );--surface-success: color-mix(in srgb, var(--color-success) 14%, var(--color-surface));--surface-error: color-mix(in srgb, var(--color-error) 14%, var(--color-surface));--surface-info: color-mix(in srgb, var(--color-info) 14%, var(--color-surface));--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: ui-monospace, "Cascadia Code", "JetBrains Mono", "Segoe UI Mono", monospace;--font-xs: .75rem;--font-sm: .85rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.375rem;--font-2xl: 1.75rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--focus-ring: 0 0 0 2px var(--color-background), 0 0 0 4px var(--accent);--scrim: rgba(0, 0, 0, .5);--transition-fast: .12s ease;--docker-width: 16rem;--statusbar-height: 1.75rem;--dock-rail-width: 3rem}:root[data-theme=light]{color-scheme:light;--latte-base: #eff1f5;--latte-mantle: #e6e9ef;--latte-crust: #dce0e8;--latte-surface0: #ccd0da;--latte-surface1: #bcc0cc;--latte-overlay2: #7c7f93;--latte-subtext0: #6c6f85;--latte-text: #4c4f69;--latte-blue: #1e66f5;--latte-lavender: #7287fd;--latte-sapphire: #209fb5;--latte-green: #40a02b;--latte-yellow: #df8e1d;--latte-red: #d20f39;--color-background: var(--latte-mantle);--color-chrome: var(--latte-crust);--color-surface: var(--latte-base);--color-surface-elevated: var(--latte-surface0);--color-border: var(--latte-surface0);--color-border-strong: var(--latte-surface1);--text-primary: var(--latte-text);--text-secondary: var(--latte-subtext0);--text-muted: var(--latte-overlay2);--accent: var(--latte-blue);--accent-hover: var(--latte-lavender);--accent-active: color-mix(in srgb, var(--latte-blue) 82%, var(--latte-crust));--accent-contrast: var(--latte-base);--color-success: var(--latte-green);--color-error: var(--latte-red);--color-warning: var(--latte-yellow);--color-info: var(--latte-sapphire)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--font-base);line-height:var(--leading-normal);background:var(--color-background);color:var(--text-primary)}a{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.app-shell{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-chrome);border-bottom:1px solid var(--color-border)}.app-title{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:.08em;color:var(--accent)}.app-tagline{font-size:var(--font-xs);color:var(--text-muted)}.app-header__title{flex:1;min-width:0;display:flex;justify-content:center}.app-header__title:empty{display:none}.app-header__project{max-width:100%;font-weight:var(--weight-semibold);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.app-header__project:hover{color:var(--text-primary)}.app-header__project:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media (max-width: 720px){.app-header__title{display:none}}.app-nav{margin-left:auto;display:flex;align-items:center;gap:var(--space-4)}.app-nav a{color:var(--text-secondary);text-decoration:none}.app-nav a:hover{color:var(--text-primary)}@media (max-width: 480px){.app-header{gap:var(--space-2);padding-inline:var(--space-3)}.app-tagline{display:none}.app-nav{gap:var(--space-2);font-size:var(--font-sm)}}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-full);background:var(--accent);color:var(--accent-contrast);font-weight:var(--weight-semibold);line-height:1;-webkit-user-select:none;user-select:none}.avatar--sm{width:2rem;height:2rem;font-size:var(--font-sm)}.avatar--lg{width:4rem;height:4rem;font-size:var(--font-xl)}.user-menu{position:relative;display:inline-flex}.user-menu__trigger{display:inline-flex;padding:0;border:2px solid transparent;border-radius:var(--radius-full);background:none;cursor:pointer}.user-menu__trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.user-menu__trigger:hover .avatar{background:var(--accent-hover)}.user-menu__dot{position:absolute;top:0;right:0;width:.6rem;height:.6rem;background:var(--color-danger, #e5484d);border:2px solid var(--color-bg, var(--color-surface));border-radius:var(--radius-full)}.user-menu__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:12rem;display:flex;flex-direction:column;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:20}.user-menu__email{margin:0;padding:var(--space-2) var(--space-3);font-size:var(--font-xs);color:var(--text-muted);border-bottom:1px solid var(--color-border);overflow-wrap:anywhere}.user-menu__item{font:inherit;text-align:left;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-primary);cursor:pointer}.user-menu__item:hover{background:var(--color-surface-elevated)}.user-menu__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.context-menu{min-width:11rem;max-width:calc(100vw - 16px);display:flex;flex-direction:column;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:60}.context-menu__item{font:inherit;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-6);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:none;color:var(--text-primary);cursor:pointer;white-space:nowrap}.context-menu__label{overflow:hidden;text-overflow:ellipsis}.context-menu__shortcut{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right}.context-menu__item:hover:not(:disabled){background:var(--color-surface-elevated)}.context-menu__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.context-menu__item:disabled{color:var(--text-muted);cursor:not-allowed}.invitations-list{width:min(60rem,100%);margin:0 auto;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.invitations-list__title{margin:0;font-size:var(--font-xl);font-weight:var(--weight-semibold)}.invitations-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.invitation-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.invitation-card__project{margin:0;font-size:var(--font-lg);font-weight:var(--weight-semibold)}.invitation-card__note{margin:0;padding:var(--space-2) var(--space-3);background:var(--color-background);border-left:3px solid var(--accent);border-radius:var(--radius-sm);white-space:pre-wrap}.invitation-card__date,.invitation-card__expiry{margin:0;font-size:var(--font-sm);color:var(--text-muted)}.invitation-card__expiry--urgent{color:var(--color-warning)}.invitation-card__expiry--expired{color:var(--text-muted);text-decoration:line-through}.invitation-card__actions{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.projects-empty__invites{color:var(--accent)}.projects-empty__invites:hover{color:var(--accent-hover)}.user-menu__item:has(.user-menu__badge){display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.user-menu__badge{min-width:1.25rem;padding:0 var(--space-1);font-size:var(--font-xs);font-weight:var(--weight-semibold);line-height:1.25rem;text-align:center;color:#fff;background:var(--color-danger, #e5484d);border-radius:var(--radius-full)}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--weight-medium);border:1px solid var(--color-border)}.badge--success{background:var(--surface-success);border-color:color-mix(in srgb,var(--color-success) 45%,transparent);color:var(--text-primary)}.badge--muted{background:var(--color-surface-elevated);color:var(--text-muted)}.app-main{flex:1;min-height:0;display:flex}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:inherit;font-weight:var(--weight-medium);line-height:1;padding:.55rem .9rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--block{width:100%}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--primary:not(:disabled):hover{background:var(--accent-hover)}.btn--primary:not(:disabled):active{background:var(--accent-active)}.btn--secondary{background:var(--color-surface-elevated);color:var(--text-primary);border-color:var(--color-border-strong)}.btn--secondary:not(:disabled):hover{border-color:var(--accent)}.btn--ghost{background:transparent;color:var(--accent)}.btn--ghost:not(:disabled):hover{background:var(--color-surface-elevated)}.btn--danger{background:var(--color-error);color:var(--accent-contrast)}.btn--danger:not(:disabled):hover{filter:brightness(1.08)}.spinner{display:inline-block;width:1em;height:1em;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;border-radius:var(--radius-full);animation:spinner-rotate .6s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.4s}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field__label{font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.form-field__input{font:inherit;color:var(--text-primary);background:var(--color-background);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:.5rem .65rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-field__input::placeholder{color:var(--text-muted)}.form-field__textarea{min-height:5.5rem;resize:vertical;line-height:var(--leading-normal);font-family:inherit}.form-field__input:read-only{background:var(--color-surface-elevated);color:var(--text-secondary);cursor:default}.form-field__input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.form-field__input[aria-invalid=true]{border-color:var(--color-error)}.form-field__hint{font-size:var(--font-xs);color:var(--text-muted)}.form-field__error{font-size:var(--font-xs);color:var(--color-error)}.alert{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--font-sm)}.alert--success{background:var(--surface-success);border-color:color-mix(in srgb,var(--color-success) 45%,transparent);color:var(--text-primary)}.alert--error{background:var(--surface-error);border-color:color-mix(in srgb,var(--color-error) 45%,transparent);color:var(--text-primary)}.alert--info{background:var(--surface-info);border-color:color-mix(in srgb,var(--color-info) 45%,transparent);color:var(--text-primary)}.alert__icon{flex-shrink:0;line-height:var(--leading-normal)}.alert--success .alert__icon{color:var(--color-success)}.alert--error .alert__icon{color:var(--color-error)}.alert--info .alert__icon{color:var(--color-info)}.auth-layout{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-6) var(--space-4);margin:auto}.auth-layout__brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.auth-layout__wordmark{margin:0;font-family:var(--font-display);font-size:var(--font-2xl);font-weight:var(--weight-bold);letter-spacing:.1em;color:var(--accent)}.auth-layout__tagline{margin:0;font-size:var(--font-sm);color:var(--text-muted)}.auth-layout__card{width:min(24rem,92vw);display:flex;flex-direction:column;gap:var(--space-4)}.auth-layout__heading{margin:0;font-size:var(--font-xl);font-weight:var(--weight-semibold)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form__actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-1)}.auth-form__resend{display:flex;flex-direction:column;gap:var(--space-2)}.auth-toggle{align-self:center;font:inherit;font-size:var(--font-sm);background:none;border:none;color:var(--accent);cursor:pointer;padding:0}.auth-toggle:hover{color:var(--accent-hover)}.auth-loading{margin:auto;display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted)}.invitation-accept__intro{margin:0;color:var(--text-secondary);line-height:var(--leading-normal)}.invitation-accept__message{margin:0;padding:var(--space-3) var(--space-4);background:var(--color-background);border-left:3px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-primary);white-space:pre-wrap}.invitation-accept__note{display:flex;flex-direction:column;gap:var(--space-2)}.invitation-accept__note-label{margin:0;font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.profile{width:min(48rem,100%);margin:0 auto;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.profile__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.profile__title{margin:0;font-size:var(--font-2xl);font-weight:var(--weight-semibold)}.profile__tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;border-bottom:1px solid var(--color-border)}.profile__tab{padding:var(--space-2) var(--space-3);font-size:var(--font-sm);color:var(--text-secondary);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}.profile__tab:hover{color:var(--text-primary)}.profile__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.profile__panel{min-height:8rem}.overview{display:flex;flex-direction:column;gap:var(--space-5)}.overview__head{display:flex;align-items:center;gap:var(--space-4)}.overview__identity{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.overview__username{margin:0;font-size:var(--font-lg);font-weight:var(--weight-semibold)}.overview__fields{margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.overview__field{display:flex;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.overview__field dt{color:var(--text-muted);font-size:var(--font-sm)}.overview__field dd{margin:0;text-align:right;overflow-wrap:anywhere}.overview__mono{font-family:var(--font-display);font-size:var(--font-sm)}.overview__muted{color:var(--text-muted)}.settings{display:flex;flex-direction:column;gap:var(--space-5)}.settings__group{display:flex;flex-direction:column;gap:var(--space-2)}.settings__label{margin:0;font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.settings__options{display:flex;gap:var(--space-2);flex-wrap:wrap}.settings__subgroup{display:flex;flex-direction:column;gap:var(--space-1)}.settings__sublabel{margin:0;font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.settings__hint{margin:0;font-size:var(--font-xs);color:var(--color-text-muted)}.security{display:flex;flex-direction:column;gap:var(--space-5)}.security__panel{display:flex;flex-direction:column;gap:var(--space-4)}.security__title{margin:0;font-size:var(--font-lg);font-weight:var(--weight-semibold)}.security__hint{margin:0;font-size:var(--font-xs);color:var(--text-muted)}.security__hint--available{color:var(--color-success)}.security__hint--taken,.security__hint--invalid{color:var(--color-error)}.profile-placeholder{display:flex;flex-direction:column;gap:var(--space-2)}.profile-placeholder__title{margin:0;font-size:var(--font-lg);font-weight:var(--weight-semibold)}.profile-placeholder__text{margin:0;color:var(--text-muted)}.pixi-host{flex:1;display:flex;min-height:0;image-rendering:pixelated}.pixi-host canvas{margin:auto;image-rendering:pixelated}.editor{flex:1;min-height:0;display:flex}.asset-panel{width:14rem;flex-shrink:0;padding:var(--space-3);overflow-y:auto;background:var(--color-chrome);border-right:1px solid var(--color-border)}.asset-panel h2{margin:0 0 var(--space-3);font-size:var(--font-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.asset-empty{font-size:var(--font-sm);color:var(--text-muted)}.asset-item{font:inherit;width:100%;text-align:left;color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2);cursor:pointer}.asset-item:hover{background:var(--color-surface)}.asset-item.selected{background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.tool-shell{flex:1;min-height:0;display:flex;flex-direction:column}.tool-shell__body{flex:1;min-height:0;display:flex}.tool-shell__main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.tool-shell__middle{flex:1;min-height:0;display:flex}.tool-dock:empty{display:none}.tool-dock--top{flex-shrink:0;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--space-3) var(--space-4);padding:var(--space-2) var(--space-3);background:var(--color-chrome);border-bottom:1px solid var(--color-border)}.tool-dock--left{flex-shrink:0;width:var(--dock-rail-width);display:flex;flex-direction:column;background:var(--color-chrome);border-right:1px solid var(--color-border);overflow:clip}.tool-dock--left .toolbar{border-right:0;background:none;flex-wrap:wrap;max-height:100%}@media (max-height: 75rem){.tool-dock--left{width:calc(2 * var(--dock-rail-width))}}@media (max-height: 50rem){.tool-dock--left{width:calc(3 * var(--dock-rail-width))}}.selection-options{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-secondary)}.selection-options__tolerance{display:flex;flex-direction:column;gap:var(--space-1)}.selection-options__tolerance input[type=range]{width:100%}.selection-options__tolerance-value{align-self:flex-end;font-variant-numeric:tabular-nums;color:var(--text-primary)}.selection-options__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.brush-options{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-secondary)}.brush-options__size{display:flex;flex-direction:column;gap:var(--space-1)}.brush-options__size input[type=range]{width:100%}.brush-options__size-value{align-self:flex-end;font-variant-numeric:tabular-nums;color:var(--text-primary)}.brush-options__shapes{display:flex;flex-wrap:wrap;gap:var(--space-2)}.brush-options__note{margin:0;font-size:var(--font-sm);color:var(--text-secondary)}.brush-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.25rem,1fr));gap:var(--space-1);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border)}.brush-presets__tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.brush-presets__tile:hover:not(:disabled){border-color:var(--accent)}.brush-presets__tile--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.brush-presets__thumb{width:2rem;height:2rem;image-rendering:pixelated;border-radius:2px;background:conic-gradient(var(--color-border) 25%,transparent 0 50%,var(--color-border) 0 75%,transparent 0) 0 0 / 8px 8px}.brush-presets__name{font-size:var(--font-xs, .7rem);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.fade-options{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-secondary)}.fade-options__hint{margin:0;font-size:var(--font-xs);color:var(--text-muted);font-style:italic}.fade-options__label{font-size:var(--font-xs);color:var(--text-muted)}.fade-options__types{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.fade-options__anchors{display:flex;flex-direction:column;gap:var(--space-1)}.fade-options__anchor-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.fade-options__anchor{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-variant-numeric:tabular-nums}.fade-options__empty,.fade-options__note{margin:0;font-size:var(--font-xs);color:var(--text-muted)}.fade-options__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.btn--small{padding:0 var(--space-2);line-height:1.6}.tool-dock--bottom{flex-shrink:0;padding:var(--space-1) var(--space-3);background:var(--color-chrome);border-top:1px solid var(--color-border)}.tool-dock--bottom .tabs{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:clip}.tool-dock--bottom .tabs__panel{padding:var(--space-2) var(--space-3) var(--space-3)}.tool-statusbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--statusbar-height);padding:var(--space-1) var(--space-4);background:var(--color-chrome);border-top:1px solid var(--color-border);font-size:var(--font-xs);color:var(--text-muted)}.tool-statusbar__shell,.tool-statusbar__dock{display:flex;align-items:center;gap:var(--space-3);min-width:0}.tool-shell__center{flex:1;min-width:0;min-height:0;display:flex}.tool-shell__panel{flex-shrink:0;width:var(--docker-width);padding:var(--space-3);background:var(--color-chrome);border-left:1px solid var(--color-border);display:flex;flex-direction:column;overflow:clip}.tool-dock--right{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:clip;padding:var(--space-1)}.docker{flex:0 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:clip}.docker--grow{flex-grow:1}.docker__header{display:flex;align-items:center;gap:var(--space-1);width:100%;color:var(--text-secondary)}.docker__header-toggle{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--font-sm);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase;text-align:left;color:inherit;background:none;border:0;cursor:pointer}.docker__header-toggle:hover{background:var(--color-surface-elevated)}.docker__header-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.docker__header svg,.docker__header-toggle svg{flex-shrink:0}.docker__header-actions{flex:none;display:flex;align-items:center;gap:var(--space-1);padding-right:var(--space-2)}.docker__header-actions>button{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.docker__header-actions>button:hover{color:var(--text-primary);background:var(--color-surface-elevated)}.docker__header-actions>button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.docker__body{flex:1 1 auto;min-height:0;min-width:0;overflow-y:auto;overflow-x:clip;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid var(--color-border)}.docker__body[hidden]{display:none}.tool-shell__panel-title{margin:0 0 var(--space-3);font-size:var(--font-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);text-align:center}.tool-shell__panel-empty{margin:0;font-size:var(--font-sm);color:var(--text-muted)}.tool-dock--right:not(:empty)+.tool-shell__panel-empty{display:none}.tool-shell__panel:has(.tool-dock--right:empty){display:none}.palette__swatches{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1)}.palette__swatch{display:block;width:1.75rem;height:1.75rem;padding:0;border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer}.palette__swatch:focus-visible{outline:none;box-shadow:var(--focus-ring)}.palette__swatch--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.palette__active{margin:0;font-size:var(--font-xs);color:var(--text-muted)}.palette__edit{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.palette__edit-field{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-secondary)}.palette__edit-field input[type=color]{width:2rem;height:1.75rem;padding:0;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:none;cursor:pointer}.palette__edit-field input[type=color]:disabled{cursor:not-allowed;opacity:.5}.palette__edit-hint{margin:0;font-size:var(--font-xs);color:var(--text-muted)}.palette__add{align-self:flex-start;padding:var(--space-1) var(--space-3);font-size:var(--font-sm);color:var(--text-primary);background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer}.palette__add:hover:not(:disabled){border-color:var(--accent)}.palette__add:disabled{cursor:not-allowed;opacity:.5}.palette__structural{display:inline-flex;gap:var(--space-1)}.palette__action{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;color:var(--text-secondary);background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer}.palette__action:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent)}.palette__action--danger:hover:not(:disabled){color:var(--color-error);border-color:var(--color-error)}.palette__action:disabled{cursor:not-allowed;opacity:.5}.file-menu-button__marker{width:.5rem;height:.5rem;border-radius:50%;flex:0 0 auto}.file-menu-button__marker.is-dirty{background:var(--accent)}.file-menu-button__marker.is-saving{animation:file-menu-marker-pulse .9s ease-in-out infinite}@keyframes file-menu-marker-pulse{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion: reduce){.file-menu-button__marker.is-saving{animation:none;opacity:.6}}.tool-shell__panel:has(.painter-inspector-tabs){padding:0}.tool-shell__panel:has(.painter-inspector-tabs) .tool-shell__panel-title{display:none}.tool-dock--right:has(.painter-inspector-tabs){padding:0}.painter-inspector-tabs{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;background:var(--color-chrome)}.painter-inspector-tabs>.tabs__list{flex:none;width:100%;background:var(--color-surface)}.painter-inspector-tabs>.tabs__list>.tabs__tab{flex:1 1 0;min-width:0;min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center}.painter-inspector-tabs>.tabs__panel{flex:1 1 auto;min-height:0;min-width:0;display:flex;padding:0;overflow:clip}.painter-inspector-tabs__body{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);overflow-y:auto;overflow-x:clip}.painter-inspector-tabs__body--navigator,.painter-inspector-tabs__body--palette{overflow:clip}.painter-inspector-tabs__body--navigator .navigator-block{flex:1 1 auto;min-height:0;height:auto}.painter-inspector-tabs__palette-meta{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.load-palette__note,.load-palette__empty{margin:0 0 var(--space-2);font-size:var(--font-sm);color:var(--text-secondary)}.load-palette__error{margin:0 0 var(--space-2);font-size:var(--font-sm);color:var(--color-danger, #c0392b)}.load-palette__list{list-style:none;margin:0;padding:0;max-height:22rem;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1)}.load-palette__row{display:flex;align-items:center;gap:var(--space-1)}.load-palette__pick{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;text-align:left}.load-palette__pick:hover:not(:disabled){border-color:var(--accent)}.load-palette__pick--selected{border-color:var(--accent);background:var(--color-surface-elevated);box-shadow:inset 0 0 0 1px var(--accent)}.load-palette__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.load-palette__badge{flex:none;font-size:var(--font-xs, .7rem);padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast)}.load-palette__selected{flex:none;color:var(--accent)}.load-palette__swatches{display:inline-flex;align-items:center;gap:1px;flex:none}.load-palette__swatch{width:.75rem;height:.75rem;border-radius:1px;box-shadow:inset 0 0 0 1px #00000026}.load-palette__more{font-size:var(--font-xs, .7rem);color:var(--text-secondary);margin-left:2px}.load-palette__default{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer}.load-palette__default:hover:not(:disabled){color:var(--accent);background:var(--color-surface-elevated)}.load-palette__default--on{color:var(--accent)}.palette-used-count{margin:0;font-size:var(--font-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-master-colors{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.project-master-colors__toggle{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--text-primary);background:transparent;border:0;cursor:pointer;text-align:left}.project-master-colors__toggle>span{min-width:0;display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-sm);font-weight:600}.project-master-colors__toggle small{overflow:hidden;color:var(--text-muted);font-size:var(--font-xs);font-weight:400;text-overflow:ellipsis;white-space:nowrap}.project-master-colors__toggle svg{flex:none;transition:transform .12s ease}.project-master-colors__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.project-master-colors__content{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border-top:1px solid var(--color-border)}.project-master-colors__content>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-xs)}.project-master-colors__content>header>button,.project-master-colors__pagination button{display:inline-flex;align-items:center;justify-content:center;min-height:1.6rem;padding:0 var(--space-2);color:var(--text-secondary);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.project-master-colors__content>header>button{width:1.6rem;padding:0}.project-master-colors__content button:disabled{cursor:not-allowed;opacity:.5}.project-master-colors__state{margin:0;color:var(--text-secondary);font-size:var(--font-xs)}div.project-master-colors__state{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.project-master-colors__state button{flex:none;padding:var(--space-1) var(--space-2);color:var(--text-primary);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.project-master-colors__filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:var(--space-1)}.project-master-colors__filters input,.project-master-colors__filters select{width:100%;min-width:0;height:1.75rem;padding:0 var(--space-2);color:var(--text-primary);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-xs)}.project-master-colors__list{list-style:none;display:flex;flex-direction:column;gap:2px;margin:0;padding:0}.project-master-colors__list button{width:100%;min-width:0;display:grid;grid-template-columns:1.4rem minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:3px var(--space-1);color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;text-align:left}.project-master-colors__list button:hover:not(:disabled),.project-master-colors__list button[aria-pressed=true]{background:var(--color-surface-elevated);border-color:var(--accent)}.project-master-colors__sample{width:1.4rem;height:1.4rem;border:1px solid var(--color-border-strong);border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff1f}.project-master-colors__list button>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.project-master-colors__list strong,.project-master-colors__list code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-master-colors__list strong{font-size:var(--font-xs)}.project-master-colors__list code{color:var(--text-muted);font-size:.65rem}.project-master-colors__list button>small{display:inline-flex;align-items:center;gap:2px;color:var(--text-muted);font-size:.65rem;white-space:nowrap}.project-master-colors__pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);color:var(--text-muted);font-size:var(--font-xs)}.project-master-colors__pagination button{font-size:var(--font-xs)}.project-master-colors__hint{margin:0;color:var(--text-muted);font-size:.65rem;line-height:1.35}.save-palette__hint{margin:var(--space-2) 0 0;font-size:var(--font-sm);color:var(--text-secondary)}.palette-docker__grid{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--space-1)}.palette-docker__grid .palette__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(1.75rem,1fr));gap:var(--space-1)}.palette-docker__grid .palette__swatch{width:100%;height:auto;aspect-ratio:1}.painter-saveas{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.painter-mode{flex:1;min-width:0;min-height:0;display:flex;position:relative}.new-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:20}.new-image-panel{pointer-events:auto;display:flex;flex-direction:column;gap:var(--space-3);width:min(22rem,90%);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, 0 12px 32px rgba(0, 0, 0, .4))}.new-image-panel__title{margin:0;font-size:var(--font-md);color:var(--text-primary)}.new-image-panel__field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-sm);color:var(--text-secondary)}.new-image-panel__field input{padding:var(--space-1) var(--space-2);font:inherit;color:var(--text-primary);background:var(--color-bg, var(--color-surface));border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.new-image-panel__dims{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.new-image-panel__presets{display:flex;flex-wrap:wrap;gap:var(--space-1)}.new-image-panel__preset,.new-image-panel__depth{padding:var(--space-1) var(--space-2);font:inherit;font-size:var(--font-sm);color:var(--text-primary);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer}.new-image-panel__preset[aria-pressed=true],.new-image-panel__depth[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.new-image-panel__depths{display:flex;align-items:center;gap:var(--space-2)}.new-image-panel__depths-label{font-size:var(--font-sm);color:var(--text-secondary)}.new-image-panel__hint{margin:0;font-size:var(--font-sm);color:var(--text-muted)}.new-image-panel__warning{margin:0;font-size:var(--font-sm);color:var(--color-danger, #e0524d)}.new-image-panel__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.pixel-snap{display:flex;flex-direction:column;gap:var(--space-3);min-width:18rem}.pixel-snap__group{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.pixel-snap__group legend{padding:0 var(--space-1);font-size:var(--font-sm);color:var(--text-secondary)}.pixel-snap__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.pixel-snap__field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-sm);color:var(--text-secondary)}.pixel-snap__field input{padding:var(--space-1) var(--space-2);font:inherit;color:var(--text-primary);background:var(--color-bg, var(--color-surface));border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.pixel-snap__check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-primary)}.pixel-snap__dims{margin:0;font-size:var(--font-sm);color:var(--text-primary)}.pixel-snap__note{margin:0;font-size:var(--font-sm);color:var(--text-muted)}.pixel-snap__warning{margin:0;font-size:var(--font-sm);color:var(--color-danger, #e0524d)}.image-sizing-dialog{display:grid;gap:var(--space-3);min-width:min(22rem,calc(100vw - 4rem))}.image-sizing-dialog__dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.image-sizing-dialog__dimensions label{display:grid;gap:var(--space-1);font-size:var(--font-sm);color:var(--text-secondary)}.image-sizing-dialog__dimensions input{min-width:0;padding:var(--space-1) var(--space-2);font:inherit;color:var(--text-primary);background:var(--color-bg, var(--color-surface));border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.image-sizing-dialog__anchor-group{margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.image-sizing-dialog__anchor-group legend{padding:0 var(--space-1);font-size:var(--font-sm);color:var(--text-secondary)}.image-sizing-dialog__anchors{display:grid;grid-template-columns:repeat(3,2rem);gap:var(--space-1);width:max-content}.image-sizing-dialog__anchor{display:grid;width:2rem;height:2rem;padding:0;place-items:center;color:var(--text-secondary);background:var(--color-bg, var(--color-surface));border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer}.image-sizing-dialog__anchor span{width:.45rem;height:.45rem;background:currentColor;border-radius:50%}.image-sizing-dialog__anchor[aria-checked=true]{color:var(--accent);border-color:var(--accent)}.generate-side{flex-shrink:0;min-height:0;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:var(--color-chrome);border-right:1px solid var(--color-border)}.generate-side--collapsed{width:4.5rem;padding:var(--space-1)}.generate-side--small{width:16rem}.generate-side--wide{width:clamp(16rem,calc(100% - 24rem),48rem)}.generate-side__states{display:flex;gap:var(--space-1);flex-shrink:0}.generate-side--collapsed .generate-side__states{flex-direction:column}.generate-side__state{flex:1;padding:var(--space-1);font:inherit;font-size:var(--font-xs);color:var(--text-secondary);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer}.generate-side__state[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.generate-side__hint{margin:0;font-size:var(--font-sm);color:var(--text-muted)}.generate-side__list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);padding-right:var(--space-1)}.generate-side__strip{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1);align-items:center}.generate-side__strip-thumb{padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:none;cursor:pointer;line-height:0}.generate-side__strip-thumb:hover,.generate-side__strip-thumb:focus-visible{border-color:var(--accent)}.generate-side__older{align-self:center;padding:var(--space-1) var(--space-3);font:inherit;font-size:var(--font-sm);color:var(--text-secondary);background:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer}.generate-msg{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);max-width:100%;padding:var(--space-2);font:inherit;text-align:left;color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);cursor:pointer}.generate-msg--user{align-self:flex-end;background:var(--accent-muted, var(--color-surface))}.generate-msg--assistant{align-self:flex-start}.generate-msg:focus-visible{border-color:var(--accent)}.generate-msg__text{white-space:pre-wrap;font-size:var(--font-sm)}.generate-msg__img{display:block;max-height:4rem;width:auto;max-width:100%;image-rendering:pixelated;border-radius:var(--radius-sm)}.generate-msg__img-skeleton{display:block;width:4rem;height:4rem;border-radius:var(--radius-sm);background:var(--color-border-strong);opacity:.4}.generate-msg__img-error{font-size:var(--font-sm);color:var(--color-danger, #e0524d)}.generate-msg__cost{font-size:var(--font-xs, .75rem);color:var(--text-muted)}.generate-preview{position:fixed;z-index:40;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:none}.generate-preview__img{display:block;width:16rem;height:auto;image-rendering:pixelated}.generate-composer{position:relative;display:flex;flex-direction:column;padding:var(--space-1)}.generate-composer--empty{display:none}.generate-composer__body{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:48rem;margin-inline:auto;padding:var(--space-1) var(--space-2)}.generate-composer__modes{display:inline-flex;align-self:flex-start;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);overflow:hidden}.generate-composer__mode{padding:var(--space-1) var(--space-3);font:inherit;font-size:var(--font-sm);color:var(--text-secondary);background:var(--color-surface);border:0;border-left:1px solid var(--color-border-strong);cursor:pointer}.generate-composer__mode:first-child{border-left:0}.generate-composer__mode[aria-checked=true]{background:var(--accent-muted, var(--color-surface));color:var(--accent)}.generate-composer__mode:disabled{opacity:.5;cursor:not-allowed}.generate-composer__scope{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.generate-composer__scope-label{font-size:var(--font-xs);color:var(--text-muted)}.generate-chip--scope[aria-checked=true]{border-color:var(--accent);color:var(--accent)}.generate-composer__options{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.generate-chip{padding:var(--space-1) var(--space-2);font:inherit;font-size:var(--font-sm);color:var(--text-secondary);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);cursor:pointer}.generate-chip[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.generate-chip:disabled{opacity:.5;cursor:not-allowed}.generate-chip__slider{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);color:var(--text-secondary)}.generate-chip__slider input[type=range]{width:6rem}.generate-chip__slider-value{min-width:2.75em;text-align:right}.generate-chip__frames{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-sm);color:var(--text-secondary)}.generate-chip__frames input[type=range]{width:6rem}.generate-chip__frames-value{min-width:1.5em;text-align:right;font-variant-numeric:tabular-nums}.generate-composer__row{display:flex;align-items:stretch;gap:var(--space-2)}.generate-composer__row>.generate-panel__input{flex:1;min-width:0;width:auto}.generate-composer__send{flex-shrink:0;align-self:stretch;padding-inline:var(--space-4);white-space:nowrap}.generate-composer__progress{height:.375rem;margin-top:var(--space-1);background:var(--color-border-strong);border-radius:var(--radius-full);overflow:hidden}.generate-composer__progress-fill{display:block;height:100%;background:var(--accent);transition:width .2s ease}.generate-composer__progress--indeterminate .generate-composer__progress-fill{width:40%;animation:generate-indeterminate 1.2s ease-in-out infinite}@keyframes generate-indeterminate{0%{margin-left:-40%}to{margin-left:100%}}.generate-dock{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-2)}.generate-dock>.generate-composer{flex:1 1 24rem;min-width:0}.generate-receipt{flex:0 0 16rem;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--font-xs);color:var(--text-secondary);background:var(--color-bg, var(--color-surface));border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.generate-receipt--empty{display:none}.generate-receipt__title,.generate-receipt__status-label{margin:0;font-size:var(--font-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.generate-receipt__lines{display:flex;flex-direction:column;gap:var(--space-1)}.generate-receipt__line{display:flex;align-items:baseline;gap:var(--space-1)}.generate-receipt__label{white-space:nowrap}.generate-receipt__leader{flex:1;align-self:stretch;border-bottom:1px dotted var(--color-border-strong);transform:translateY(-.15em)}.generate-receipt__value{white-space:nowrap;color:var(--text-primary);font-variant-numeric:tabular-nums}.generate-receipt__status-section{display:flex;flex-direction:column;gap:var(--space-1);margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--color-border-strong)}.generate-receipt__status{margin:0;min-height:1.2em;color:var(--text-secondary);word-break:break-word}.generate-receipt__status--error{color:var(--color-danger, var(--accent))}.generate-receipt__cancel{align-self:flex-start;padding:0 var(--space-2);font:inherit;color:var(--text-secondary);background:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer}.generate-panel__hint{margin:0;font-size:var(--font-sm);color:var(--text-muted)}.generate-panel__input{width:100%;resize:vertical;min-height:2.5rem;max-height:8rem;padding:var(--space-2);font:inherit;color:var(--text-primary);background:var(--color-bg, var(--color-surface));border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.generate-panel__announce{margin:0;min-height:1em;font-size:var(--font-sm);color:var(--text-muted)}.painter-picker{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-secondary);min-width:0}.painter-picker__trigger{display:inline-flex;align-items:center;gap:var(--space-2);max-width:18rem;padding:var(--space-1) var(--space-3);font:inherit;color:var(--text-primary);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;min-width:0}.painter-picker__trigger:hover{border-color:var(--accent)}.painter-picker__trigger-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.painter-picker__chevron{color:var(--text-muted)}.painter-picker__popover{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:30;display:flex;flex-direction:column;gap:var(--space-2);width:22rem;max-width:80vw;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.painter-picker__state{margin:0;display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted)}.painter-picker__searchhint{margin:0;font-size:var(--font-xs);color:var(--text-muted)}.painter-size{display:flex;flex-wrap:wrap;gap:var(--space-1)}.painter-size__btn{padding:.1rem var(--space-2);font-size:var(--font-xs);font-variant-numeric:tabular-nums;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--text-secondary);cursor:pointer}.painter-size__btn:hover{border-color:var(--text-muted)}.painter-size__btn--on{border-color:var(--accent);color:var(--accent);background:var(--color-surface-elevated)}.painter-drill{display:flex;align-items:center;gap:var(--space-1)}.painter-drill__toggle{flex:1;min-width:0;text-align:left;padding:var(--space-1) var(--space-2);font-size:var(--font-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--text-secondary);cursor:pointer}.painter-drill__toggle--open{border-color:var(--accent)}.painter-drill__clear{flex-shrink:0;border:none;background:none;color:var(--text-muted);font-size:var(--font-md);line-height:1;cursor:pointer;padding:0 var(--space-1)}.painter-drill__list{list-style:none;margin:0;padding:0;max-height:12rem;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.painter-drill__row{display:flex;align-items:baseline}.painter-drill__twisty{flex-shrink:0;width:1.25rem;border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:.75em;padding:var(--space-1) 0;text-align:center}.painter-drill__item{flex:1;min-width:0;text-align:left;border:none;background:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1) var(--space-2);font-size:var(--font-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.painter-drill__item:hover{background:var(--color-surface-raised, rgba(127, 127, 127, .08))}.painter-drill__item--on{color:var(--accent)}.painter-pager{display:flex;justify-content:space-between;gap:var(--space-2)}.painter-picker__pinhint{margin:0;font-size:var(--font-xs);color:var(--text-muted);text-align:center}.painter-preview{position:fixed;z-index:40;display:flex;flex-direction:column;gap:var(--space-2);max-height:80vh;overflow-y:auto;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:none}.painter-preview__art{display:flex;align-items:center;justify-content:center;height:8rem;background:var(--color-surface-elevated);border-radius:var(--radius-sm)}.painter-preview__img{max-width:100%;max-height:100%;image-rendering:pixelated}.painter-preview__kind{font-size:var(--font-xs);color:var(--text-muted)}.painter-preview__name{margin:0;font-weight:600;overflow-wrap:anywhere}.painter-preview__meta{margin:0;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--font-xs);color:var(--text-muted)}.painter-preview__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1)}.painter-preview__tag{padding:.05rem var(--space-1);font-size:var(--font-xs);color:var(--text-secondary);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.painter-preview__desc{margin:0;font-size:var(--font-xs);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.painter-picker__list{list-style:none;margin:0;padding:0;max-height:40vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1)}.painter-picker__row{display:flex;align-items:center;gap:var(--space-1);width:100%;border:1px solid transparent;border-radius:var(--radius-sm)}.painter-picker__row:hover{background:var(--color-surface-elevated)}.painter-picker__row--selected{border-color:var(--accent)}.painter-picker__select{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font:inherit;text-align:left;color:var(--text-primary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.painter-picker__select:focus-visible{outline:none;box-shadow:var(--focus-ring)}.painter-picker__pin{flex:none;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;margin-right:var(--space-1);border:none;background:none;color:var(--text-muted);font-size:var(--font-md);line-height:1;cursor:pointer;border-radius:var(--radius-sm);opacity:0}.painter-picker__row:hover .painter-picker__pin,.painter-picker__pin:focus-visible,.painter-picker__pin--on{opacity:1}.painter-picker__pin--on{color:var(--accent)}.painter-picker__pin:hover{color:var(--text-primary)}.painter-picker__pin:focus-visible{outline:none;box-shadow:var(--focus-ring)}.painter-picker__row-thumb{flex:none;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center}.painter-picker__row-thumb img{max-width:100%;max-height:100%;image-rendering:pixelated}.painter-picker__row-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.painter-picker__row-meta{flex:none;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--font-xs);color:var(--text-muted)}.painter-hint{font-size:var(--font-sm);color:var(--text-muted)}.tool-dock--top .painter-hint,.tool-dock--top .form-field__error{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.painter-strip{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);list-style:none;margin:0;padding:0;overflow:hidden}.painter-strip__tile{--strip-size: 2rem;flex-shrink:0;width:var(--strip-size);height:var(--strip-size);padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);cursor:pointer}.painter-strip__tile:hover{border-color:var(--text-muted)}.painter-strip__tile--current{border-color:var(--accent)}.painter-strip__tile img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.painter-strip__badge{font-size:.5rem;line-height:1;color:var(--text-muted);text-transform:uppercase}.painter-strip__item{position:relative;flex-shrink:0;display:flex}.painter-strip__unpin{position:absolute;top:0;right:0;width:.85rem;height:.85rem;padding:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;line-height:1;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--text-secondary);cursor:pointer;opacity:0}.painter-strip__item:hover .painter-strip__unpin,.painter-strip__unpin:focus-visible{opacity:1}.painter-strip__unpin:hover{border-color:var(--text-muted);color:var(--text-primary)}.painter-picker__trigger:focus-visible,.painter-strip__tile:focus-visible,.painter-strip__unpin:focus-visible,.painter-size__btn:focus-visible,.painter-drill__toggle:focus-visible,.painter-drill__clear:focus-visible,.painter-drill__item:focus-visible,.painter-drill__twisty:focus-visible{outline:none;box-shadow:var(--focus-ring)}.painter-mode .pixi-host{cursor:crosshair}.pixi-host--interactive{position:relative;min-width:0;overflow:hidden}.pixi-host--interactive canvas{position:absolute;top:0;left:0;margin:0}.toolbar{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--color-chrome);border-right:1px solid var(--color-border)}.toolbar__item{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.toolbar__item:hover{color:var(--text-primary);background:var(--color-surface-elevated)}.toolbar__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.toolbar__item--active{color:var(--accent);border-color:var(--accent);background:var(--color-surface-elevated)}.toolbar__item--redo{margin-bottom:var(--space-2)}.toolbar__item--transform-start{margin-top:var(--space-2)}.layer-rail{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--color-chrome);border-left:1px solid var(--color-border)}.layer-rail__list{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-height:0;overflow-y:auto;margin:0;padding:0;list-style:none}.layer-rail__row{display:flex;align-items:center;gap:var(--space-1)}.layer-rail__cell{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;font-size:var(--font-sm);color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.layer-rail__cell:hover{color:var(--text-primary);background:var(--color-surface-elevated)}.layer-rail__cell:focus-visible{outline:none;box-shadow:var(--focus-ring)}.layer-rail__row--active .layer-rail__cell{color:var(--accent);border-color:var(--accent);background:var(--color-surface-elevated)}.layer-rail__cell--hidden{opacity:.4;text-decoration:line-through}.layer-rail--expanded .layer-rail__name{width:7rem;height:2rem;padding:0 var(--space-2);font-size:var(--font-sm);color:var(--text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.layer-rail__name:focus-visible{outline:none;box-shadow:var(--focus-ring)}.layer-rail__ops{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--color-border)}.layer-rail--expanded .layer-rail__ops{flex-direction:row}.layer-rail__op{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.layer-rail__op:hover:not(:disabled){color:var(--text-primary);background:var(--color-surface-elevated)}.layer-rail__op:focus-visible{outline:none;box-shadow:var(--focus-ring)}.layer-rail__op:disabled{opacity:.4;cursor:default}.layer-rail__op--danger:hover:not(:disabled){border-color:var(--color-danger, #e64553);color:var(--color-danger, #e64553)}.painter-viewport-controls{display:inline-flex;align-items:center;gap:var(--space-1)}.painter-viewport-controls__readout{min-width:4rem;text-align:center;font-size:var(--font-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.framestrip{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.cel-grid{max-width:100%;align-self:stretch;--celgrid-label-width: 7.5rem;--celgrid-cell-width: 2.5rem}.cel-grid__scroll{max-height:11rem;overflow:auto}.cel-grid__row{display:flex;align-items:center;gap:var(--space-1);width:max-content;min-width:100%;padding-bottom:var(--space-1)}.cel-grid__row--header{position:sticky;top:0;z-index:3;background:var(--color-chrome)}.cel-grid__corner,.cel-grid__layer{width:var(--celgrid-label-width);flex:none;position:sticky;left:0;z-index:2;background:var(--color-chrome);align-self:stretch}.cel-grid__frame{width:var(--celgrid-cell-width);height:1.75rem;flex:none;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--text-secondary);font-size:var(--font-sm);font-variant-numeric:tabular-nums;cursor:pointer}.cel-grid__frame:hover:not(:disabled){border-color:var(--accent)}.cel-grid__frame--active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.cel-grid__layer{display:flex;align-items:center;gap:2px}.cel-grid__layer-select{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-1);height:1.75rem;padding:0 var(--space-1);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer}.cel-grid__layer-select:hover:not(:disabled){color:var(--text-primary);background:var(--color-surface-elevated)}.cel-grid__row--active .cel-grid__layer-select{color:var(--accent);border-color:var(--accent)}.cel-grid__layer-number{font-variant-numeric:tabular-nums}.cel-grid__layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cel-grid__layer-eye{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex:none;padding:0;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.cel-grid__layer-eye:hover:not(:disabled){color:var(--text-primary);background:var(--color-surface-elevated)}.cel-grid__cell{display:inline-flex;align-items:center;justify-content:center;width:var(--celgrid-cell-width);height:2.5rem;flex:none;padding:2px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.cel-grid__cell:hover:not(:disabled){border-color:var(--accent)}.cel-grid__cell--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cel-grid__cell--dimmed .cel-grid__thumb{opacity:.35}.cel-grid__cell--empty{background:transparent;border-style:dashed}.cel-grid__cell:disabled,.cel-grid__frame:disabled,.cel-grid__layer-select:disabled,.cel-grid__layer-eye:disabled{opacity:.5;cursor:default}.cel-grid__frame--ghost,.cel-grid__cell--ghost{background:var(--color-surface);border-style:dashed;color:var(--text-muted)}.cel-grid__frame--ghost:hover:not(:disabled),.cel-grid__cell--ghost:hover:not(:disabled),.cel-grid__frame--ghost:focus-visible,.cel-grid__cell--ghost:focus-visible{border-color:var(--accent);color:var(--accent)}.cel-grid__frame--pin-start,.cel-grid__cell--pin-start{position:sticky;left:calc(var(--celgrid-label-width) + var(--space-1));z-index:1;background:var(--color-surface)}.cel-grid__frame--pin-end,.cel-grid__cell--pin-end{position:sticky;right:0;z-index:1;background:var(--color-surface)}.cel-grid__frame--pin-end-inner,.cel-grid__cell--pin-end-inner{position:sticky;right:calc(var(--celgrid-cell-width) + var(--space-1));z-index:1;background:var(--color-surface)}.cel-grid__frame--active{background:var(--accent)}.cel-grid__pinned:before{content:"";position:absolute;top:0;bottom:0;right:100%;width:var(--space-1);background:var(--color-surface)}.cel-grid__frame--pin-start:before,.cel-grid__cell--pin-start:before{background:var(--color-chrome)}.cel-grid__pinned:disabled{opacity:1}.cel-grid__pinned:disabled .cel-grid__thumb{opacity:.5}.cel-grid__frame.cel-grid__pinned:disabled:not(.cel-grid__frame--active){color:var(--text-muted)}.cel-grid__thumb{max-width:100%;max-height:100%;image-rendering:pixelated}.framestrip__steering{display:flex;align-items:center;justify-content:center;gap:var(--space-1);flex-wrap:wrap}.framestrip__op{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--text-secondary);cursor:pointer}.framestrip__op:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary)}.framestrip__op[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.framestrip__op--danger:hover:not(:disabled){border-color:var(--color-danger, #e64553);color:var(--color-danger, #e64553)}.framestrip__op:disabled{opacity:.4;cursor:not-allowed}.framestrip__duration{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-sm);color:var(--text-secondary)}.framestrip__duration-slider{width:7rem;flex:none;accent-color:var(--accent);cursor:pointer}.framestrip__duration-slider:disabled{opacity:.4;cursor:not-allowed}.framestrip__duration input[type=number]{width:4.5rem;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--text-primary);font-variant-numeric:tabular-nums}.framestrip__unit{color:var(--text-secondary)}.navigator{display:flex;flex-direction:column;gap:var(--space-2);flex:1 1 auto;min-width:0;min-height:0}.navigator__preview{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-chrome);overflow:hidden;flex:1 1 160px;min-height:0}.navigator__canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.navigator__hint{position:absolute;inset:auto 0 0 0;margin:0;padding:var(--space-1);text-align:center;font-size:var(--font-sm);color:var(--accent-contrast);background:var(--accent)}.navigator-block{display:flex;gap:var(--space-2);flex-shrink:0;height:14rem}.navigator-block__modes,.navigator-block__zooms{display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);flex-shrink:0}.navigator-block__mode{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--text-secondary);cursor:pointer}.navigator-block__zoom{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--text-secondary);font-size:var(--font-sm);font-variant-numeric:tabular-nums;cursor:pointer}.navigator-block__mode:hover:not(:disabled),.navigator-block__zoom:hover{border-color:var(--accent);color:var(--text-primary)}.navigator-block__mode[aria-pressed=true],.navigator-block__zoom[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.navigator-block__mode:disabled{opacity:.4;cursor:not-allowed}.tabs__list{display:flex;align-items:center;justify-content:center;gap:var(--space-1);border-bottom:1px solid var(--color-border)}.tabs__tab{padding:var(--space-1) var(--space-3);border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer}.tabs--icon-only .tabs__tab{display:inline-flex;align-items:center;justify-content:center}.tabs__tab>svg{flex-shrink:0}.tabs__tab:hover{color:var(--text-primary)}.tabs__tab--active{color:var(--text-primary);border-bottom-color:var(--accent)}.tabs__panel{padding-top:var(--space-2)}.tileset-mode{flex:1;min-height:0;display:flex;flex-direction:column}.tileset-mode__bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3) var(--space-4);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.tileset-mode__picker{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-secondary)}.tileset-mode__number{width:4.5rem}.tileset-mode__hint{font-size:var(--font-sm);color:var(--text-muted)}.tileset-mode .pixi-host{cursor:crosshair}.tileset-picker{display:flex;flex-direction:column;gap:var(--space-2)}.tileset-picker__title{margin:0;font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.tileset-picker__tiles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-1)}.tileset-picker__tile,.tileset-picker__empty{display:block;padding:0;border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;image-rendering:pixelated;background-repeat:no-repeat}.tileset-picker__tile:focus-visible,.tileset-picker__empty:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tileset-picker__tile--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.tileset-picker__active{margin:0;font-size:var(--font-xs);color:var(--text-muted)}@media (max-width: 720px){.tool-shell__body{flex-direction:column;overflow-y:auto}.tool-shell__main{flex:1 0 auto}.tool-shell__middle{flex-direction:column}.tool-dock--left{width:100%;border-right:0;border-bottom:1px solid var(--color-border)}.tool-dock--left .toolbar{flex-direction:row;flex-wrap:wrap;max-height:none}.tool-dock--left .toolbar__item--redo{margin-bottom:0;margin-right:var(--space-2)}.tool-dock--left .toolbar__item--transform-start{margin-top:0;margin-left:var(--space-2)}.tool-shell__center{flex:1 0 auto;min-height:50vh}.tool-shell__panel{width:100%;border-left:0;border-top:1px solid var(--color-border)}.docker__body{max-height:55vh}}.device-approval{width:min(28rem,100%);margin:0 auto;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.device-approval__title{margin:0;font-size:var(--font-2xl);font-weight:var(--weight-semibold)}.device-approval__instructions{margin:0;color:var(--text-secondary)}.device-approval .form-field__input{font-family:var(--font-display);font-size:var(--font-xl);letter-spacing:.15em;text-transform:uppercase}.device-approval__actions{display:flex;gap:var(--space-3)}.device-approval__actions .btn{flex:1}.device-approval__outcome{margin:0;padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--text-primary)}.device-approval__outcome--success{border-color:var(--color-success)}.projects{width:min(60rem,100%);margin:0 auto;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.projects__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.projects__title{margin:0;font-size:var(--font-2xl);font-weight:var(--weight-semibold)}.projects__more{display:flex;justify-content:center}.projects-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--space-4)}.project-card{height:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);color:inherit;text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.project-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.project-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.project-card__name{margin:0;font-size:var(--font-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.project-card__count{margin:0;font-size:var(--font-sm);color:var(--text-secondary)}.project-card__dates{margin:0;display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);font-size:var(--font-xs);color:var(--text-muted)}.project-card__dates div{display:flex;gap:var(--space-1)}.project-card__dates dt{font-weight:var(--weight-medium)}.project-card__dates dd{margin:0}.project-card{position:relative}.project-card__link{color:inherit;text-decoration:none}.project-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg)}.project-card__link:focus-visible{outline:none}.project-card:has(.project-card__link:focus-visible){box-shadow:var(--focus-ring)}.project-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.project-card__icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);object-fit:cover;image-rendering:pixelated;flex-shrink:0}.project-card__icon--placeholder{display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--text-secondary);font-weight:var(--weight-semibold);font-size:var(--font-lg)}.project-card__actions{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-1)}.project-card__star,.project-card__cog{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:var(--font-md);cursor:pointer;text-decoration:none;transition:color var(--transition-fast)}.project-card__star:hover,.project-card__cog:hover{color:var(--text-primary)}.project-card__star:focus-visible,.project-card__cog:focus-visible{outline:none;box-shadow:var(--focus-ring)}.project-card__star--active{color:var(--color-warning)}.project-card__description{margin:0;font-size:var(--font-sm);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card__path{margin:0;font-family:var(--font-display);font-size:var(--font-xs);color:var(--text-muted);white-space:nowrap}.project-card__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.project-card__engine{display:inline-flex;align-items:center;gap:var(--space-1)}.project-card__engine-icon{width:.875rem;height:.875rem;border-radius:var(--radius-sm);object-fit:cover;image-rendering:pixelated}.project-card__engine-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--text-muted)}.project-card__members{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);color:var(--text-secondary)}.project-card__updated{font-size:var(--font-xs);color:var(--text-muted)}.projects-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.project-row{position:relative;display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast)}.project-row:hover{border-color:var(--color-border-strong)}.project-row:has(.project-card__link:focus-visible){box-shadow:var(--focus-ring)}.project-row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.project-row__name{font-weight:var(--weight-semibold);color:var(--text-primary)}.project-row__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.project-row__actions{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-1)}.project-row .project-card__link:after{border-radius:var(--radius-lg)}.project-row .project-card__description{-webkit-line-clamp:1}.projects__header-actions{display:flex;align-items:center;gap:var(--space-3)}.projects__view{display:inline-flex;gap:var(--space-1)}.project-settings{width:min(60rem,100%);margin:0 auto;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.project-settings__back{align-self:flex-start;color:var(--text-secondary);text-decoration:none}.project-settings__back:hover{color:var(--text-primary)}.project-settings__title{margin:0}.project-settings__name{color:var(--text-secondary);font-weight:var(--weight-medium)}.project-settings__placeholder{color:var(--text-muted)}.project-settings__tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;border-bottom:1px solid var(--color-border)}.project-settings__tab{padding:var(--space-2) var(--space-3);font-size:var(--font-sm);color:var(--text-secondary);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}.project-settings__tab:hover{color:var(--text-primary)}.project-settings__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.project-settings__panel{min-height:8rem}.projects-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-8) var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--text-secondary)}.projects-empty__title{margin:0;font-size:var(--font-xl);font-weight:var(--weight-semibold);color:var(--text-primary)}.projects-empty__description{margin:0;max-width:28rem}.project-create{display:flex;flex-direction:column;gap:var(--space-4)}.project-create__title{margin:0;font-size:var(--font-lg);font-weight:var(--weight-semibold)}.project-create__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.roles-admin{display:flex;flex-direction:column;gap:var(--space-5)}.roles-admin__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.roles-admin__title{margin:0;font-size:var(--font-2xl);font-weight:var(--weight-semibold)}.roles-admin__section-title{margin:0;font-size:var(--font-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.roles-admin__empty{margin:0;color:var(--text-secondary)}.roles-admin__more{display:flex;justify-content:center}.roles-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.role-card{display:flex;flex-direction:column;gap:var(--space-3)}.role-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.role-card__name{margin:0;font-size:var(--font-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.role-card__badge{font-size:var(--font-xs);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}.role-card__actions{display:flex;gap:var(--space-2)}.role-card__rights{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.role-card__right{font-size:var(--font-xs);color:var(--text-secondary);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.role-card__rights-empty{margin:0;font-size:var(--font-sm);color:var(--text-muted)}.role-form{display:flex;flex-direction:column;gap:var(--space-4)}.role-form__title{margin:0;font-size:var(--font-lg);font-weight:var(--weight-semibold)}.role-form__name-display{display:flex;flex-direction:column;gap:var(--space-1)}.role-form__name-label{font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.role-form__name-value{font-size:var(--font-base);color:var(--text-primary)}.role-form__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.role-matrix{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.role-matrix__legend{padding:0 var(--space-2);font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.role-matrix__group{display:flex;flex-direction:column;gap:var(--space-2)}.role-matrix__scope{margin:0;font-size:var(--font-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.role-matrix__rights{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:var(--space-2)}.role-matrix__right{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-primary);cursor:pointer}.role-matrix__checkbox{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.role-matrix__checkbox:focus-visible{outline:none;box-shadow:var(--focus-ring)}.members-panel{display:flex;flex-direction:column;gap:var(--space-4)}.members-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.members-panel__title{margin:0;font-size:var(--font-2xl);font-weight:var(--weight-semibold)}.members-panel__empty{margin:0;color:var(--text-secondary)}.members-panel__more{display:flex;justify-content:center}.members-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.member-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.member-card__name{font-size:var(--font-base);font-weight:var(--weight-medium);color:var(--text-primary)}.member-card__role{font-size:var(--font-sm);color:var(--text-secondary)}.member-card__picker{min-width:12rem}.models-panel{display:flex;flex-direction:column;gap:var(--space-5)}.models-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.models-panel__title{margin:0;font-size:var(--font-2xl);font-weight:var(--weight-semibold)}.models-panel__section{display:flex;flex-direction:column;gap:var(--space-3)}.models-panel__subtitle{margin:0;font-size:var(--font-lg);font-weight:var(--weight-medium)}.models-panel__empty{margin:0;color:var(--text-secondary)}.models-panel__more{display:flex;justify-content:center}.models-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.model-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.model-card__main{display:flex;flex-direction:column;gap:var(--space-1)}.model-card__name{font-size:var(--font-base);font-weight:var(--weight-medium);color:var(--text-primary)}.model-rate{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.model-rate__value{font-size:var(--font-sm);color:var(--text-secondary)}.model-rate__badge{font-size:var(--font-xs);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--space-2)}.model-picker__select{min-width:16rem}.model-picker__empty{margin:0;color:var(--text-secondary)}.balance-display{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);margin:0}.balance-display__value{font-size:var(--font-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.balance-display__subtitle{font-size:var(--font-xs);color:var(--text-secondary)}.badge--cap{background:var(--color-surface-elevated);color:var(--text-primary)}.badge--on{background:var(--surface-success);color:var(--text-primary)}.badge--warn{background:var(--color-surface-elevated);color:var(--text-secondary)}.capability-chips{display:inline-flex;flex-wrap:wrap;gap:var(--space-1)}.model-browser__controls{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.model-browser__search{width:min(28rem,100%);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--text-primary)}.model-browser__tabs,.model-browser__chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.model-browser__chips{margin-bottom:var(--space-2)}.model-tab,.chip{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--text-secondary);cursor:pointer}.model-tab{padding:var(--space-1) var(--space-2);font-size:var(--font-sm)}.chip{padding:0 var(--space-2);font-size:var(--font-xs)}.model-tab--active,.chip--active{background:var(--color-surface-elevated);color:var(--text-primary);font-weight:var(--weight-medium)}.dense-table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}.dense-table th,.dense-table td{text-align:left;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border);vertical-align:top}.dense-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.dense-table__empty{text-align:center;color:var(--text-secondary);padding:var(--space-4)}.invite-panel{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.invite-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.invite-panel__title{margin:0;font-size:var(--font-lg);font-weight:var(--weight-semibold)}.invite-panel__empty{margin:0;color:var(--text-secondary)}.invite-panel__more{display:flex;justify-content:center}.invite-form{display:flex;flex-direction:column;gap:var(--space-4)}.invite-form__title{margin:0;font-size:var(--font-base);font-weight:var(--weight-semibold)}.invite-form__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.invite-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.invite-card{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.invite-card__email{font-size:var(--font-sm);color:var(--text-primary);flex:1 1 12rem;word-break:break-all}.invite-card__status{font-size:var(--font-xs);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-5);z-index:2000}.dialog{width:min(28rem,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.dialog__title{margin:0;font-size:var(--font-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.dialog__body{margin:0;color:var(--text-secondary);line-height:var(--leading-normal)}.dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.toast-stack{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:1200;display:flex;flex-direction:column;gap:var(--space-2);max-width:min(24rem,calc(100vw - 2 * var(--space-4)));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated, var(--color-surface));box-shadow:var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, .35));animation:toast-in var(--transition-fast) ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}.toast__body{min-width:0;flex:1}.toast__title{margin:0;color:var(--text-primary);font-weight:var(--weight-medium)}.toast__detail{margin:.15rem 0 0;color:var(--text-secondary);font-size:var(--font-sm)}.toast__close{flex:none;border:none;background:transparent;color:var(--color-text-muted);font-size:var(--font-lg, 1.1rem);line-height:1;cursor:pointer;padding:0}.project-membership{display:flex;flex-direction:column;gap:var(--space-2);min-width:min(24rem,78vw)}.project-membership__summary{margin:0;font-weight:var(--weight-medium);color:var(--text-primary)}.project-membership__search input{width:100%}.project-membership__list{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none;max-height:min(24rem,52vh);overflow-y:auto}.project-membership__row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-fast),background var(--transition-fast)}.project-membership__row--in{border-color:var(--accent);background:var(--color-accent-soft, rgba(99, 102, 241, .12))}.project-membership__toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);cursor:pointer}.project-membership__toggle:has(input:disabled){cursor:default}.project-membership__avatar{flex:none;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--weight-medium);color:#fff;background:hsl(var(--avatar-hue) 45% 42%)}.project-membership__body{display:flex;flex-direction:column;min-width:0;gap:.1rem}.project-membership__name{color:var(--text-primary);font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-membership__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--font-xs)}.project-membership__badge{padding:0 .4em;border-radius:var(--radius-sm, 4px);color:var(--accent);border:1px solid currentColor}.project-membership__readonly{font-style:italic}.project-membership__empty{margin:0;color:var(--color-text-muted)}.membership-asset{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2)}.membership-asset__media{width:64px;height:64px;border-radius:var(--radius-sm, 4px);border:1px solid var(--color-border);overflow:hidden;display:flex;align-items:center;justify-content:center}.membership-asset__media img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.membership-asset__media .asset-card__badge{max-width:100%;padding:0 2px;font-size:.5rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.membership-asset__name{margin:0;max-width:100%;text-align:center;font-weight:var(--weight-medium);color:var(--text-primary);overflow-wrap:anywhere}.workspace-loading{margin:auto;display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted)}.download-page{min-height:100vh;overflow-y:auto;padding:var(--space-7) var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.download-page__brand{text-align:center}.download-page__content{width:min(48rem,100%);display:flex;flex-direction:column;gap:var(--space-6)}.download-page__title{margin:0;font-size:var(--font-2xl);font-weight:var(--weight-semibold)}.download-page__subtitle{margin:0;color:var(--text-secondary)}.download-page__hero{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.download-page__hint{margin:0;color:var(--text-secondary)}.download-page__primary .btn{font-size:var(--font-lg);padding:.7rem 1.4rem}.download-page__others-label{margin:var(--space-2) 0 0;font-size:var(--font-sm);color:var(--text-muted)}.download-page__choices{display:flex;flex-wrap:wrap;gap:var(--space-3)}.download-page__note{margin:0;font-size:var(--font-sm);color:var(--text-muted)}.download-page__version{margin:0;font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.download-page__verify{margin-top:var(--space-5)}.download-page__checksums{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-3) 0}.checksum-field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.checksum-field__os{min-width:5rem;font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.checksum-field__hash{flex:1 1 22rem;overflow-wrap:anywhere;padding:.3rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--font-sm)}.checksum-field__copy{flex:0 0 auto;padding:.3rem .7rem;font-size:var(--font-sm)}.download-page__section>h2{margin:0 0 var(--space-3);font-size:var(--font-xl);font-weight:var(--weight-semibold)}.download-page__section>h3{margin:var(--space-4) 0 var(--space-2);font-size:var(--font-lg);font-weight:var(--weight-medium)}.download-page__notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-4)}.download-page__notes article{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.download-page__notes article.is-detected{border-color:var(--accent)}.download-page__notes h3{margin:0 0 var(--space-2);font-size:var(--font-base);font-weight:var(--weight-semibold)}.download-page__notes ul{margin:0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-sm)}.download-page__steps{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);color:var(--text-secondary)}.download-page__alias{margin:var(--space-4) 0 0;color:var(--text-secondary);font-size:var(--font-sm)}.download-page__commands{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-4);align-items:baseline}.download-page__commands dt{margin:0}.download-page__commands dd{margin:0;color:var(--text-secondary);font-size:var(--font-sm)}.download-page code{font-family:var(--font-display);font-size:.9em;padding:.1em .35em;border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--text-primary);white-space:nowrap}@media (max-width: 32rem){.download-page__commands{grid-template-columns:1fr;gap:var(--space-1) var(--space-2)}.download-page__commands dd{margin-bottom:var(--space-2)}}.app-header__brand{display:flex;align-items:baseline;gap:var(--space-4);text-decoration:none}.app-nav__auth{font-size:var(--font-sm)}.app-nav__cta{text-decoration:none}.docs-content{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-5)}.docs-page{width:min(48rem,100%);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.docs-page__title{margin:0;font-size:var(--font-2xl);font-weight:var(--weight-semibold)}.docs-page__lead{margin:0;color:var(--text-secondary)}.docs-page__subtitle,.docs-page__next{margin:0;color:var(--text-muted);font-size:var(--font-sm)}.docs-page__section>h2{margin:0 0 var(--space-3);font-size:var(--font-xl);font-weight:var(--weight-semibold)}.docs-page__section>h3{margin:var(--space-4) 0 var(--space-2);font-size:var(--font-lg);font-weight:var(--weight-medium)}.docs-page code{font-family:var(--font-display);font-size:.9em;padding:.1em .35em;border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--text-primary);white-space:nowrap}.docs-formats__row{display:contents}.docs-formats__coming-list{margin:var(--space-2) 0 0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-sm)}.docs-formats__badge{display:inline-block;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--text-muted);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.06em}.version-badge{font-family:monospace;font-size:var(--font-xs);color:var(--text-muted);opacity:.65;pointer-events:none;-webkit-user-select:none;user-select:none}.version-badge--fixed{position:fixed;bottom:.4rem;left:.5rem;z-index:1000}#root:has(.tool-statusbar) .version-badge--fixed{display:none}.library-page,.project-assets-page{width:min(76rem,100%);margin:0 auto;padding:var(--space-6) var(--space-5)}.asset-workspace{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:var(--space-5);align-items:start;min-height:0}.asset-workspace>.asset-browser{min-width:0;min-height:0}.asset-browser{display:flex;flex-direction:column;gap:var(--space-4)}.asset-browser__title{margin:0;font-size:var(--font-lg);color:var(--text-primary)}.asset-browser__state{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;color:var(--text-secondary)}.asset-browser__empty{margin:0;color:var(--text-muted)}.asset-browser__more{display:flex;justify-content:center;padding-top:var(--space-2)}.asset-grid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:var(--space-5)}.asset-grid--s{gap:var(--space-4)}.asset-grid--m{gap:var(--space-5)}.asset-grid--l{gap:var(--space-6, 2.5rem)}.asset-card{--asset-accent: var(--text-muted);position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.asset-card--sprite{--asset-accent: var(--accent)}.asset-card--image{--asset-accent: var(--color-info)}.asset-card--tileset{--asset-accent: var(--color-success)}.asset-card--sprite_set{--asset-accent: var(--color-warning)}.asset-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-border-strong)}.asset-card__media{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.asset-card__thumb{width:100%;height:100%;image-rendering:pixelated;object-fit:contain}.asset-card__thumb--loading,.asset-card__thumb--failed{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted)}.asset-card__badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill, 999px);background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--text-secondary);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.04em}.asset-card__name{margin:0;font-size:var(--font-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-card__meta{margin:0;display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--font-xs);color:var(--text-secondary)}.asset-card__type-dot{flex:none;width:.5rem;height:.5rem;border-radius:var(--radius-full);background:var(--asset-accent)}.asset-card__kind{color:var(--text-muted)}.asset-card__path{margin:0;font-family:var(--font-display);font-size:var(--font-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-card__path--none{font-family:var(--font-sans);font-style:italic;opacity:.85}.asset-card__action{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;opacity:0;transform:translateY(2px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.asset-card:hover .asset-card__action,.asset-card:focus-within .asset-card__action,.asset-card__action:has([role=status]){opacity:1;transform:none}@media (hover: none){.asset-card__action{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.asset-card,.asset-card__action{transition:none}.asset-card:hover,.asset-card__action{transform:none}}.asset-skeleton{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.asset-skeleton__media,.asset-skeleton__name,.asset-skeleton__meta{border-radius:var(--radius-sm);background:linear-gradient(100deg,var(--color-surface-elevated) 40%,color-mix(in srgb,var(--color-surface-elevated) 55%,var(--color-surface)) 50%,var(--color-surface-elevated) 60%);background-size:300% 100%;animation:asset-skeleton-shimmer 1.4s ease-in-out infinite}.asset-skeleton__media{aspect-ratio:1 / 1;border-radius:var(--radius-md)}.asset-skeleton__name{height:var(--font-sm);width:70%}.asset-skeleton__meta{height:var(--font-xs);width:45%}@keyframes asset-skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.asset-skeleton__media,.asset-skeleton__name,.asset-skeleton__meta{animation:none}}.asset-grid--wall{background:var(--wall-gradient);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4)}.asset-grid .asset-card{width:var(--tile-size, 14rem);padding:0;gap:0;background:none;border:none;box-shadow:none}.asset-grid .asset-card:hover{transform:none;box-shadow:none;border-color:transparent}.asset-grid .asset-card__media{width:var(--tile-size, 14rem);height:var(--tile-size, 14rem);aspect-ratio:auto;background:none;border:none;border-radius:var(--radius-sm);overflow:visible;transition:transform var(--transition-fast)}.asset-grid .asset-card__thumb{filter:drop-shadow(0 4px 10px rgb(0 0 0 / .42))}.asset-grid .asset-card:hover .asset-card__media,.asset-grid .asset-card:focus-within .asset-card__media{transform:translateY(-4px) scale(1.03)}.asset-grid .asset-card__tile{display:block;width:var(--tile-size, 14rem);height:var(--tile-size, 14rem);line-height:0;outline:none}.asset-grid .asset-card__zoom{position:absolute;top:var(--space-2);right:var(--space-2);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:var(--radius-sm);background:#0000008c;color:#fff;cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.asset-grid .asset-card:hover .asset-card__zoom,.asset-grid .asset-card:focus-within .asset-card__zoom,.asset-grid .asset-card__zoom:focus-visible{opacity:1}.asset-grid .asset-card__caption{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:var(--tile-size, 14rem);padding:var(--space-1) 0 0}.asset-grid .asset-card__caption .asset-card__name{margin:0;max-width:100%;font-size:var(--font-xs);font-weight:500;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-grid .asset-card__caption .asset-card__action{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.asset-grid .asset-card--selected .asset-card__media{outline:2px solid var(--accent);outline-offset:3px}@media (hover: none){.asset-grid .asset-card__zoom{opacity:1}}@media (prefers-reduced-motion: reduce){.asset-grid .asset-card__media,.asset-grid .asset-card__zoom{transition:none}.asset-grid .asset-card:hover .asset-card__media,.asset-grid .asset-card:focus-within .asset-card__media{transform:none}}.asset-popover{z-index:900;width:min(22rem,90vw);max-height:min(60vh,30rem);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-primary);opacity:0;transform:translateY(2px);pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}.asset-popover--open{opacity:1;transform:none;pointer-events:auto}.asset-popover .asset-card__details{display:flex;flex-direction:column;gap:var(--space-1)}.asset-popover .asset-card__meta{flex-wrap:wrap}.asset-popover .asset-card__description{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;white-space:normal;overflow:hidden}.asset-popover .asset-card__action{display:flex;flex-wrap:wrap;gap:var(--space-2);opacity:0;transition:opacity var(--transition-fast)}.asset-popover--open .asset-card__action{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.asset-popover .asset-card__action{transition:none}}@media (prefers-reduced-motion: reduce){.asset-popover{transition:none;transform:none}}.asset-grid .asset-skeleton{width:var(--tile-size, 8rem);padding:0;background:none;border:none}.asset-grid .asset-skeleton__media{width:var(--tile-size, 8rem);height:var(--tile-size, 8rem);aspect-ratio:auto}.asset-tags{display:inline-flex;flex-wrap:wrap;gap:var(--space-1)}.asset-tag{padding:0 .4em;border-radius:var(--radius-sm);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--font-xs);line-height:1.6;border:1px solid currentColor;opacity:.85}.asset-tag--taxonomy{border-color:transparent;background:color-mix(in srgb,var(--accent) 22%,transparent);opacity:1}.asset-grid .asset-card__chrome .asset-tag{color:#ffffffd1}@media (prefers-reduced-motion: no-preference){.asset-grid>li{animation:asset-tile-in .34s ease both}.asset-grid>li:nth-child(2){animation-delay:.03s}.asset-grid>li:nth-child(3){animation-delay:.06s}.asset-grid>li:nth-child(4){animation-delay:.09s}.asset-grid>li:nth-child(5){animation-delay:.12s}.asset-grid>li:nth-child(6){animation-delay:.15s}.asset-grid>li:nth-child(n+7){animation-delay:.18s}}@keyframes asset-tile-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,3vw,2.5rem);background:#000000b8}.lightbox{display:flex;gap:0;width:min(1100px,100%);max-height:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}@media (max-width: 720px){.lightbox{flex-direction:column}}.lightbox__stage{--checker-size: 16px;flex:1 1 auto;min-width:0;min-height:260px;display:flex;align-items:center;justify-content:center;padding:var(--space-4);overflow:auto;background-color:var(--color-surface);background-image:linear-gradient(45deg,var(--color-surface-elevated) 25%,transparent 25%),linear-gradient(-45deg,var(--color-surface-elevated) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-surface-elevated) 75%),linear-gradient(-45deg,transparent 75%,var(--color-surface-elevated) 75%);background-size:var(--checker-size) var(--checker-size);background-position:0 0,0 calc(var(--checker-size) / 2),calc(var(--checker-size) / 2) calc(var(--checker-size) / -2),calc(var(--checker-size) / -2) 0}.lightbox__img{image-rendering:pixelated;display:block;flex:none}.lightbox__loading,.lightbox__failed,.lightbox__badge{color:var(--text-muted)}.lightbox__info{flex:0 0 clamp(240px,30vw,340px);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);overflow-y:auto;border-left:1px solid var(--color-border)}@media (max-width: 720px){.lightbox__info{border-left:none;border-top:1px solid var(--color-border)}}.lightbox__info-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.lightbox__name{margin:0;font-size:var(--font-md);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.lightbox__close{flex:none;width:2rem;height:2rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--text-secondary);font-size:var(--font-lg);line-height:1;cursor:pointer}.lightbox__meta{margin:0;display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--font-sm);color:var(--text-secondary)}.lightbox__kind{color:var(--text-muted)}.lightbox__chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.lightbox__description{margin:0;color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5}.lightbox__description--empty{color:var(--text-muted);font-style:italic}.lightbox__zoom{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.asset-action__status{font-size:var(--font-xs);color:var(--color-success)}.asset-action__busy{margin:0;color:var(--text-muted);font-size:var(--font-xs)}.asset-action__result{margin:0 0 var(--space-3);line-height:1.5;white-space:pre-wrap}.asset-action__field{display:flex;flex-direction:column;gap:var(--space-2);margin:0}.asset-filter{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.asset-filter__search{position:relative;flex:1 1 16rem;min-width:12rem}.asset-filter__input{width:100%;padding:var(--space-2) var(--space-7) var(--space-2) var(--space-3);background:var(--color-surface);color:var(--text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.asset-filter__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.asset-filter__clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-muted);font-size:var(--font-lg);line-height:1;cursor:pointer;padding:0 var(--space-1)}.asset-filter__clear:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:var(--radius-sm)}.asset-filter__type{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-sm)}.asset-filter__select{padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.asset-filter__select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tools-layout{flex:1;display:flex;min-height:0}.tools-content{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-5)}.tools-empty{max-width:32rem}.tool-drawer{flex-shrink:0;width:14rem;padding:var(--space-5) var(--space-3);border-left:1px solid var(--color-border);background:var(--color-chrome);overflow-y:auto}.tool-drawer--collapsed{width:4rem}.tool-drawer__toggle{display:block;margin:0 0 var(--space-3) auto;padding:var(--space-1) var(--space-2);background:transparent;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer}.tool-drawer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.tool-drawer__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--font-sm)}.tool-drawer__item:hover{color:var(--text-primary);background:var(--color-surface)}.tool-drawer__item.is-active{color:var(--accent);background:var(--color-surface-elevated);font-weight:var(--weight-medium)}.tool-drawer__item--disabled{opacity:.5}.tool-drawer__icon{flex-shrink:0}.tool-drawer__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-drawer--collapsed .tool-drawer__name{display:none}.tool-drawer--collapsed .tool-drawer__item{justify-content:center}.tool-page{display:flex;flex-direction:column;gap:var(--space-4);max-width:48rem}.tool-page__header h1{margin:0;font-size:var(--font-2xl);font-weight:var(--weight-semibold)}.tool-page__tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;border-bottom:1px solid var(--color-border)}.tool-page__tab{padding:var(--space-2) var(--space-3);font-size:var(--font-sm);color:var(--text-secondary);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tool-page__tab:hover{color:var(--text-primary)}.tool-page__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.tool-page__panel{min-height:8rem}.tool-overview__identity{display:flex;align-items:center;gap:var(--space-4)}.tool-overview__name{margin:0;font-size:var(--font-xl);font-weight:var(--weight-semibold)}.tool-overview__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-3);margin:var(--space-3) 0 0}.tool-overview__facts dt{font-size:var(--font-xs);color:var(--text-muted)}.tool-overview__facts dd{margin:0;font-size:var(--font-sm)}.dashboard{width:100%;max-width:1560px;margin:0 auto;padding:30px 40px;display:flex;flex-direction:column;gap:var(--space-5)}.dashboard-status{padding:var(--space-5);text-align:center;color:var(--text-muted)}.dashboard-hero{display:flex;align-items:flex-start;gap:var(--space-4)}.dashboard-hero .project-card__icon{width:4rem;height:4rem;font-size:var(--font-xl)}.dashboard-hero__main{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.dashboard-hero__title-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.dashboard-hero__name{margin:0;font-size:var(--font-xl)}.dashboard-hero__description{margin:0;color:var(--text-muted)}.dashboard-hero__rootpath{margin:0;font-size:var(--font-xs);font-family:monospace;color:var(--text-muted)}.dashboard-hero__meta{margin:0 0 0 auto;display:flex;flex-direction:column;gap:var(--space-2);text-align:right;flex-shrink:0}.dashboard-hero__meta-item dt{font-size:var(--font-xs);color:var(--text-muted)}.dashboard-hero__meta-item dd{margin:0;font-size:var(--font-sm)}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.dashboard-stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.dashboard-stat__value{font-size:var(--font-lg);font-weight:600}.dashboard-stat__label{font-size:var(--font-xs);color:var(--text-muted)}.dashboard-body{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:var(--space-5)}.dashboard-main{min-width:0;display:flex;flex-direction:column;gap:var(--space-5)}.dashboard-rail{min-width:0}.dashboard-rail__card{position:sticky;top:24px;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.dashboard-section__title{margin:0 0 var(--space-3);font-size:var(--font-lg)}.dashboard-rail__card .dashboard-section__title{margin:0}.dashboard-empty{color:var(--text-muted);font-size:var(--font-sm)}.dashboard-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--space-3)}.dashboard-tool{display:flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;text-decoration:none}.dashboard-tool:hover{border-color:var(--accent)}.dashboard-recent{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:var(--space-3)}.dashboard-asset{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;text-decoration:none;min-width:0}.dashboard-asset:hover{border-color:var(--accent)}.dashboard-asset .asset-card__thumb{width:100%;height:5rem;object-fit:contain;image-rendering:pixelated}.dashboard-asset__name{font-size:var(--font-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-asset__date{font-size:var(--font-xs);color:var(--text-muted)}.dashboard-activity{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-activity__row{display:flex;align-items:center;gap:var(--space-2)}.dashboard-activity__dot{flex-shrink:0;width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--font-sm);background:var(--color-surface-elevated)}.dashboard-activity__dot--success{background:var(--surface-success);color:var(--color-success)}.dashboard-activity__dot--info{background:var(--surface-info);color:var(--color-info)}.dashboard-activity__dot--error{background:var(--surface-error);color:var(--color-error)}.dashboard-activity__dot--accent{color:var(--accent)}.dashboard-activity__text{min-width:0;flex:1;font-size:var(--font-sm)}.dashboard-activity__time{font-size:var(--font-xs);color:var(--text-muted);white-space:nowrap}@media (max-width: 1080px){.dashboard-body{grid-template-columns:1fr}.dashboard-rail__card{position:static}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.dashboard{padding:var(--space-4) var(--space-3)}.dashboard-stats{grid-template-columns:1fr}.dashboard-hero__meta{display:none}}.asset-card__select{position:absolute;top:var(--space-2);left:var(--space-2);z-index:1;display:inline-flex;padding:var(--space-1);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-sm);opacity:0;transition:opacity var(--transition-fast)}.asset-card:hover .asset-card__select,.asset-card:focus-within .asset-card__select,.asset-card__select--sticky{opacity:1}@media (hover: none){.asset-card__select{opacity:1}}@media (prefers-reduced-motion: reduce){.asset-card__select{transition:none}}.asset-card.asset-card--selected{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft, rgba(99, 102, 241, .35))}.asset-card__taxonomy{color:var(--color-text-muted)}.asset-card__terms{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:0;padding:0;list-style:none}.chip--term{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:999px;padding:.1rem var(--space-2);background:var(--color-surface);color:inherit;font:inherit;font-size:var(--font-xs);cursor:default}.asset-card__terms-empty{margin:0;color:var(--color-text-muted);font-size:var(--font-xs)}.asset-bulk-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.asset-bulk-bar__count{font-weight:600;margin-right:auto}.asset-bulk-bar__taxomize{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.9em}.asset-sweep{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--color-text-muted)}.chip__agent{margin-left:var(--space-1);padding:0 .3em;border-radius:var(--radius-sm, 4px);font-size:.75em;font-weight:600;color:var(--accent);border:1px solid currentColor}.taxonomy-picker{display:flex;flex-direction:column;gap:var(--space-3);width:100%;min-width:0}.taxonomy-picker__search input{width:100%}.taxonomy-picker__list{max-height:18rem;overflow-y:auto;margin:0;padding:0;list-style:none;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.taxonomy-picker__rowline{display:flex;align-items:baseline}.taxonomy-picker__row{flex:1;min-width:0;display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-1) var(--space-2);cursor:pointer}.taxonomy-picker__row:hover{background:var(--color-surface-raised, rgba(127, 127, 127, .08))}.taxonomy-picker__name{min-width:0;overflow-wrap:anywhere}.taxonomy-picker__ancestry{margin-left:auto;font-size:.8em;color:var(--color-text-muted)}.taxonomy-picker__edit{flex-shrink:0;border:none;background:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.9em}.taxonomy-picker__edit:hover{color:var(--color-text);background:var(--color-surface-raised, rgba(127, 127, 127, .08))}.taxonomy-picker__add{flex-shrink:0;border:none;background:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.9em;opacity:0;transition:opacity .1s ease}.taxonomy-tree__row:hover .taxonomy-picker__add,.taxonomy-tree__row:focus-within .taxonomy-picker__add,.taxonomy-picker__add:focus{opacity:1}.taxonomy-picker__add:hover{color:var(--color-text);background:var(--color-surface-raised, rgba(127, 127, 127, .08))}@media (hover: none){.taxonomy-picker__add{opacity:1}}.taxonomy-tree__add-root{align-self:flex-start;font-size:.9em}.taxonomy-picker__create-dock{border-top:1px solid var(--color-border);padding-top:var(--space-3)}.taxonomy-picker__hint{margin:0 0 var(--space-1);padding:0 var(--space-2) 0 calc(var(--space-2) + 1.4rem);font-size:.8em;color:var(--color-text-muted)}.taxonomy-tree{max-height:18rem;overflow-y:auto;margin:0;padding:0;list-style:none;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.taxonomy-tree__row{display:flex;align-items:baseline}.taxonomy-tree__twisty{flex-shrink:0;width:1.4rem;border:none;background:none;color:var(--color-text-muted);cursor:pointer;font-size:.75em;padding:var(--space-1) 0;text-align:center}.taxonomy-picker__none{margin:0;color:var(--color-text-muted);font-size:.9em}.taxonomy-create__resolved{margin:0;color:var(--text-secondary, var(--color-text-muted));font-size:.9em;overflow-wrap:anywhere}.taxonomy-create__help{font-size:.8em;color:var(--color-text-muted)}.taxonomy-picker__chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:0;padding:0;list-style:none}.taxonomy-picker__state,.taxonomy-picker__empty,.taxonomy-picker__scope{color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2)}.chip--removable{border:1px solid var(--color-border);border-radius:999px;padding:.1rem var(--space-2);background:var(--color-surface);color:inherit;font:inherit;cursor:pointer}.chip--partial{border-style:dashed;color:var(--color-text-muted)}.taxonomy-picker__chip-item{display:inline-flex;align-items:center}.taxonomy-picker__ai{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.taxonomy-create{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.taxonomy-create__title{font-weight:600;margin:0}.taxonomy-create__field{display:flex;flex-direction:column;gap:var(--space-1)}.taxonomy-create__actions{display:flex;gap:var(--space-2)}.taxonomy-rail{position:sticky;top:var(--space-4);align-self:start;max-height:calc(100vh - var(--space-8));overflow-y:auto;min-height:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-chrome)}.taxonomy-rail--collapsed{width:3rem;padding:var(--space-2)}.taxonomy-rail__toggle{display:block;margin:0 0 var(--space-2) auto;padding:var(--space-1) var(--space-2);background:transparent;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer}.taxonomy-rail__toggle:focus-visible,.taxonomy-rail__item:focus-visible,.taxonomy-rail__twisty:focus-visible,.taxonomy-crumbs__crumb:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.taxonomy-rail__list{list-style:none;margin:0 0 var(--space-3) 0;padding:0;display:flex;flex-direction:column;gap:1px}.taxonomy-rail__row{display:flex;align-items:center;gap:var(--space-1)}.taxonomy-rail__twisty{flex-shrink:0;width:1.25rem;padding:0;background:none;border:0;color:var(--text-muted);font:inherit;line-height:1;text-align:left;cursor:pointer}.taxonomy-rail__item{flex:1;display:flex;align-items:baseline;gap:var(--space-2);min-width:0;padding:var(--space-1) var(--space-2);background:none;border:0;border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;font-size:var(--font-sm);text-align:left;cursor:pointer}.taxonomy-rail__item:hover{color:var(--text-primary);background:var(--color-surface)}.taxonomy-rail__item.is-active{color:var(--accent);background:var(--color-surface-elevated);font-weight:var(--weight-medium)}.taxonomy-rail__item--empty{opacity:.45}.taxonomy-rail__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taxonomy-rail__count{flex-shrink:0;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:var(--font-xs)}.taxonomy-rail__state{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--text-muted);font-size:var(--font-sm)}.taxonomy-crumbs{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;font-size:var(--font-sm)}.taxonomy-crumbs__crumb{padding:0;background:none;border:0;color:var(--text-secondary);font:inherit;cursor:pointer;text-decoration:underline}.taxonomy-crumbs__crumb:hover{color:var(--text-primary)}.taxonomy-crumbs__sep{color:var(--text-muted)}.taxonomy-crumbs__current{color:var(--text-primary);font-weight:var(--weight-medium)}@media (max-width: 1080px){.asset-workspace{grid-template-columns:1fr}.taxonomy-rail{position:static;max-height:18rem}.taxonomy-rail--collapsed{width:auto}}.asset-browser__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.asset-browser__toolbar>.asset-filter{flex:1 1 20rem}.asset-view-toggle{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.asset-view-toggle__group{display:flex;gap:var(--space-1)}.asset-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.asset-row{--asset-accent: var(--text-muted);position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);min-height:calc(2.75rem + 2 * var(--space-2));border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-surface)}.asset-row:hover{border-color:var(--color-border)}.asset-row.asset-row--selected{border-color:var(--accent)}.asset-row__media{flex-shrink:0;width:2.75rem;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-surface-elevated)}.asset-row__body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.15rem;overflow:hidden}.asset-row__head{display:flex;align-items:baseline;gap:var(--space-2);min-width:0;overflow:hidden;white-space:nowrap}.asset-row__name{flex:1 1 auto;min-width:4rem;margin:0;font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-row__head .asset-card__meta{flex:0 1 auto;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis}.asset-row__desc{min-width:0;overflow:hidden}.asset-row__desc>p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-xs);color:var(--text-muted)}.asset-row__select{flex-shrink:0;display:inline-flex;opacity:0;transition:opacity var(--transition-fast)}.asset-row:hover .asset-row__select,.asset-row:focus-within .asset-row__select,.asset-row__select--sticky{opacity:1}.asset-row__action{flex-shrink:0;margin-left:auto}@media (hover: none){.asset-row__select{opacity:1}}@media (prefers-reduced-motion: reduce){.asset-row__select{transition:none}}.asset-details{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:var(--space-4);align-items:start;min-height:0}.asset-details__index{list-style:none;margin:0;padding:0;max-height:calc(100vh - 16rem);overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:1px}.asset-details__indexrow{display:flex;align-items:center;gap:var(--space-1)}.asset-details__select{flex-shrink:0;display:inline-flex}.asset-details__item{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-1) var(--space-2);background:none;border:0;border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;font-size:var(--font-sm);text-align:left;cursor:pointer}.asset-details__item:hover{background:var(--color-surface);color:var(--text-primary)}.asset-details__item.is-active{background:var(--color-surface-elevated);color:var(--accent);font-weight:var(--weight-medium)}.asset-details__item:focus-visible,.asset-view-toggle__group button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.asset-details__thumb{flex-shrink:0;width:1.75rem;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden}.asset-details__itemname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-details__pane{position:sticky;top:var(--space-4);align-self:start;max-height:calc(100vh - 10rem);overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.asset-details__preview{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;max-height:22rem;border-radius:var(--radius-sm);overflow:hidden}.asset-details__previewimg{max-width:100%;max-height:100%;image-rendering:pixelated;object-fit:contain}.asset-details__title{margin:0;font-size:var(--font-md);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.asset-details__meta{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:var(--space-2);font-size:var(--font-sm)}.asset-details__meta dt{color:var(--text-muted);font-size:var(--font-xs)}.asset-details__meta dd{margin:0;color:var(--text-primary);font-variant-numeric:tabular-nums}.asset-details__terms h3{margin:0 0 var(--space-1) 0;font-size:var(--font-sm);color:var(--text-secondary)}.asset-details__chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:0;padding:0;list-style:none}.asset-details__undescribed{margin:0;color:var(--text-muted);font-size:var(--font-sm)}.asset-details__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2)}@media (max-width: 1080px){.asset-details{grid-template-columns:1fr}.asset-details__index{max-height:14rem}.asset-details__pane{position:static;max-height:none}}.checker,.palette__swatch--transparent,.tileset-picker__empty,.asset-details__preview{--checker-size: 10px;background-color:var(--color-surface);background-image:linear-gradient(45deg,var(--color-surface-elevated) 25%,transparent 25%),linear-gradient(-45deg,var(--color-surface-elevated) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-surface-elevated) 75%),linear-gradient(-45deg,transparent 75%,var(--color-surface-elevated) 75%);background-size:var(--checker-size) var(--checker-size);background-position:0 0,0 calc(var(--checker-size) / 2),calc(var(--checker-size) / 2) calc(var(--checker-size) / -2),calc(var(--checker-size) / -2) 0}.asset-row__media .asset-card__badge,.asset-details__thumb .asset-card__badge{max-width:100%;padding:0 2px;font-size:.5rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-details__preview{--checker-size: 16px}.color-studio-topbar{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-2)}.color-studio-topbar__identity,.color-studio-topbar__navigation,.color-studio-topbar__actions{min-width:0;display:flex;align-items:center;gap:var(--space-2)}.color-studio-topbar__identity{overflow:hidden}.color-studio-topbar__identity>svg{flex:none;color:var(--accent)}.color-studio-topbar__identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-studio-topbar__navigation{justify-self:center}.color-studio-topbar__palette-name{flex:none;color:var(--accent);font-size:var(--font-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.color-studio-topbar__actions{justify-self:end}.color-studio-topbar .btn{display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.color-studio-badge{padding:.1rem var(--space-2);color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 12%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-warning) 35%,var(--color-border));border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--weight-semibold)}.color-studio{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:clip;background:radial-gradient(circle at 75% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 32rem),var(--color-background)}.color-studio__notices{flex:none;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-4);color:var(--text-secondary);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:var(--font-xs)}.color-studio__notices p{margin:0}.color-studio-view{flex:none;display:flex;padding:3px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-studio-view button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);color:var(--text-secondary);background:transparent;border:0;border-radius:calc(var(--radius-md) - 2px);font:inherit;font-size:var(--font-sm);cursor:pointer}.color-studio-view button:hover{color:var(--text-primary)}.color-studio-view button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-studio-view .color-studio-view__tab--active{color:var(--text-primary);background:var(--color-surface-elevated);box-shadow:var(--shadow-sm)}.color-studio__workspace{flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:11rem minmax(0,1fr)}.color-studio-categories{min-height:0;display:flex;flex-direction:column;gap:2px;padding:var(--space-4) var(--space-2);overflow-y:auto;background:color-mix(in srgb,var(--color-chrome) 45%,transparent);border-right:1px solid var(--color-border)}.color-studio-categories button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-size:var(--font-sm);text-align:left;cursor:pointer}.color-studio-categories__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px}.color-studio-categories .color-studio-categories__edit{width:auto;justify-content:center;padding-inline:var(--space-2);color:var(--text-muted)}.color-studio-categories .color-studio-categories__edit:hover{color:var(--accent)}.color-studio-categories__count{color:var(--text-muted);font-size:var(--font-xs);font-variant-numeric:tabular-nums}.color-studio-categories__identity{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:3px}.color-studio-categories__identity>span{max-width:100%;overflow:hidden;color:inherit;font-size:inherit;text-overflow:ellipsis;white-space:nowrap}.color-studio-tool-definition-badge{display:inline-flex;width:fit-content;align-items:center;padding:2px 6px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--color-border));border-radius:999px;font-size:.65rem;font-weight:var(--weight-semibold);line-height:1.25;letter-spacing:.015em}.color-studio-categories button:hover{color:var(--text-primary);background:var(--color-surface)}.color-studio-categories button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-studio-categories .color-studio-categories__active{color:var(--text-primary);background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.color-studio-categories .color-studio-categories__add{justify-content:flex-start;margin-top:auto;border-color:var(--color-border)}.color-studio-categories .color-studio-categories__add span:last-child{color:inherit;font-size:inherit}.color-studio-character-key{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);color:var(--text-secondary);background:color-mix(in srgb,var(--accent) 8%,var(--color-surface));border:1px solid color-mix(in srgb,var(--accent) 38%,var(--color-border));border-radius:var(--radius-md)}.color-studio-character-key__swatch{width:2.5rem;height:2.5rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.color-studio-character-key strong{display:block;color:var(--text-primary)}.color-studio-character-key p{margin:2px 0 0;font-size:var(--font-xs)}.color-studio-category-dialog__character-hint{color:var(--accent);font-weight:var(--weight-semibold)}.color-studio-board{min-width:0;min-height:0;padding:var(--space-5) var(--space-6) var(--space-7);overflow-y:auto}@media (min-width: 961px){.color-studio-board{scrollbar-width:none}.color-studio-board::-webkit-scrollbar{display:none}}.color-studio-board__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.color-studio-board__heading h2{margin:0;font-size:var(--font-lg)}.color-studio-board__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.color-studio-board__heading p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--font-sm)}.color-studio-board__heading>span{flex:none;color:var(--text-muted);font-size:var(--font-xs)}.color-studio-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:var(--space-3)}.color-studio-swatch{min-width:0;padding:0;overflow:clip;color:var(--text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font:inherit;text-align:left;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast)}.color-studio-swatch:hover{transform:translateY(-1px);border-color:var(--color-border-strong)}.color-studio-swatch:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-studio-swatch--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.color-studio-swatch__sample{position:relative;display:flex;align-items:center;justify-content:center;height:5.75rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75)}.color-studio-swatch__meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3)}.color-studio-swatch__meta strong,.color-studio-swatch__meta small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-studio-swatch__meta strong{font-size:var(--font-sm)}.color-studio-swatch__meta small{grid-column:1 / -1;color:var(--text-muted);font-family:var(--font-display);font-size:var(--font-xs)}.color-studio-swatch__meta code{grid-column:2;grid-row:1;color:var(--text-secondary);font-size:var(--font-xs)}.color-studio-usage__heading{min-width:0;display:flex;align-items:center;gap:var(--space-3)}.color-studio-usage__heading>span{flex:none;width:2.5rem;height:2.5rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px #ffffff1f}.color-studio-usage__heading>div{min-width:0}.color-studio-usage__filters{display:inline-flex;gap:2px;margin-bottom:var(--space-4);padding:3px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-studio-usage__filters button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--text-secondary);background:transparent;border:0;border-radius:calc(var(--radius-md) - 2px);font:inherit;font-size:var(--font-sm);cursor:pointer}.color-studio-usage__filters button[aria-pressed=true]{color:var(--text-primary);background:var(--color-surface-elevated);box-shadow:var(--shadow-sm)}.color-studio-usage__filters button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-studio-usage__filters strong{min-width:1.35rem;color:var(--text-muted);font-size:var(--font-xs);font-variant-numeric:tabular-nums;text-align:right}.color-studio-usage__assets{display:flex;flex-direction:column;gap:var(--space-2)}.color-studio-usage__assets article{min-width:0;display:grid;grid-template-columns:4rem minmax(9rem,1fr) minmax(7rem,auto) auto auto;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-studio-usage__preview{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.color-studio-usage__thumb{width:var(--usage-thumbnail-width);height:var(--usage-thumbnail-height);flex:none;image-rendering:pixelated}.color-studio-usage__thumb--empty{display:block}.color-studio-usage__asset-meta{min-width:0;display:flex;flex-direction:column;gap:1px}.color-studio-usage__asset-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-studio-usage__asset-meta span,.color-studio-usage__asset-meta small{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-usage__asset-color{display:grid;grid-template-columns:1.5rem auto;align-items:center;gap:1px var(--space-2)}.color-studio-usage__asset-color>span{grid-row:1 / 3;width:1.5rem;height:1.5rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.color-studio-usage__asset-color code{color:var(--text-secondary);font-size:var(--font-xs)}.color-studio-usage__asset-color small{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-usage__state{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-xs);white-space:nowrap}.color-studio-usage__state--linked{color:var(--color-success);background:var(--surface-success)}.color-studio-usage__state--changed{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 12%,var(--color-surface))}.color-studio-usage__message,.color-studio-usage__empty{margin:var(--space-5) 0;padding:var(--space-6);color:var(--text-muted);background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);text-align:center}.color-studio-usage__message p,.color-studio-usage__empty h3,.color-studio-usage__empty p{margin:0}.color-studio-usage__message .btn,.color-studio-usage__empty p{margin-top:var(--space-2)}.color-studio-usage__more{display:flex;justify-content:center;margin-top:var(--space-4)}.color-studio-role-set-manager{margin-bottom:var(--space-5);background:color-mix(in srgb,var(--color-surface) 92%,var(--accent) 8%);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.color-studio-role-set-manager>summary{min-height:3.25rem;padding:var(--space-2) var(--space-4);display:flex;align-items:center;gap:var(--space-3);cursor:pointer;list-style:none}.color-studio-role-set-manager>summary::-webkit-details-marker{display:none}.color-studio-role-set-manager>summary>span:first-child{min-width:0;display:grid;gap:1px}.color-studio-role-set-manager>summary small{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-role-set-manager>summary strong{overflow:hidden;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap}.color-studio-role-set-manager>summary>svg{margin-left:auto;transition:transform var(--transition-fast)}.color-studio-role-set-manager[open]>summary>svg{transform:rotate(180deg)}.color-studio-role-set-manager__dirty{padding:2px var(--space-2);color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 12%,transparent);border-radius:var(--radius-full);font-size:var(--font-xs)}.color-studio-role-set-manager__body{padding:0 var(--space-4) var(--space-4);display:grid;gap:var(--space-3);border-top:1px solid var(--color-border)}.color-studio-role-set-manager__top{padding-top:var(--space-3)}.color-studio-role-set-manager__top,.color-studio-role-set-manager__definition,.color-studio-role-editor{display:flex;align-items:end;gap:var(--space-2);flex-wrap:wrap}.color-studio-role-set-manager label,.color-studio-role-editor label{min-width:11rem;display:grid;flex:1 1 12rem;gap:var(--space-1)}.color-studio-role-set-manager label>span,.color-studio-role-editor label>span{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-role-set-manager input,.color-studio-role-set-manager select,.color-studio-role-editor input,.color-studio-role-editor select{min-width:0;height:2.25rem;padding:0 var(--space-2);color:var(--text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit}.color-studio-role-set-manager__definition label:nth-child(2){flex-grow:2}.color-studio-role-editor>div{display:flex;gap:var(--space-2)}.color-studio-role-editor{margin-bottom:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-studio-role-editor legend{padding:0 var(--space-1);color:var(--text-secondary);font-weight:700}.color-studio-role-set-manager__status,.color-studio-role-set-manager__error{margin:0;font-size:var(--font-sm)}.color-studio-role-set-manager__status{color:var(--text-muted)}.color-studio-role-set-manager__error{color:var(--color-danger)}.color-studio-roles>section{margin-top:var(--space-5)}.color-studio-roles__coverage{width:min(18rem,38vw);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:var(--space-1) var(--space-2)}.color-studio-roles__coverage strong{color:var(--text-primary);font-size:var(--font-lg);font-variant-numeric:tabular-nums}.color-studio-roles__coverage span{overflow:hidden;color:var(--text-muted);font-size:var(--font-xs);text-overflow:ellipsis;white-space:nowrap}.color-studio-roles__coverage progress{grid-column:1 / -1;width:100%;height:.35rem;overflow:hidden;color:var(--accent);background:var(--color-surface-elevated);border:0;border-radius:var(--radius-full);-webkit-appearance:none;-moz-appearance:none;appearance:none}.color-studio-roles__coverage progress::-webkit-progress-bar{background:var(--color-surface-elevated)}.color-studio-roles__coverage progress::-webkit-progress-value{background:var(--accent);border-radius:var(--radius-full)}.color-studio-roles__coverage progress::-moz-progress-bar{background:var(--accent);border-radius:var(--radius-full)}.color-studio-roles__section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.color-studio-roles__section-heading h3{margin:0;color:var(--text-secondary);font-size:var(--font-xs);letter-spacing:.08em;text-transform:uppercase}.color-studio-roles__section-heading span{margin-left:auto;color:var(--text-muted);font-size:var(--font-xs);font-variant-numeric:tabular-nums}.color-studio-roles__add{width:1.75rem;height:1.75rem;display:inline-grid;place-items:center;padding:0;color:var(--accent);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.color-studio-roles__add:hover{color:var(--text-primary);border-color:var(--accent)}.color-studio-roles__add:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-studio-roles__add:disabled{opacity:.45;cursor:not-allowed}.color-studio-category-dialog__field{display:grid;gap:var(--space-1)}.color-studio-category-dialog__field span{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-category-dialog__field input,.color-studio-category-dialog__field select{min-width:0;height:2.25rem;padding:0 var(--space-2);color:var(--text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit}.color-studio-category-dialog__field small{color:var(--text-muted);font-size:var(--font-xs);line-height:1.4}.color-studio-category-dialog__delete{margin-top:var(--space-3);color:var(--color-danger)}.color-studio-roles__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--space-2)}.color-studio-role{min-width:0;display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;grid-template-areas:"sample meta status" "sample meta action";align-items:center;gap:2px var(--space-3);min-height:4rem;padding:var(--space-2) var(--space-3);color:var(--text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font:inherit;text-align:left}.color-studio-role--assigned{position:relative}.color-studio-role--assigned:hover{border-color:var(--color-border-strong)}.color-studio-role--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.color-studio-role--missing{background:color-mix(in srgb,var(--color-surface) 58%,transparent);border-style:dashed;box-shadow:none}.color-studio-role__sample{grid-area:sample;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--color-surface-elevated);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px #ffffff24}.color-studio-role--missing .color-studio-role__sample{background:linear-gradient(45deg,transparent 48%,var(--color-border) 48% 52%,transparent 52%),var(--color-surface-elevated);border:1px dashed var(--color-border-strong);box-shadow:none}.color-studio-role__meta{grid-area:meta;min-width:0;display:flex;flex-direction:column}.color-studio-role__meta strong,.color-studio-role__meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-studio-role__meta small,.color-studio-role code{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-role__status{grid-area:status;display:inline-flex;align-items:center;justify-self:end;gap:2px;color:var(--text-muted);font-size:var(--font-xs);white-space:nowrap}.color-studio-role--assigned .color-studio-role__status{color:var(--color-success)}.color-studio-role code,.color-studio-role__actions{grid-area:action;justify-self:end}.color-studio-role__actions{display:inline-flex;align-items:center;gap:var(--space-1)}.color-studio-role__actions>button:not(.btn),.color-studio-role__select{min-width:1.75rem;min-height:1.75rem;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1);color:var(--text-muted);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.color-studio-role__select{min-width:auto}.color-studio-role__actions>button:hover,.color-studio-role__actions>button:focus-visible{color:var(--text-primary);background:var(--color-surface-elevated)}.color-studio-vision{margin-bottom:var(--space-5);padding:var(--space-4);background:color-mix(in srgb,var(--color-surface) 88%,var(--accent) 12%);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--color-border));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.color-studio-vision__heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3)}.color-studio-vision__heading h3{margin:0;font-size:var(--font-md)}.color-studio-vision__heading p{margin:2px 0 0;color:var(--text-muted);font-size:var(--font-xs)}.color-studio-vision__heading>strong{color:var(--accent);font-size:var(--font-sm)}.color-studio-vision__modes{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.color-studio-vision__modes button{padding:var(--space-2) var(--space-3);color:var(--text-secondary);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-full);font:inherit;font-size:var(--font-sm);cursor:pointer}.color-studio-vision__modes button:hover{color:var(--text-primary);border-color:var(--color-border-strong)}.color-studio-vision__modes button[aria-pressed=true]{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 15%,var(--color-surface));border-color:var(--accent)}.color-studio-vision__modes button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-studio-vision__details{margin:var(--space-3) 0 var(--space-1);color:var(--text-secondary);font-size:var(--font-sm)}.color-studio-vision>small{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-contrast{margin-bottom:var(--space-6)}.color-studio-contrast__summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.color-studio-contrast__summary h3,.color-studio-preview__context-heading h3{margin:0;font-size:var(--font-md)}.color-studio-contrast__summary p,.color-studio-preview__context-heading p{margin:2px 0 0;color:var(--text-muted);font-size:var(--font-xs)}.color-studio-contrast__summary>small{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-contrast__icon{display:inline-grid;width:2rem;height:2rem;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--color-surface));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--color-border));border-radius:var(--radius-md)}.color-studio-contrast__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-3)}.color-studio-contrast__card{min-width:0;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.color-studio-contrast__card--pass{border-top-color:color-mix(in srgb,var(--color-success) 60%,var(--color-border))}.color-studio-contrast__card--warn{border-top-color:color-mix(in srgb,var(--color-warning) 70%,var(--color-border))}.color-studio-contrast__card>header,.color-studio-contrast__card>footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.color-studio-contrast__card>header strong{min-width:0;overflow:hidden;font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap}.color-studio-contrast__card>header span{display:inline-flex;align-items:center;gap:3px;font-size:var(--font-xs);white-space:nowrap}.color-studio-contrast__card--pass>header span{color:var(--color-success)}.color-studio-contrast__card--warn>header span{color:var(--color-warning)}.color-studio-contrast__sample{display:grid;min-height:4.25rem;margin:var(--space-3) 0;overflow:clip;place-items:center;border:1px solid color-mix(in srgb,white 10%,transparent);border-radius:var(--radius-md)}.color-studio-contrast__sample strong{font-size:1.5rem;letter-spacing:-.04em}.color-studio-contrast__sample>span{width:1.5rem;height:1.5rem;border-radius:var(--radius-full);box-shadow:0 0 0 5px color-mix(in srgb,currentColor 8%,transparent)}.color-studio-contrast__sample--missing{color:var(--text-muted);background:linear-gradient(135deg,transparent 0 45%,color-mix(in srgb,var(--color-border-strong) 55%,transparent) 45% 55%,transparent 55% 100%),var(--color-surface-elevated);font-size:var(--font-xs)}.color-studio-contrast__card dl{display:grid;gap:var(--space-1);margin:0 0 var(--space-3)}.color-studio-contrast__card dl>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.color-studio-contrast__card dt,.color-studio-contrast__card dd,.color-studio-contrast__card footer small{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-contrast__card dd{display:flex;min-width:0;align-items:center;gap:var(--space-1);margin:0;overflow:hidden;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap}.color-studio-contrast__card dd>span{flex:none;width:.625rem;height:.625rem;border:1px solid color-mix(in srgb,white 18%,transparent);border-radius:2px}.color-studio-contrast__card>footer{padding-top:var(--space-2);border-top:1px solid var(--color-border)}.color-studio-contrast__card>footer strong{font-size:var(--font-sm);font-variant-numeric:tabular-nums}.color-studio-difference{margin-bottom:var(--space-6)}.color-studio-difference__hint{margin:calc(var(--space-3) * -1) 0 var(--space-3) 2.75rem;color:var(--text-muted);font-size:var(--font-xs)}.color-studio-difference__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-3)}.color-studio-difference__card{min-width:0;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.color-studio-difference__card--pass{border-top-color:color-mix(in srgb,var(--color-success) 60%,var(--color-border))}.color-studio-difference__card--warn{border-top-color:color-mix(in srgb,var(--color-warning) 70%,var(--color-border))}.color-studio-difference__card>header,.color-studio-difference__card>footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.color-studio-difference__card>header strong{min-width:0;overflow:hidden;font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap}.color-studio-difference__card>header span{display:inline-flex;align-items:center;gap:3px;font-size:var(--font-xs);white-space:nowrap}.color-studio-difference__card--pass>header span{color:var(--color-success)}.color-studio-difference__card--warn>header span{color:var(--color-warning)}.color-studio-difference__samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:var(--space-3) 0}.color-studio-difference__samples>div{min-width:0;padding:var(--space-2);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-studio-difference__samples small{display:block;margin-bottom:var(--space-2);overflow:hidden;color:var(--text-muted);font-size:var(--font-xs);text-overflow:ellipsis;white-space:nowrap}.color-studio-difference__samples span{display:flex;align-items:center;justify-content:center}.color-studio-difference__samples i{width:1.75rem;height:1.75rem;border:2px solid var(--color-background);border-radius:var(--radius-full);box-shadow:0 0 0 1px var(--color-border-strong)}.color-studio-difference__samples i+i{margin-left:-.375rem}.color-studio-difference__missing{display:flex;min-height:5.25rem;flex-direction:column;justify-content:center;gap:var(--space-1);margin:var(--space-3) 0;padding:var(--space-2);overflow:hidden;color:var(--text-muted);background:var(--color-surface-elevated);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-xs)}.color-studio-difference__missing code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-studio-difference__card>footer{padding-top:var(--space-2);border-top:1px solid var(--color-border)}.color-studio-difference__card>footer strong,.color-studio-difference__card>footer small{font-size:var(--font-xs)}.color-studio-difference__card>footer strong{color:var(--text-secondary);font-variant-numeric:tabular-nums}.color-studio-difference__card>footer small{color:var(--text-muted)}.color-studio-preview__context-heading{margin-bottom:var(--space-3)}.color-studio-preview__grid{display:grid;grid-template-columns:minmax(15rem,1.4fr) minmax(12rem,1fr);gap:var(--space-4)}.color-studio-preview__grid section{min-width:0;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.color-studio-preview__grid section>small{display:block;margin-bottom:var(--space-3);color:var(--text-muted);font-size:var(--font-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.color-studio-preview__ui{grid-row:span 2;min-height:19rem}.color-studio-preview__ui>div{max-width:20rem;margin:var(--space-6) auto 0;padding:var(--space-5);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.color-studio-preview__ui p{opacity:.75}.color-studio-preview__ui button{padding:var(--space-2) var(--space-4);color:var(--accent-contrast);border:0;border-radius:var(--radius-sm);font:inherit;font-weight:var(--weight-semibold)}.color-studio-preview__gameplay>div{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--font-sm)}.color-studio-preview__gameplay>div>span{width:.75rem;height:.75rem;border-radius:var(--radius-full);box-shadow:0 0 0 3px color-mix(in srgb,currentColor 8%,transparent)}.color-studio-preview__ramp>div{display:flex;min-height:5rem;overflow:clip;border-radius:var(--radius-md)}.color-studio-preview__ramp button{flex:1;min-width:2rem;border:0;cursor:pointer}.color-studio-preview__ramp button:focus-visible{position:relative;z-index:1;outline:none;box-shadow:inset var(--focus-ring)}.color-studio-reference{display:flex;flex-direction:column;gap:var(--space-4)}.color-studio-reference>.color-studio-board__heading{margin-bottom:0}.color-studio-reference__privacy{flex:none;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);color:var(--color-success);background:color-mix(in srgb,var(--color-success) 10%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-success) 35%,var(--color-border));border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--weight-semibold)}.color-studio-reference__workspace{display:grid;grid-template-columns:minmax(16rem,.72fr) minmax(22rem,1.28fr);gap:var(--space-4)}.color-studio-reference__source,.color-studio-reference__results{min-width:0;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.color-studio-reference__source>header h3,.color-studio-reference__results>header h3{margin:0;font-size:var(--font-md)}.color-studio-reference__source>header p,.color-studio-reference__results>header p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--font-xs)}.color-studio-reference__dropzone{min-height:11rem;display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3);overflow:clip;color:var(--text-secondary);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 58%),var(--color-background);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer}.color-studio-reference__dropzone:hover,.color-studio-reference__dropzone:focus-within{color:var(--text-primary);border-color:var(--accent)}.color-studio-reference__dropzone:focus-within{box-shadow:var(--focus-ring)}.color-studio-reference__dropzone--loading{cursor:wait;opacity:.72}.color-studio-reference__dropzone img{width:min(48%,11rem);max-height:9rem;object-fit:contain;image-rendering:pixelated;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-chrome)}.color-studio-reference__upload-icon{width:3rem;height:3rem;flex:none;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--color-surface));border-radius:var(--radius-full)}.color-studio-reference__dropzone>span:last-child{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.color-studio-reference__dropzone small{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-reference__source-divider{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) 0;color:var(--text-muted);font-size:var(--font-xs)}.color-studio-reference__source-divider:before,.color-studio-reference__source-divider:after{height:1px;flex:1;content:"";background:var(--color-border)}.color-studio-reference__url{display:flex;flex-direction:column;gap:var(--space-1)}.color-studio-reference__url>label,.color-studio-reference__url>small{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-reference__url>div{display:flex;gap:var(--space-2)}.color-studio-reference__url input{min-width:0;min-height:2.15rem;flex:1;padding:0 var(--space-2);color:var(--text-primary);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-size:var(--font-sm)}.color-studio-reference__url input:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.color-studio-reference__url .btn{flex:none;display:inline-flex;align-items:center;gap:var(--space-1)}.color-studio-reference__file{min-width:0;display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2);color:var(--text-muted);font-size:var(--font-xs)}.color-studio-reference__file strong{overflow:hidden;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap}.color-studio-reference__file span{flex:none}.color-studio-reference__error{margin:var(--space-2) 0 0;color:var(--color-danger);font-size:var(--font-xs)}.color-studio-reference__controls{margin-top:var(--space-4)}.color-studio-reference__controls fieldset{min-width:0;margin:0;padding:0;border:0}.color-studio-reference__controls legend,.color-studio-reference__controls label>span{display:block;margin-bottom:var(--space-1);color:var(--text-muted);font-size:var(--font-xs)}.color-studio-reference__controls fieldset>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1)}.color-studio-reference__controls button{min-height:2.15rem;color:var(--text-secondary);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-size:var(--font-sm)}.color-studio-reference__controls button{cursor:pointer}.color-studio-reference__controls button[aria-pressed=true]{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 13%,var(--color-background));border-color:var(--accent)}.color-studio-reference__controls button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-studio-reference__category-hint{display:block;margin-top:var(--space-2);color:var(--text-muted)}.color-studio-reference__results>header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.color-studio-reference__results>header .btn{flex:none;display:inline-flex;align-items:center;gap:var(--space-1)}.color-studio-reference__strip{height:5rem;display:flex;margin-top:var(--space-4);overflow:clip;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px #ffffff1f}.color-studio-reference__strip span{min-width:1.25rem}.color-studio-reference__colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}.color-studio-reference__colors article{min-width:0;display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-studio-reference__colors .color-studio-reference__color--added{border-color:color-mix(in srgb,var(--color-success) 50%,var(--color-border))}.color-studio-reference__sample{width:2.6rem;height:2.6rem;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px #ffffff2b}.color-studio-reference__colors article>div{min-width:0;display:flex;flex-direction:column}.color-studio-reference__colors code,.color-studio-reference__colors small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-studio-reference__colors small{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-reference__colors .btn{display:inline-flex;align-items:center;gap:var(--space-1)}.color-studio-reference__actions{min-width:10.5rem;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1)}.color-studio-reference__color--added .btn{color:var(--color-success);cursor:default}.color-studio-reference__empty{min-height:20rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5);color:var(--text-muted);text-align:center}.color-studio-reference__empty>svg{color:var(--accent)}.color-studio-reference__empty span{max-width:24rem;font-size:var(--font-sm)}.color-studio-reference__empty .btn{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2)}.color-studio-assistant{display:grid;gap:var(--space-4)}.color-studio-assistant__workspace{display:grid;grid-template-columns:minmax(18rem,.85fr) minmax(24rem,1.4fr);gap:var(--space-4)}.color-studio-assistant__composer,.color-studio-assistant__results{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.color-studio-assistant__composer{display:grid;align-content:start;gap:var(--space-3)}.color-studio-assistant__composer label,.color-studio-assistant__controls>label{display:grid;gap:var(--space-1);color:var(--text-secondary);font-size:var(--font-xs)}.color-studio-assistant__composer textarea,.color-studio-assistant__controls select{width:100%;padding:var(--space-2) var(--space-3);color:var(--text-primary);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit}.color-studio-assistant__composer textarea{min-height:7rem;resize:vertical;line-height:1.5}.color-studio-assistant__composer textarea:focus-visible,.color-studio-assistant__controls select:focus-visible{border-color:var(--color-accent);outline:2px solid color-mix(in srgb,var(--color-accent) 35%,transparent);outline-offset:1px}.color-studio-assistant__controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.color-studio-assistant__controls fieldset{min-width:0;margin:0;padding:0;border:0}.color-studio-assistant__controls legend{margin-bottom:var(--space-1);color:var(--text-secondary);font-size:var(--font-xs)}.color-studio-assistant__controls fieldset>div{display:grid;grid-template-columns:repeat(3,1fr)}.color-studio-assistant__controls fieldset button{min-height:2rem;color:var(--text-secondary);background:var(--color-surface-elevated);border:1px solid var(--color-border)}.color-studio-assistant__controls fieldset button:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.color-studio-assistant__controls fieldset button:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.color-studio-assistant__controls fieldset button[aria-pressed=true]{color:var(--text-primary);background:color-mix(in srgb,var(--color-accent) 18%,var(--color-surface-elevated));border-color:var(--color-accent)}.color-studio-assistant__composer>small,.color-studio-assistant__results header p,.color-studio-assistant__receipt{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-assistant__results{display:grid;align-content:start;gap:var(--space-3)}.color-studio-assistant__results>header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.color-studio-assistant__results h3,.color-studio-assistant__results header p{margin:0}.color-studio-assistant__results h3{margin-bottom:var(--space-1);font-size:var(--font-md)}.color-studio-assistant__swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-2)}.color-studio-assistant__swatches>article{min-width:0;padding:var(--space-2);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-studio-assistant__swatches>article:focus-within{border-color:var(--color-accent)}.color-studio-assistant__swatches article>button{width:100%;display:grid;grid-template-columns:2.5rem minmax(0,1fr);grid-template-rows:auto auto;gap:0 var(--space-2);min-width:0;padding:0 0 var(--space-2);color:var(--text-secondary);text-align:left;background:transparent;border:0}.color-studio-assistant__swatches>article:has(button[aria-pressed=true]){border-color:var(--color-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 35%,transparent)}.color-studio-assistant__swatches article>button>span{display:grid;grid-row:1 / 3;place-items:center;width:2.5rem;height:2.5rem;color:#fff;border:1px solid color-mix(in srgb,white 22%,transparent);border-radius:var(--radius-sm)}.color-studio-assistant__swatches strong,.color-studio-assistant__swatches code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-studio-assistant__swatches strong{font-size:var(--font-sm)}.color-studio-assistant__swatches code{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-assistant__empty{display:grid;place-items:center;min-height:13rem;padding:var(--space-5);color:var(--text-muted);text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.color-studio-assistant__empty strong{color:var(--text-secondary)}@media (max-width: 980px){.color-studio-assistant__workspace{grid-template-columns:1fr}}.color-studio-exchange{display:flex;flex-direction:column;gap:var(--space-4)}.color-studio-exchange>.color-studio-board__heading{margin-bottom:0}.color-studio-exchange__workspace{display:grid;grid-template-columns:minmax(30rem,1.45fr) minmax(18rem,.55fr);gap:var(--space-4)}.color-studio-exchange__import,.color-studio-exchange__export{min-width:0;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.color-studio-exchange__import>header,.color-studio-exchange__export>header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.color-studio-exchange__import h3,.color-studio-exchange__export h3{margin:0;font-size:var(--font-md)}.color-studio-exchange__import header p,.color-studio-exchange__export header p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--font-xs)}.color-studio-exchange__dropzone{min-height:4.5rem;display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3);color:var(--text-secondary);background:var(--color-background);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer}.color-studio-exchange__dropzone:hover,.color-studio-exchange__dropzone:focus-within{color:var(--text-primary);border-color:var(--accent)}.color-studio-exchange__dropzone:focus-within{box-shadow:var(--focus-ring)}.color-studio-exchange__dropzone>svg{flex:none;color:var(--accent)}.color-studio-exchange__dropzone>span{min-width:0;display:flex;flex-direction:column}.color-studio-exchange__dropzone strong,.color-studio-exchange__dropzone small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-studio-exchange__dropzone small{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-exchange__import-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(9rem,.55fr);align-items:end;gap:var(--space-3);margin-top:var(--space-4)}.color-studio-exchange__import-controls>div{display:flex;flex-direction:column}.color-studio-exchange__import-controls>div span,.color-studio-exchange__import-controls label>span{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-exchange__import-controls select{width:100%;min-height:2rem;margin-top:var(--space-1);padding-inline:var(--space-2);color:var(--text-secondary);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-size:var(--font-sm)}.color-studio-exchange__import-controls select:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-studio-exchange__colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--space-2);margin-top:var(--space-3)}.color-studio-exchange__colors>article{min-width:0;padding:var(--space-2);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-studio-exchange__colors>article>label{display:grid;grid-template-columns:auto 2.35rem minmax(0,1fr);align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);cursor:pointer}.color-studio-exchange__colors>article:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.color-studio-exchange__colors>.color-studio-exchange__color--present{border-color:color-mix(in srgb,var(--color-success) 48%,var(--color-border));cursor:default}.color-studio-exchange__colors input{accent-color:var(--accent)}.color-studio-exchange__sample{width:2.35rem;height:2.35rem;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px #ffffff2b}.color-studio-exchange__colors article>label>span:nth-of-type(2){min-width:0;display:flex;flex-direction:column}.color-studio-exchange__colors strong,.color-studio-exchange__colors code,.color-studio-exchange__colors small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-studio-exchange__colors code,.color-studio-exchange__colors small{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-exchange__present{grid-column:2 / -1;display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-success);font-size:var(--font-xs)}.color-studio-exchange__pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-3);color:var(--text-muted);font-size:var(--font-xs)}.color-studio-exchange__apply{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.color-studio-exchange__apply>span{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-exchange__apply .btn,.color-studio-exchange__empty .btn,.color-studio-exchange__export .btn{flex:none;display:inline-flex;align-items:center;gap:var(--space-1)}.color-studio-exchange__empty{min-height:18rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-muted);text-align:center}.color-studio-exchange__empty>svg{color:var(--accent)}.color-studio-exchange__empty span{max-width:27rem;font-size:var(--font-sm)}.color-studio-exchange__export>div{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.color-studio-exchange__export article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2);padding:var(--space-3);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-studio-exchange__format-icon{width:2.25rem;height:2.25rem;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--color-surface));border-radius:var(--radius-sm)}.color-studio-exchange__export article>div{min-width:0}.color-studio-exchange__export article p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--font-xs)}.color-studio-exchange__export article small{display:block;margin-top:var(--space-2);color:var(--color-warning);font-size:var(--font-xs)}.color-studio-exchange__export article .btn{grid-column:1 / -1;justify-content:center}.color-studio-exchange__export-note{margin:var(--space-3) 0 0;color:var(--text-muted);font-size:var(--font-xs)}.color-studio-ramps{display:flex;flex-direction:column;gap:var(--space-4)}.color-studio-ramps>.color-studio-board__heading{margin-bottom:0}.color-studio-ramps__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);padding:0;border:0}.color-studio-ramps__controls fieldset{min-width:0;margin:0;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-studio-ramps__controls legend{padding:0 var(--space-1);color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--weight-semibold)}.color-studio-ramps__controls fieldset>div{display:flex;gap:var(--space-1)}.color-studio-ramps__controls button{flex:1;min-width:0;padding:var(--space-2);color:var(--text-secondary);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-size:var(--font-sm);cursor:pointer}.color-studio-ramps__controls button:hover{color:var(--text-primary);border-color:var(--color-border-strong)}.color-studio-ramps__controls button[aria-pressed=true]{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 13%,var(--color-background));border-color:var(--accent)}.color-studio-ramps__controls button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-studio-ramps__controls small{display:block;margin-top:var(--space-2);color:var(--text-muted);font-size:var(--font-xs)}.color-studio-ramps__builder,.color-studio-ramps__preview{min-width:0;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.color-studio-ramps__builder>header,.color-studio-ramps__preview>header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.color-studio-ramps__builder h3,.color-studio-ramps__preview h3{margin:0;font-size:var(--font-md)}.color-studio-ramps__builder header p,.color-studio-ramps__preview header p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--font-xs)}.color-studio-ramps__builder header .btn{flex:none;display:inline-flex;align-items:center;gap:var(--space-1)}.color-studio-ramps__strip{height:4rem;display:flex;margin-top:var(--space-4);overflow:clip;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px #ffffff1f}.color-studio-ramps__strip span{flex:1;min-width:0}.color-studio-ramps__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:var(--space-2);margin-top:var(--space-3)}.color-studio-ramps__steps article{min-width:0;display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:var(--space-2);padding:var(--space-2);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-studio-ramps__steps .color-studio-ramps__step--base{border-color:var(--accent)}.color-studio-ramps__steps .color-studio-ramps__step--added{border-color:color-mix(in srgb,var(--color-success) 55%,var(--color-border))}.color-studio-ramps__sample{width:2.6rem;height:2.6rem;grid-row:1 / span 2;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px #ffffff2b}.color-studio-ramps__steps article>div{min-width:0;display:flex;flex-direction:column}.color-studio-ramps__steps strong,.color-studio-ramps__steps code,.color-studio-ramps__steps small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-studio-ramps__steps code,.color-studio-ramps__steps small{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-ramps__steps article>.btn,.color-studio-ramps__status,.color-studio-ramps__steps .color-studio-role-assignment{grid-column:1 / -1}.color-studio-ramps__steps article>.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1)}.color-studio-ramps__status{min-height:1.75rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);color:var(--text-muted);font-size:var(--font-xs)}.color-studio-ramps__step--added .color-studio-ramps__status{color:var(--color-success)}.color-studio-ramps__step--added>.btn{color:var(--color-success);cursor:default}.color-studio-ramps__step--added>.btn[aria-disabled=true]:hover{color:var(--color-success)}.color-studio-ramps__preview>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}.color-studio-ramps__preview article{min-width:0;display:flex;flex-direction:column;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-xs)}.color-studio-ramps__material,.color-studio-ramps__lighting,.color-studio-ramps__sprite{height:5.2rem;display:flex;overflow:clip;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px #ffffff1f,var(--shadow-sm)}.color-studio-ramps__material{clip-path:polygon(14% 7%,86% 7%,100% 50%,86% 93%,14% 93%,0 50%)}.color-studio-ramps__sprite{align-items:flex-end;justify-content:center;gap:2px;padding:var(--space-2);background:var(--color-background)}.color-studio-ramps__sprite i{flex:1;max-width:1.4rem;height:64%;image-rendering:pixelated}.color-studio-ramps__sprite i:nth-child(2n){height:86%}.color-studio-ramps__sprite i:last-child{height:42%}.color-studio-harmony__modes{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.color-studio-harmony__modes button{padding:var(--space-2) var(--space-3);color:var(--text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font:inherit;font-size:var(--font-sm);cursor:pointer}.color-studio-harmony__modes button:hover{color:var(--text-primary);border-color:var(--color-border-strong)}.color-studio-harmony__modes button[aria-pressed=true]{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 12%,var(--color-surface));border-color:var(--accent)}.color-studio-harmony__modes button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-studio-harmony__color-select{position:relative;flex:0 1 20rem;max-width:100%;min-width:min(20rem,40vw);display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-muted);font-size:var(--font-xs)}.color-studio-harmony__color-trigger{width:100%;min-width:0;padding:var(--space-2) var(--space-3);display:grid;grid-template-columns:1rem minmax(0,1fr) auto;align-items:center;gap:var(--space-2);color:var(--text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-family:var(--font-display);text-align:left;cursor:pointer}.color-studio-harmony__color-trigger:hover:not(:disabled){border-color:var(--color-border-strong)}.color-studio-harmony__color-trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-studio-harmony__color-trigger:disabled{cursor:not-allowed;opacity:.68}.color-studio-harmony__color-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-studio-harmony__color-swatch{width:.9rem;height:.9rem;display:block;border:1px solid rgba(255,255,255,.58);border-radius:.18rem;box-shadow:0 0 0 1px #00000075,var(--shadow-sm)}.color-studio-harmony__color-list{position:absolute;z-index:40;top:calc(100% + var(--space-1));right:0;width:100%;max-height:min(24rem,60vh);padding:var(--space-1);overflow-y:auto;background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}.color-studio-harmony__color-list [role=option]{width:100%;min-width:0;padding:var(--space-2);display:grid;grid-template-columns:1rem minmax(0,1fr) 1rem;align-items:center;gap:var(--space-2);color:var(--text-secondary);background:transparent;border:0;border-radius:var(--radius-sm);font:inherit;font-family:var(--font-display);text-align:left;cursor:pointer}.color-studio-harmony__color-list [role=option]>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-studio-harmony__color-list [role=option]:hover,.color-studio-harmony__color-list [role=option]:focus-visible{color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 7%,transparent);outline:none}.color-studio-harmony__color-list [role=option][aria-selected=true]{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 15%,transparent)}.color-studio-harmony__workspace{display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(20rem,1.4fr);align-items:start;gap:var(--space-5)}.color-studio-harmony__wheel-card,.color-studio-harmony__suggestions{min-width:0;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.color-studio-harmony__wheel{position:relative;width:min(100%,19rem);aspect-ratio:1;margin:0 auto;touch-action:none;-webkit-user-select:none;user-select:none;background:conic-gradient(from 0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1px solid var(--color-border-strong);border-radius:50%;cursor:crosshair;box-shadow:inset 0 0 0 1px #ffffff2e,var(--shadow-md)}.color-studio-harmony__wheel:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-md)}.color-studio-harmony__wheel[aria-disabled=true]{cursor:not-allowed;opacity:.68}.color-studio-harmony__wheel:after{position:absolute;top:23%;right:23%;bottom:23%;left:23%;content:"";background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;box-shadow:inset var(--shadow-sm)}.color-studio-harmony__marker{position:absolute;z-index:1;width:1.05rem;height:1.05rem;translate:-50% -50%;pointer-events:none;border:2px solid white;border-radius:50%;box-shadow:0 0 0 2px #000000b3,var(--shadow-sm)}.color-studio-harmony__marker--source{width:1.35rem;height:1.35rem;box-shadow:0 0 0 2px var(--accent),0 0 0 4px #000000b8,var(--shadow-sm)}.color-studio-harmony__picker{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.color-studio-harmony__picker>p{margin:0;color:var(--text-muted);font-size:var(--font-xs);line-height:var(--leading-relaxed)}.color-studio-harmony__field{position:relative;width:100%;height:8.5rem;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:crosshair;box-shadow:inset 0 0 0 1px #ffffff1f}.color-studio-harmony__field[aria-disabled=true]{cursor:not-allowed;opacity:.68}.color-studio-harmony__field>span{position:absolute;width:1rem;height:1rem;translate:-50% -50%;pointer-events:none;border:2px solid white;border-radius:50%;box-shadow:0 0 0 2px #000000b8,var(--shadow-sm)}.color-studio-harmony__picker-values{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--font-xs);font-variant-numeric:tabular-nums}.color-studio-harmony__picker-values code{margin-left:auto;color:var(--text-secondary)}.color-studio-harmony__source{display:grid;grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.color-studio-harmony__source>span{width:2.75rem;height:2.75rem;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px #ffffff29}.color-studio-harmony__source>div,.color-studio-harmony__candidate{min-width:0;display:flex;flex-direction:column}.color-studio-harmony__source small,.color-studio-harmony__candidate small,.color-studio-harmony__suggestions>div:first-child p{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-harmony__source strong,.color-studio-harmony__source code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-studio-harmony__source code,.color-studio-harmony__candidate code{color:var(--text-secondary);font-size:var(--font-xs)}.color-studio-harmony__suggestions>div:first-child{margin-bottom:var(--space-3)}.color-studio-harmony__suggestions h3{margin:0;font-size:var(--font-md)}.color-studio-harmony__suggestions>div:first-child p{max-width:38rem;margin:var(--space-1) 0 0;line-height:var(--leading-relaxed)}.color-studio-harmony__cards{display:flex;flex-direction:column;gap:var(--space-2)}.color-studio-harmony__cards article{min-width:0;display:grid;grid-template-columns:3.25rem minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-studio-harmony__sample{width:3.25rem;height:3.25rem;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px #ffffff29}.color-studio-harmony__actions{display:flex;align-items:flex-end;gap:var(--space-1)}.color-studio-harmony__actions .btn{display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.color-studio-harmony__actions .color-studio-role-assignment{min-width:11rem}.color-studio-role-assignment{min-width:0;display:flex;flex-direction:column;gap:.2rem;color:var(--text-muted);font-size:var(--font-xs)}.color-studio-role-assignment__controls{min-width:0;display:flex;align-items:center;gap:var(--space-1)}.color-studio-role-assignment__show-all{flex:0 0 auto;display:inline-flex;align-items:center;gap:.25rem;color:var(--text-secondary);white-space:nowrap;cursor:pointer}.color-studio-role-assignment__show-all input{width:.85rem;height:.85rem;margin:0;accent-color:var(--color-primary)}.color-studio-role-assignment__show-all:has(input:disabled){cursor:default;opacity:.7}.color-studio-role-assignment select{flex:1 1 auto;width:100%;min-width:0;min-height:1.9rem;padding:.25rem 1.7rem .25rem .45rem;color:var(--text-primary);text-overflow:ellipsis;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit}.color-studio-role-assignment select:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-studio-role-assignment select:disabled{color:var(--text-muted);opacity:.7}.color-studio-history__message{color:var(--text-muted);font-size:var(--font-sm)}.color-studio-history__empty{min-height:13rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-2);color:var(--text-muted);background:color-mix(in srgb,var(--color-surface) 72%,transparent);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);text-align:center}.color-studio-history__empty strong{color:var(--text-primary)}.color-studio-history__empty span{max-width:28rem;font-size:var(--font-sm)}.color-studio-history__list{max-width:52rem;display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.color-studio-history__item{min-width:0}.color-studio-history__item>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);color:var(--text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font:inherit;text-align:left;cursor:pointer}.color-studio-history__item>button:hover{border-color:var(--color-border-strong)}.color-studio-history__item>button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-studio-history__item>button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.color-studio-history__icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--color-surface));border-radius:var(--radius-full)}.color-studio-history__item>button>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.color-studio-history__item small,.color-studio-history__item time{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-history__item time{white-space:nowrap;font-variant-numeric:tabular-nums}.color-studio-history__more{margin-top:var(--space-4)}.color-studio-revision{max-width:64rem;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.color-studio-revision__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.color-studio-revision__header>div:first-child{display:flex;flex-direction:column;gap:2px}.color-studio-revision__header>div:first-child>span{color:var(--accent);font-size:var(--font-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.color-studio-revision__header h3{margin:0;font-size:var(--font-xl)}.color-studio-revision__header time{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-revision__header>div:last-child{display:flex;gap:var(--space-2)}.color-studio-revision__header .btn{display:inline-flex;align-items:center;gap:var(--space-1)}.color-studio-revision>p{color:var(--text-secondary);font-size:var(--font-sm)}.color-studio-revision__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin:var(--space-4) 0}.color-studio-revision__metrics>div{display:flex;flex-direction:column;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-studio-revision__metrics strong{font-size:var(--font-lg)}.color-studio-revision__metrics span{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-revision__comparison{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-studio-revision__comparison table{width:100%;min-width:58rem;border-collapse:collapse}.color-studio-revision__comparison thead{color:var(--text-muted);background:var(--color-surface-elevated);font-size:var(--font-xs);font-weight:var(--weight-semibold)}.color-studio-revision__comparison th,.color-studio-revision__comparison td{padding:var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.color-studio-revision__comparison th:first-child{width:18%}.color-studio-revision__comparison th:last-child{width:14%}.color-studio-revision__comparison tbody{border-bottom:1px solid var(--color-border);font-size:var(--font-xs)}.color-studio-revision__comparison tbody tr:last-child>*{border-bottom:0}.color-studio-revision__comparison tbody th code{display:block;max-width:12rem;overflow:hidden;text-overflow:ellipsis}.color-studio-revision__comparison tbody td:last-child strong{color:var(--text-secondary);font-size:var(--font-xs)}.color-studio-revision__row--changed td:last-child strong{color:var(--color-warning)}.color-studio-revision__row--revisionOnly td:last-child strong{color:var(--color-success)}.color-studio-revision__row--draftOnly td:last-child strong{color:var(--color-error)}.color-studio-revision__value{margin:0;display:grid;gap:var(--space-1)}.color-studio-revision__value>div{min-width:0;display:grid;grid-template-columns:4.25rem minmax(0,1fr);gap:var(--space-2)}.color-studio-revision__value dt{color:var(--text-muted)}.color-studio-revision__value dd{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis}.color-studio-revision__value .color-studio-revision__sample{display:flex;align-items:center}.color-studio-revision__sample>span{flex:none;width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px #ffffff29}.color-studio-revision__sample code,.color-studio-revision__comparison td>small{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-inspector{display:flex;flex-direction:column;gap:var(--space-3)}.color-studio-inspector__hero{display:flex;align-items:center;gap:var(--space-3)}.color-studio-inspector__hero input[type=color]{flex:none;width:3.25rem;height:3.25rem;padding:3px;background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer}.color-studio-inspector__hero>div{min-width:0;display:flex;flex-direction:column}.color-studio-inspector__hero small{color:var(--text-muted)}.color-studio-inspector__tool-definition{margin-top:var(--space-1)}.color-studio-inspector label{display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-muted);font-size:var(--font-xs)}.color-studio-inspector label input,.color-studio-inspector label select{width:100%;min-width:0;padding:var(--space-2);color:var(--text-primary);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-family:var(--font-display)}.color-studio-inspector label input[aria-invalid=true]{border-color:var(--color-error)}.color-studio-inspector label input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-studio-inspector__definition{min-width:0;margin:0;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-studio-inspector__definition legend{padding-inline:var(--space-1);color:var(--text-secondary);font-size:var(--font-xs);font-weight:var(--weight-semibold)}.color-studio-inspector__definition>small{color:var(--text-muted);font-size:var(--font-xs)}.color-studio-inspector__definition>small[role=alert]{color:var(--color-error)}.color-studio-mixer{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-studio-mixer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--font-xs)}.color-studio-mixer__modes{display:flex;padding:2px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.color-studio-mixer__modes button{padding:var(--space-1) var(--space-2);color:var(--text-muted);background:transparent;border:0;border-radius:calc(var(--radius-sm) - 2px);font:inherit;cursor:pointer}.color-studio-mixer__modes button[aria-pressed=true]{color:var(--text-primary);background:var(--color-surface-elevated)}.color-studio-mixer__modes button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-studio-mixer__channels{display:flex;flex-direction:column;gap:var(--space-2)}.color-studio-channel{display:grid;grid-template-columns:3.75rem minmax(0,1fr);align-items:center;gap:var(--space-2)}.color-studio-channel label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-1)}.color-studio-channel label input[type=number]{padding:var(--space-1);text-align:right;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.color-studio-channel label input[type=number]::-webkit-inner-spin-button,.color-studio-channel label input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.color-studio-channel>input[type=range]{width:100%;height:.5rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-border);border:0;border-radius:var(--radius-full);cursor:pointer}.color-studio-channel>input[type=range]::-webkit-slider-thumb{width:.9rem;height:.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--text-primary);border:2px solid var(--color-background);border-radius:var(--radius-full);box-shadow:0 0 0 1px var(--color-border-strong)}.color-studio-channel>input[type=range]::-moz-range-thumb{width:.9rem;height:.9rem;background:var(--text-primary);border:2px solid var(--color-background);border-radius:var(--radius-full);box-shadow:0 0 0 1px var(--color-border-strong)}.color-studio-channel>input[type=range]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.color-studio-inspector dl{margin:var(--space-1) 0 0;padding-top:var(--space-2);border-top:1px solid var(--color-border)}.color-studio-inspector dl>div{display:flex;justify-content:space-between;gap:var(--space-2);padding-block:var(--space-1);font-size:var(--font-xs)}.color-studio-inspector dt{color:var(--text-muted)}.color-studio-inspector dd{margin:0;color:var(--text-secondary)}.color-studio-inspector__usage-link{padding:0;color:var(--accent);background:transparent;border:0;font:inherit;cursor:pointer}.color-studio-inspector__usage-link:hover{text-decoration:underline}.color-studio-inspector__usage-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}#color-studio-inspector-body{scrollbar-width:none}#color-studio-inspector-body::-webkit-scrollbar{display:none}.color-studio-status-checks,.color-studio-status-check{display:inline-flex;align-items:center}.color-studio-status-checks{gap:var(--space-3);padding-left:var(--space-3);border-left:1px solid var(--color-border)}.color-studio-status-checks__title{color:var(--text-secondary);font-size:var(--font-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase}.color-studio-status-check{gap:var(--space-1);white-space:nowrap}.color-studio-status-check>strong{color:var(--text-secondary);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.color-studio-status-check.is-pass>svg{color:var(--color-success)}.color-studio-status-check.is-warn>svg{color:var(--color-warning)}@media (max-width: 1280px){.color-studio-topbar__identity strong,.color-studio-topbar__palette-name{display:none}.color-studio-badge,.color-studio-status-checks__title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}@media (max-width: 960px){.color-studio-harmony>.color-studio-board__heading,.color-studio-exchange>.color-studio-board__heading,.color-studio-reference>.color-studio-board__heading,.color-studio-ramps>.color-studio-board__heading,.color-studio-roles>.color-studio-board__heading{flex-direction:column}.color-studio-usage__assets article{grid-template-columns:4rem minmax(0,1fr) auto}.color-studio-usage__asset-color{grid-column:2}.color-studio-usage__state{grid-column:3;grid-row:1}.color-studio-usage__assets article>.btn{grid-column:3;grid-row:2}.color-studio-roles__coverage{width:100%}.color-studio-view__label{display:none}.color-studio-view button{padding-inline:var(--space-2)}.color-studio__workspace{grid-template-columns:8.5rem minmax(0,1fr)}.color-studio-board{padding:var(--space-4)}.color-studio-preview__grid{grid-template-columns:1fr}.color-studio-contrast__grid,.color-studio-difference__grid{grid-template-columns:minmax(0,1fr)}.color-studio-harmony__workspace,.color-studio-reference__workspace,.color-studio-exchange__workspace{grid-template-columns:1fr}.color-studio-ramps__preview>div{grid-template-columns:1fr}.color-studio-preview__ui{grid-row:auto}.color-studio-history__item>button{grid-template-columns:auto minmax(0,1fr)}.color-studio-history__item time{grid-column:2}.color-studio-revision__header{flex-direction:column}.color-studio-revision__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.color-studio-harmony__color-select{flex-basis:auto;width:100%;min-width:0}}@media (max-width: 720px){.color-studio-topbar{grid-template-columns:auto minmax(0,1fr) auto}.color-studio-roles__grid{grid-template-columns:minmax(0,1fr)}.color-studio-ramps__controls{grid-template-columns:1fr}.color-studio-ramps__builder>header{flex-direction:column}.color-studio-reference__results>header{flex-direction:column}.color-studio-exchange__apply{align-items:flex-start;flex-direction:column}.color-studio-reference__colors{grid-template-columns:1fr}.color-studio-exchange__import-controls{grid-template-columns:1fr;align-items:stretch}.color-studio-contrast__summary{grid-template-columns:auto minmax(0,1fr)}.color-studio-contrast__summary>small{grid-column:2}.color-studio-vision__heading{grid-template-columns:auto minmax(0,1fr)}.color-studio-vision__heading>strong{grid-column:2}.color-studio-difference__hint{margin-left:0}.color-studio__workspace{display:flex;flex-direction:column}.color-studio-categories{flex:none;flex-direction:row;padding:var(--space-2);overflow-x:auto;border-right:0;border-bottom:1px solid var(--color-border)}.color-studio-categories__row{flex:none;display:flex}.color-studio-categories button{flex:none;width:auto}.color-studio-categories__count{display:none}.color-studio-character-key{grid-template-columns:auto minmax(0,1fr)}.color-studio-character-key .btn{grid-column:1 / -1;justify-self:end}.color-studio-harmony__cards article{grid-template-columns:2.75rem minmax(0,1fr)}.color-studio-harmony__sample{width:2.75rem;height:2.75rem}.color-studio-harmony__actions{grid-column:1 / -1;justify-content:flex-end}}.character-studio{display:grid;width:100%;height:100%;min-height:0;color:var(--text-primary)}.character-studio__topbar{display:flex;align-items:center;width:100%;min-width:0;gap:var(--space-3);padding-inline:var(--space-3)}.character-studio__identity,.character-studio__file-actions,.character-studio__recents{display:flex;align-items:center}.character-studio__identity{gap:var(--space-2);white-space:nowrap}.character-studio__file-actions{gap:var(--space-1);padding-left:var(--space-3);border-left:1px solid var(--color-border)}.character-studio__recents{justify-content:flex-end;gap:4px;min-width:9rem;min-height:2.25rem;max-width:min(42vw,34rem);margin-left:auto;overflow-x:auto;color:var(--text-muted);font-size:var(--font-xs)}.character-studio__recents button{display:grid;width:2rem;height:2rem;flex:none;padding:2px;place-items:center;overflow:hidden;color:var(--text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.character-studio__recent{position:relative;display:block;width:2rem;height:2rem;flex:none}.character-studio__recent>button:first-child{width:100%;height:100%}.character-studio__recents .character-studio__recent-star{position:absolute;top:1px;right:1px;width:.875rem;height:.875rem;padding:0;color:var(--text-muted);background:#0a0c18d1;border:0;border-radius:999px}.character-studio__recents .character-studio__recent-star:hover,.character-studio__recents .character-studio__recent-star.is-favorite{color:var(--color-warning);border-color:transparent}.character-studio__recents button:hover,.character-studio__recents button.is-active{color:var(--accent);border-color:var(--accent)}.character-studio__recents button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.character-studio__recents img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.character-studio__toolbar{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2)}.character-studio__toolbar button{display:grid;width:2.5rem;height:2.5rem;padding:0;place-items:center;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.character-studio__toolbar button:hover,.character-studio__toolbar button.is-active{color:var(--accent);background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.character-studio__toolbar button:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.55}.character-studio__toolbar button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.character-studio__stage{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;padding:var(--space-5);place-items:center;overflow:hidden;background:linear-gradient(45deg,rgb(255 255 255 / 2%) 25%,transparent 25%),linear-gradient(-45deg,rgb(255 255 255 / 2%) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(255 255 255 / 2%) 75%),linear-gradient(-45deg,transparent 75%,rgb(255 255 255 / 2%) 75%),var(--color-background);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.character-studio__workflow-load-error{position:absolute;z-index:2;inset-block-start:var(--space-3);inset-inline:var(--space-5);margin:0;padding:var(--space-2) var(--space-3);color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--color-surface-elevated));border:1px solid color-mix(in srgb,var(--danger) 35%,var(--color-border));border-radius:var(--radius-sm)}.character-studio__artboard{display:flex;width:320px;height:320px;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);image-rendering:pixelated;background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:0 16px 48px #00000040}.character-studio__artboard p,.character-studio__artboard small{margin:0}.character-studio__artboard small{color:var(--text-muted);font-variant-numeric:tabular-nums}.character-studio__comparison{display:flex;width:100%;height:100%;min-height:0;align-self:stretch;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:var(--space-4);padding-block:var(--space-2);overflow:auto}.character-studio__result-card{display:grid;width:calc(var(--character-preview-width) + var(--space-6) + 2px);min-width:0;max-width:none;grid-template-rows:auto auto auto;align-self:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 32px #0003}.character-studio__result-card header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-2)}.character-studio__result-card header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-studio__result-card header span,.character-studio__result-card>small{color:var(--text-muted);font-size:var(--font-xs)}.character-studio__workflow-tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);padding-block-end:var(--space-1);border-bottom:1px solid var(--color-border)}.character-studio__workflow-tabs button{display:inline-flex;min-height:2rem;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer}.character-studio__workflow-tab{display:inline-flex;align-items:stretch}.character-studio__workflow-tab>button:first-child{border-start-end-radius:0;border-end-end-radius:0}.character-studio__workflow-tabs button.is-remove{min-width:1.75rem;padding-inline:var(--space-1);color:var(--text-muted);border-start-start-radius:0;border-end-start-radius:0}.character-studio__workflow-tabs button.is-remove:hover{color:var(--danger)}.character-studio__workflow-tabs button:hover,.character-studio__workflow-tabs button.is-active{color:var(--text-primary);background:var(--color-surface-elevated);border-color:var(--color-border)}.character-studio__workflow-tabs button.is-add{border-radius:var(--radius-sm)}.character-studio__workflow-tabs button:disabled{cursor:not-allowed;opacity:.45}.character-studio__workflow-tabs button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.character-studio__workflow-warning-icon{flex:0 0 auto;color:var(--color-warning)}.character-studio__workflow-resolution{display:flex;align-items:center;gap:var(--space-2);min-height:2rem;padding:var(--space-2) var(--space-3);color:var(--text-secondary);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-sm)}.character-studio__workflow-resolution.is-warning{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 10%,var(--color-surface-elevated));border-color:color-mix(in srgb,var(--color-warning) 35%,var(--color-border))}.character-studio__workflow-resolution svg{flex:0 0 auto}.character-studio__workflow-tool{display:grid;grid-template-columns:minmax(12rem,2fr) minmax(10rem,1fr) minmax(7rem,.6fr) auto;align-items:end;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.character-studio__workflow-tool label{display:grid;min-width:0;gap:var(--space-1)}.character-studio__workflow-tool label>span{color:var(--text-muted);font-size:var(--font-xs)}.character-studio__workflow-tool select{width:100%;min-width:0}@media (max-width: 900px){.character-studio__workflow-tool{grid-template-columns:1fr 1fr}}.character-studio__result-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.character-studio__result-footer>div{display:flex;min-width:0;flex-direction:column;gap:2px}.character-studio__result-footer small{color:var(--text-muted);font-size:var(--font-xs)}.character-studio__zoom-hint{font-variant-numeric:tabular-nums}.character-studio__result-footer .character-studio__save-error{width:100%;color:var(--danger)}.character-studio__result-image,.character-studio__result-state{display:grid;width:var(--character-preview-width);height:var(--character-preview-height);min-width:256px;min-height:256px;place-items:center;overflow:hidden;background:linear-gradient(45deg,rgb(255 255 255 / 3%) 25%,transparent 25%),linear-gradient(-45deg,rgb(255 255 255 / 3%) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(255 255 255 / 3%) 75%),linear-gradient(-45deg,transparent 75%,rgb(255 255 255 / 3%) 75%),var(--color-background);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid var(--color-border)}.character-studio__result-image img{display:block;width:auto;max-width:none;height:auto;max-height:none;image-rendering:pixelated}.character-studio__result-image:focus-visible,.character-studio__saved-image:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.character-studio__image-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-2);padding:var(--space-2);margin:0;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.character-studio__image-details>div{display:grid;min-width:0;gap:2px}.character-studio__image-details dt{color:var(--text-muted);font-size:var(--font-xs)}.character-studio__image-details dd{overflow:hidden;margin:0;color:var(--text-secondary);font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap}.character-studio__result-state{align-content:center;gap:var(--space-2);padding:var(--space-4);color:var(--text-secondary);text-align:center}.character-studio__result-state span{max-width:28rem}.character-studio__result-state.is-error{color:var(--danger)}.character-studio__saved-draft{display:grid;width:min(900px,100%);min-height:0;align-self:stretch;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-3)}.character-studio__saved-footer{display:flex;justify-content:flex-end;color:var(--text-muted);font-size:var(--font-xs);font-variant-numeric:tabular-nums}.character-studio__saved-draft header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}.character-studio__saved-draft header>div{display:flex;min-width:0;flex-direction:column}.character-studio__saved-actions{align-items:flex-end;gap:var(--space-1)}.character-studio__saved-actions .btn{color:var(--color-warning)}.character-studio__saved-draft header span,.character-studio__saved-draft header small{color:var(--text-muted);font-size:var(--font-xs)}.character-studio__saved-draft header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-studio__saved-image{display:grid;min-height:280px;place-items:center;overflow:auto;color:var(--text-secondary);background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:0 16px 48px #00000040}.character-studio__saved-image img{display:block;width:auto;max-width:none;height:auto;max-height:none;image-rendering:pixelated}.character-studio__silhouette{display:grid;width:96px;height:128px;grid-template-rows:48px 80px;justify-items:center;image-rendering:pixelated}.character-studio__silhouette-head{width:48px;height:48px;background:var(--color-border-strong)}.character-studio__silhouette-body{width:80px;height:80px;background:var(--color-border-strong)}.character-studio__empty{display:flex;max-width:34rem;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.character-studio__empty h2,.character-studio__empty p{margin:0}.character-studio__empty p{color:var(--text-secondary)}.character-studio__palette{display:flex;width:min(720px,100%);align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-self:end;justify-self:center;z-index:1}.character-studio__palette>div{display:flex;min-width:0;flex-direction:column}.character-studio__palette>div span{color:var(--text-muted);font-size:var(--font-xs)}.character-studio__palette ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;padding:0;margin:0;list-style:none}.character-studio__palette li,.character-studio__palette li>span{display:block;width:24px;height:24px}.character-studio__palette li{padding:2px;background:var(--color-surface-elevated);border:1px solid var(--color-border)}.character-studio__palette li.is-missing>span{background:linear-gradient(45deg,transparent 46%,var(--text-muted) 47%,var(--text-muted) 53%,transparent 54%)}.character-studio__properties{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.character-studio__properties label{display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-secondary);font-size:var(--font-sm)}.character-studio__properties select,.character-studio__properties input,.character-studio__composer textarea{width:100%;color:var(--text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.character-studio__properties select,.character-studio__properties input{min-height:2.25rem;padding-inline:var(--space-2)}.character-studio__coverage{margin:calc(var(--space-2) * -1) 0 0;color:var(--text-muted);font-size:var(--font-xs)}.character-studio__definition-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:color-mix(in srgb,var(--accent) 8%,var(--color-surface));border:1px solid color-mix(in srgb,var(--accent) 45%,var(--color-border));border-radius:var(--radius-md)}.character-studio__definition-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-studio__definition-card small{color:var(--text-muted)}.character-studio__definition-kind{display:flex;align-items:center;gap:var(--space-1);color:var(--accent);font-size:var(--font-xs);font-weight:var(--weight-semibold)}.character-studio__property-label{display:block;margin-bottom:var(--space-1);color:var(--text-secondary);font-size:var(--font-sm)}.character-studio__size-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.character-studio__size-presets button{min-width:0;min-height:2rem;padding:0 var(--space-1);color:var(--text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-size:var(--font-xs);font-variant-numeric:tabular-nums;cursor:pointer}.character-studio__size-presets button:hover,.character-studio__size-presets button[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--color-surface));border-color:var(--accent)}.character-studio__size-presets button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.character-studio__size-presets button:disabled{cursor:not-allowed;opacity:.55}.character-studio__size{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.character-studio__review{display:grid;gap:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.character-studio__review .btn{justify-content:flex-start}.character-studio__vote-count{min-width:1.25rem;padding:1px 5px;margin-left:auto;color:var(--text-primary);text-align:center;background:var(--color-surface-raised, rgba(127, 127, 127, .08));border:1px solid var(--color-border);border-radius:999px}.character-studio__review-error{color:var(--danger);font-size:var(--font-xs)}.character-studio__composer{display:grid;width:100%;grid-template-columns:minmax(12rem,.45fr) minmax(18rem,1fr) minmax(14rem,.65fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3)}.character-studio__composer>div{display:flex;min-width:0;flex-direction:column}.character-studio__composer>div span{color:var(--text-muted);font-size:var(--font-xs)}.character-studio__composer textarea{min-height:3.25rem;padding:var(--space-2);resize:none}.character-studio__brief{gap:var(--space-2)}.character-studio__key-background{display:grid;min-width:0;grid-template-columns:auto auto minmax(0,auto) minmax(0,1fr);align-items:center;gap:var(--space-1);color:var(--text-secondary);cursor:pointer}.character-studio__key-background input{margin:0}.character-studio__composer .character-studio__key-background>span,.character-studio__key-background small{overflow:hidden;color:var(--text-secondary);font-size:var(--font-xs);text-overflow:ellipsis;white-space:nowrap}.character-studio__key-background small{color:var(--text-muted)}.character-studio__composer .character-studio__key-background-swatch{display:block;width:1rem;height:1rem;border:1px solid var(--color-border-strong);border-radius:2px}.character-studio__models{position:relative;min-width:0;padding:0;margin:0;border:0}.character-studio__models legend{padding:0;margin-bottom:var(--space-1);color:var(--text-secondary);font-size:var(--font-xs)}.character-studio__models details{position:relative}.character-studio__models summary{min-height:2.25rem;padding:var(--space-2);color:var(--text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.character-studio__models details[open] summary{border-color:var(--color-accent)}.character-studio__models summary:focus-visible{outline:none;box-shadow:var(--focus-ring)}.character-studio__models details>div{position:absolute;z-index:20;bottom:calc(100% + var(--space-2));left:0;display:grid;width:min(28rem,70vw);gap:var(--space-1);padding:var(--space-2);background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:0 12px 32px #00000059}.character-studio__models label{display:flex;min-width:0;align-items:center;gap:var(--space-2);padding:var(--space-2);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer}.character-studio__models label:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 8%,transparent)}.character-studio__models label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-studio__access{color:var(--text-secondary);font-size:var(--font-xs);white-space:nowrap}@media (max-width: 960px){.character-studio__composer{grid-template-columns:1fr auto}.character-studio__composer>div,.character-studio__models{grid-column:1 / -1}.character-studio__recents{display:none}}