:root{--color-header-bg:#0f172a;--color-header-text:#f1f5f9;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-sidebar-bg:#fff;--color-surface:#f8f9fb;--color-border:#e2e8f0;--color-text-primary:#1e293b;--color-text-muted:#94a3b8;--color-overlay:#0f172a8c;--header-height:56px;--sidebar-width:260px;--radius:6px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000001a, 0 2px 6px #0000000f}*{box-sizing:border-box}html,body{min-height:100%;color:var(--color-text-primary);background:radial-gradient(circle at 0 0,#3b82f61f,#0000 22%),linear-gradient(#f8fbff 0%,#f5f7fb 100%);margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}a,.btn-link{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}main{box-sizing:border-box}.app-shell{min-height:calc(100vh - var(--header-height));flex-direction:column;display:flex}.main-content{box-sizing:border-box;flex:1 0 auto;width:100%;max-width:1100px;margin-left:auto;margin-right:auto;padding:1.5rem 1rem}.main-content--narrow{max-width:720px}.main-content--default{max-width:960px}.main-content--wide{max-width:1280px}.header{height:var(--header-height);background-color:var(--color-header-bg);color:var(--color-header-text);z-index:1000;box-shadow:var(--shadow-sm);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex;position:sticky;top:0}.header__brand{align-items:center;min-width:0;display:flex}.btn-toggle-sidebar{cursor:pointer;width:36px;height:36px;color:var(--color-header-text);border-radius:var(--radius);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;transition:background-color .2s;display:flex}.btn-toggle-sidebar:hover{background-color:#ffffff1a}.btn-toggle-sidebar[aria-expanded=true]{background-color:#ffffff14}.btn-toggle-sidebar__close{font-size:1.5rem;display:none}.btn-toggle-sidebar[aria-expanded=true] .btn-toggle-sidebar__open{display:none}.btn-toggle-sidebar[aria-expanded=true] .btn-toggle-sidebar__close{display:inline}.app-title{letter-spacing:.03em;opacity:.95;white-space:nowrap;align-items:center;gap:.5rem;margin-left:.75rem;font-size:1.05rem;font-weight:600;transition:opacity .15s;display:inline-flex;color:var(--color-header-text)!important;text-decoration:none!important}.app-title:before{content:"";background-color:var(--color-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.app-title:hover{opacity:1}.header-auth{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.header-auth__name{color:#ffffffbf;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.8125rem;font-weight:500;overflow:hidden}.header-auth__button{border-radius:var(--radius);height:30px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 .75rem;font-size:.8125rem;font-weight:500;line-height:1;transition:background-color .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.header-auth__button:disabled{cursor:wait;opacity:.55}.header-auth__button--login{color:#ffffffe6;border:1px solid #ffffff59}.header-auth__button--login:hover:not(:disabled){background-color:#ffffff1f;border-color:#ffffff8c}.header-auth__button--logout{color:#ffffff8c;border:0}.header-auth__button--logout:hover:not(:disabled){color:#ffffffd9;background-color:#ffffff14}.sidebar{width:var(--sidebar-width);background-color:var(--color-sidebar-bg);border-right:1px solid var(--color-border);box-shadow:var(--shadow-md);top:var(--header-height);z-index:999;height:calc(100vh - var(--header-height));transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;left:0;overflow-x:hidden;transform:translate(-100%)}.sidebar.show{transform:translate(0)}.sidebar .nav{padding:.625rem 0}.sidebar .nav-link{color:var(--color-text-primary);white-space:nowrap;background-color:#0000;border:none;border-left:3px solid #0000;align-items:center;gap:.625rem;padding:.65rem 1.25rem;font-size:.9375rem;font-weight:500;line-height:1.5;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:flex}.sidebar .nav-link:hover{color:var(--color-accent);background-color:#3b82f60f;border-left-color:#3b82f659}.sidebar .nav-link[aria-current=page]{color:var(--color-accent);border-left-color:var(--color-accent);background-color:#3b82f614;font-weight:600}.overlay{top:var(--header-height);width:100%;height:calc(100vh - var(--header-height));background-color:var(--color-overlay);-webkit-backdrop-filter:blur(2px);z-index:998;opacity:0;transition:opacity .25s;position:fixed;left:0}.overlay.show{opacity:1}.footer{border-top:1px solid var(--color-border);width:100%;max-width:960px;color:var(--color-text-muted);margin:3rem auto 0;padding:1.25rem 1rem 1.5rem;font-size:.825rem}.footer a{color:var(--color-text-muted);text-decoration:none;transition:color .15s}.footer a:hover{color:var(--color-accent)}.footer__separator{margin:0 .5rem}.home-shell{width:min(960px,100%);margin:0 auto;padding:0 20px 72px}.hero{max-width:640px;padding:3.5rem 0 3rem}.hero-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.hero-title{color:var(--color-text-primary);margin:0 0 1rem;font-size:clamp(2rem,5vw,2.75rem);font-weight:700;line-height:1.15}.hero-subtitle{color:var(--color-text-muted);margin:0 0 2rem;font-size:1rem;line-height:1.7}.btn-hero{background-image:linear-gradient(135deg, var(--color-accent), #60a5fa);color:#fff;border-radius:var(--radius);align-items:center;gap:.375rem;padding:.65rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color .15s,box-shadow .15s,transform .1s;display:inline-flex;box-shadow:0 2px 10px #3b82f64d}.btn-hero:hover{background-color:var(--color-accent-hover);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 16px #3b82f666}.btn-hero:active{transform:translateY(0)}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 .875rem;font-size:.7rem;font-weight:700}.features{padding-bottom:3rem}.feature-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;display:grid}.feature-card{border:1px solid var(--color-border);border-radius:calc(var(--radius) + 2px);background-color:#fff;align-items:center;gap:1rem;padding:1.125rem 1.25rem;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex;position:relative;overflow:hidden}.feature-card--active:before{content:"";background-color:var(--color-accent);opacity:0;border-radius:0 3px 3px 0;width:3px;transition:opacity .15s;position:absolute;top:20%;bottom:20%;left:0}.feature-card--active:hover{border-color:#3b82f680;text-decoration:none;transform:translateY(-1px);box-shadow:0 0 0 3px #3b82f61a}.feature-card--active:hover:before{opacity:1}.feature-card--disabled{opacity:.5;cursor:default;pointer-events:none}.feature-card__icon{border-radius:var(--radius);background-color:#3b82f612;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.375rem;display:flex}.feature-card__body{flex:1;min-width:0}.feature-card__title{color:var(--color-text-primary);align-items:center;gap:.5rem;margin-bottom:.2rem;font-size:.9375rem;font-weight:600;display:flex}.feature-card__desc{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.feature-card__arrow{color:var(--color-accent);opacity:0;flex-shrink:0;font-size:1rem;transition:opacity .15s,transform .15s;transform:translate(-6px)}.feature-card--active:hover .feature-card__arrow{opacity:1;transform:translate(0)}.badge-soon{letter-spacing:.02em;color:var(--color-accent);background-color:#3b82f61a;border-radius:999px;padding:.1rem .45rem;font-size:.65rem;font-weight:600;display:inline-block}.color-families{padding-bottom:3rem}.color-families-intro{color:var(--color-text-muted);margin:0 0 .875rem;font-size:.8rem}.color-family-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.color-family-card{border:1px solid var(--color-border);border-radius:calc(var(--radius) + 2px);color:inherit;cursor:pointer;background-color:#fff;align-items:center;gap:1rem;padding:1.125rem 1.25rem;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.color-family-card:hover{border-color:#3b82f680;text-decoration:none;transform:translateY(-1px);box-shadow:0 0 0 3px #3b82f61a}.color-family-card__swatches{border-radius:var(--radius);background-color:#3b82f612;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.color-swatch-group{flex-wrap:nowrap;gap:.2rem;display:flex}.color-swatch{border:1px solid #0000001f;border-radius:50%;width:14px;height:14px;display:block}.color-family-card__body{flex:1;min-width:0}.color-family-card__title{color:var(--color-text-primary);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.2rem;font-size:.9rem;font-weight:600;display:flex}.color-family-card__desc{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:641px){.main-content{padding-left:2rem;padding-right:2rem}}@media (max-width:720px){.color-family-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.color-family-grid{grid-template-columns:1fr}}.cf-page{max-width:960px;margin:0 auto}.cf-header{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:1.5rem}.cf-back{color:var(--color-text-muted);margin-bottom:1.25rem;font-size:.85rem;text-decoration:none;display:inline-block}.cf-back:hover{color:var(--color-accent);text-decoration:none}.cf-swatches{gap:.375rem;margin-bottom:.75rem;display:flex}.cf-swatch{border:1px solid #00000026;border-radius:50%;width:28px;height:28px;display:block}.cf-title{color:var(--color-text-primary);margin-bottom:.375rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.2}.cf-desc{color:var(--color-text-muted);font-size:.9rem}.cf-results__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.cf-count,.cf-page-indicator{color:var(--color-text-muted);font-size:.8rem}.cf-count{margin:0}.cf-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.cf-card{border:1px solid var(--color-border);border-radius:calc(var(--radius) + 2px);background-color:#fff;align-items:center;gap:.75rem;padding:.875rem 1rem;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.cf-card:hover{border-color:#3b82f680;text-decoration:none;transform:translateY(-1px);box-shadow:0 0 0 3px #3b82f61a}.cf-card__swatch{border-radius:var(--radius);border:1px solid #00000014;flex-shrink:0;width:36px;height:36px;display:block}.cf-card__body{flex:1;min-width:0}.cf-card__name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.15rem;font-size:.875rem;font-weight:600;overflow:hidden}.cf-card__model{color:#64748b;margin-bottom:.15rem;font-size:.75rem;display:block}.cf-card__meta{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.cf-pagination{border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.cf-page-btn{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);background:0 0;padding:.4rem 1.125rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s}.cf-page-btn:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.cf-page-btn--disabled,.cf-page-btn--disabled:hover{opacity:.35;color:var(--color-text-muted);border-color:var(--color-border)}.cf-page-pos{color:var(--color-text-muted);text-align:center;min-width:64px;font-size:.875rem}.cf-loading,.cf-empty{text-align:center;color:var(--color-text-muted);padding:3rem 1rem}.cf-error{border-radius:var(--radius);background-color:#e53e3e0d;border:1px solid #e53e3e4d;padding:1.5rem}.cf-error__title{color:#c53030;margin-bottom:.25rem;font-weight:600}.cf-error__message{color:var(--color-text-muted);font-size:.875rem}@media (max-width:640px){.cf-results__header{flex-direction:column;align-items:flex-start;gap:.25rem}.cf-grid{grid-template-columns:1fr}}.pd-back-row{margin-bottom:1.25rem}.pd-back-link{color:var(--color-text-muted);align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.pd-back-link:hover{color:var(--color-accent);text-decoration:none}.pd-page-header{padding:.75rem 0 1.25rem}.pd-page-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.375rem;font-size:.7rem;font-weight:700}.pd-page-title{letter-spacing:-.025em;color:var(--color-text-primary);margin-bottom:.375rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.2}.pd-page-meta{color:var(--color-text-muted);align-items:center;gap:.5rem;margin:0;font-size:.9rem;display:flex}.pd-page-meta code{background-color:#94a3b826;border-radius:4px;padding:.1rem .45rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem;color:var(--color-text-primary)!important}.pd-hero{border:1px solid var(--color-border);border-top:3px solid var(--paint-hex,var(--color-accent));border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow-sm);background-color:#fff;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:1.5rem 1.75rem;display:flex}.pd-hero__swatch{filter:drop-shadow(0 4px 10px #0000002e);flex-shrink:0}.pd-hero__body{flex:1;min-width:0}.pd-hero__badges{flex-wrap:wrap;gap:.375rem;display:flex}.pd-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);white-space:nowrap;background-color:#3b82f614;border:1px solid #3b82f62e;border-radius:999px;padding:.2rem .65rem;font-size:.6875rem;font-weight:600;display:inline-block}.pd-section{border:1px solid var(--color-border);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow-sm);background-color:#fff;margin-bottom:1rem;padding:1.375rem 1.5rem}.pd-section__title{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:.625rem;font-size:.6875rem;font-weight:700}.pd-color-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.625rem;display:grid}.pd-color-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.25rem;padding:.625rem .75rem;display:flex}.pd-color-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6875rem;font-weight:700}.pd-color-value{color:var(--color-text-primary);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;font-weight:600}.pd-info-list{flex-direction:column;gap:0;margin:0;display:flex}.pd-info-row{border-bottom:1px solid var(--color-border);align-items:baseline;gap:1rem;padding:.625rem 0;display:flex}.pd-info-row:last-child{border-bottom:none;padding-bottom:0}.pd-info-row:first-child{padding-top:0}.pd-info-label{width:6rem;color:var(--color-text-muted);flex-shrink:0;font-size:.8125rem;font-weight:600}.pd-info-value{color:var(--color-text-primary);margin:0;font-size:.9375rem}.pd-info-value code{background-color:#94a3b826;border-radius:4px;padding:.125rem .5rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.875rem;color:var(--color-text-primary)!important}.pd-tags{flex-wrap:wrap;gap:.5rem;display:flex}.pd-tag{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:999px;padding:.3rem .875rem;font-size:.8125rem;font-weight:500;transition:border-color .12s,background-color .12s;display:inline-block}.pd-tag:hover{background-color:#3b82f60a;border-color:#3b82f659}.pd-description{color:var(--color-text-primary);white-space:pre-wrap;margin:0;font-size:.9375rem;line-height:1.75}.pd-similar-error{border-radius:var(--radius);color:#991b1b;background:#fef2f2bf;border:1px solid #ef44444d;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.pd-similar-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.pd-similar-heading>div:first-child{flex:1;min-width:0}.pd-similar-heading .pd-section__title{margin-bottom:.375rem}.pd-similar-description{color:var(--color-text-muted);margin:0;font-size:.8125rem;line-height:1.6}.pd-similar-reference{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);flex-shrink:0;align-items:center;gap:.625rem;padding:.5rem .625rem;display:flex}.pd-similar-reference .color-chip--list{--chip-size:32px}.pd-similar-reference__body{gap:.1rem;min-width:0;display:grid}.pd-similar-reference__body span{letter-spacing:.08em;color:var(--color-text-muted);font-size:.625rem;font-weight:700}.pd-similar-reference__body strong{max-width:12rem;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.pd-similar-reference__body code{color:var(--color-text-muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.6875rem}.pd-similar-more{color:var(--color-accent);align-items:center;gap:.375rem;margin-top:1rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.pd-similar-more:hover{text-decoration:underline}.pd-similar-error p{margin:0;font-size:.875rem}.pd-similar-error button{border-radius:var(--radius);color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid;flex-shrink:0;padding:.4rem .875rem}.pd-error{border-radius:var(--radius);background-color:#ef44440f;border:1px solid #ef444433;border-left:3px solid #ef4444;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.pd-error__title{color:#b91c1c;margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.pd-error__message{color:#b91c1c;margin:0;font-size:.875rem}.pd-skeleton{flex-direction:column;gap:1rem;display:flex}.pd-skeleton__hero{border:1px solid var(--color-border);border-top:3px solid var(--color-border);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:1.5rem;padding:1.5rem 1.75rem;display:flex}.pd-skeleton__swatch{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:50%;flex-shrink:0;width:80px;height:80px;animation:1.4s infinite shimmer}.pd-skeleton__hero-body{flex-direction:column;flex:1;gap:.5rem;padding-top:.25rem;display:flex}.pd-skeleton__section{border:1px solid var(--color-border);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:.5rem;padding:1.375rem 1.5rem;display:flex}.pd-skeleton__line{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:4px;height:12px;animation:1.4s infinite shimmer}.pd-skeleton__line--title{width:55%;height:20px}.pd-skeleton__line--sub{width:38%}.pd-skeleton__line--full{width:100%}.pd-skeleton__line--half{width:50%}.color-chip{appearance:none;background-color:var(--base-color);width:var(--chip-size);height:var(--chip-size);min-width:var(--chip-size);min-height:var(--chip-size);border:none;border-radius:50%;padding:0;transition:transform .12s,box-shadow .12s;display:block;box-shadow:inset 0 0 0 1px #0000001f}.color-chip--default{--chip-size:52px}.color-chip--filter,.color-chip--list{--chip-size:40px}.color-chip--hero{--chip-size:80px}.metallic-chip{background:linear-gradient(135deg, color-mix(in srgb, var(--base-color) 55%, white) 0%, var(--base-color) 50%, color-mix(in srgb, var(--base-color) 65%, black) 100%)}.pearl-chip{background:radial-gradient(circle at 35% 35%, color-mix(in srgb, var(--base-color) 35%, white), var(--base-color))}.fluorescent-chip{filter:saturate(1.6)brightness(1.1);box-shadow:inset 0 0 0 1px #00000014, 0 0 6px 1px color-mix(in srgb, var(--base-color) 80%, transparent), 0 0 14px 3px color-mix(in srgb, var(--base-color) 45%, transparent), 0 0 26px 6px color-mix(in srgb, var(--base-color) 20%, transparent)}.clear-chip{position:relative;overflow:hidden;background-color:#fff!important}.clear-chip:before{content:"";border-radius:inherit;background-color:#fff;background-image:linear-gradient(45deg,#c8c8c8 25%,#0000 25%),linear-gradient(-45deg,#c8c8c8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#c8c8c8 75%),linear-gradient(-45deg,#0000 75%,#c8c8c8 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;position:absolute;inset:0}.clear-chip:after{content:"";border-radius:inherit;background-color:color-mix(in srgb, var(--base-color) 55%, transparent);position:absolute;inset:0}.pd-stars{color:#d1d5db;letter-spacing:2px;font-size:1.25rem;line-height:1;display:inline-block;position:relative}.pd-stars--sm{letter-spacing:1px;font-size:.875rem}.pd-stars__fill{white-space:nowrap;color:#f59e0b;position:absolute;top:0;left:0;overflow:hidden}.pd-eval-summary{flex-wrap:wrap;align-items:flex-start;gap:2rem;margin-bottom:1rem;display:flex}.pd-eval-overall{flex-direction:column;align-items:center;gap:.25rem;min-width:72px;display:flex}.pd-eval-overall__score{letter-spacing:-.04em;color:var(--color-text-primary);font-size:2.25rem;font-weight:700;line-height:1}.pd-eval-overall__stars{margin-top:.125rem}.pd-eval-overall__count{color:var(--color-text-muted);white-space:nowrap;margin-top:.125rem;font-size:.6875rem}.pd-eval-axes{flex-direction:column;flex:1;gap:.5rem;min-width:200px;display:flex}.pd-eval-axis{align-items:center;gap:.625rem;display:flex}.pd-eval-axis__label{width:5.5rem;color:var(--color-text-muted);flex-shrink:0;font-size:.8125rem;font-weight:600}.pd-eval-axis__bar{flex:1}.pd-eval-axis__val{color:var(--color-text-primary);text-align:right;flex-shrink:0;width:2rem;font-size:.8125rem;font-weight:700}.pd-eval-empty{color:var(--color-text-muted);margin:0;font-size:.875rem}.pd-eval-divider{border:none;border-top:1px solid var(--color-border);margin:1rem 0}.pd-eval-form__title{color:var(--color-text-primary);margin:0 0 1rem;font-size:.8125rem;font-weight:700}.pd-eval-notice{border-radius:var(--radius);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;display:flex}.pd-eval-notice--success{color:#15803d;background-color:#22c55e14;border:1px solid #22c55e40}.pd-eval-notice--error{color:#b91c1c;background-color:#ef44440f;border:1px solid #ef444433}.pd-eval-fields{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.pd-eval-field{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.pd-eval-field__info{flex-direction:column;flex:1;gap:.125rem;min-width:120px;display:flex}.pd-eval-field__label{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.pd-eval-field__desc{color:var(--color-text-muted);font-size:.6875rem}.pd-star-input{gap:2px;display:flex}.pd-star-btn{cursor:pointer;color:#d1d5db;-webkit-user-select:none;user-select:none;appearance:none;background:0 0;border:none;padding:2px;font-size:1.5rem;line-height:1;transition:color .1s,transform .1s}.pd-star-btn:hover,.pd-star-btn.is-on{color:#f59e0b}.pd-star-btn:hover{transform:scale(1.15)}.pd-star-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.pd-eval-form__validation{color:#b91c1c;margin:0 0 .75rem;font-size:.8125rem}.pd-eval-submit{color:#fff;background-color:var(--color-accent);border:1px solid var(--color-accent-hover);border-radius:var(--radius);cursor:pointer;appearance:none;align-items:center;gap:.375rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:background-color .15s,opacity .15s;display:inline-flex}.pd-eval-submit:hover:not(:disabled){background-color:var(--color-accent-hover)}.pd-eval-submit:disabled{opacity:.6;cursor:not-allowed}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:500px){.pd-hero,.pd-skeleton__hero{flex-direction:column;align-items:flex-start;gap:1.125rem}.pd-eval-summary{flex-direction:column;gap:1rem}.pd-eval-field{flex-direction:column;align-items:flex-start}.pd-similar-heading{flex-direction:column}}.search-shell{width:min(1180px,100vw - 32px);margin:0 auto;padding:24px 0 40px}.search-layout{grid-template-columns:280px 1fr;align-items:start;gap:1.5rem;display:grid}.sp-header{margin-bottom:18px}.sp-title{color:#1f2937;margin:0 0 8px;font-size:clamp(2rem,3vw,2.75rem);font-weight:800;line-height:1.15}.sp-subtitle{color:#4b5563;margin:0;font-size:1rem;line-height:1.8}.sp-noscript{color:#374151;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;margin-top:16px;padding:14px 16px;line-height:1.7}.sp-panel{border:1px solid var(--color-border);border-radius:calc(var(--radius) + 2px);background-color:#fff;min-height:220px;padding:1.5rem}.mode-selector{background-color:var(--color-border);border-radius:calc(var(--radius) + 3px);gap:2px;margin-bottom:1.25rem;padding:3px;display:inline-flex}.mode-btn{color:var(--color-text-muted);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.45rem 1.125rem;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s,box-shadow .15s}.mode-btn:hover:not(.mode-btn--active){color:var(--color-text-primary);background-color:#ffffffa6}.mode-btn--active{color:var(--color-accent);box-shadow:var(--shadow-sm);background-color:#fff;font-weight:600}.fsp{flex-direction:column;display:flex}.fsp-heading,.fsp-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6875rem;font-weight:700}.fsp-heading{margin-bottom:.75rem}.fsp-section,.fsp-hint-box{border-bottom:1px solid var(--color-border);padding:1rem 0}.fsp-section-label{margin-bottom:.625rem}.fsp-hint{color:var(--color-text-muted);margin:0;font-size:.8rem;line-height:1.5}.fsp-select,.sa-input,.cps-threshold-input,.isp-threshold-input{width:100%;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius);background-color:#fff;padding:.4rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s;display:block}.fsp-select:focus,.sa-input:focus,.cps-threshold-input:focus,.isp-threshold-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #3b82f61f}.fsp-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%2394a3b8' d='M5 7L0 2h10z'/%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;padding-right:2.25rem}.fsp-actions{gap:.625rem;padding-top:1.25rem;display:flex}.fsp-btn-search,.cps-search-btn,.isp-search-btn{color:#fff;background-color:var(--color-accent);border-radius:var(--radius);cursor:pointer;appearance:none;border:none;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .15s,opacity .15s}.fsp-btn-search:hover:not(:disabled),.cps-search-btn:hover:not(:disabled),.isp-search-btn:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-accent) 85%, black)}.fsp-btn-search:disabled,.cps-search-btn:disabled,.isp-search-btn:disabled{opacity:.55;cursor:not-allowed}.fsp-btn-reset,.sa-btn{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;padding:.4rem .875rem;font-size:.875rem;font-weight:500;transition:border-color .15s,color .15s}.fsp-btn-reset:hover,.sa-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.tag-chip-container,.color-chip-container,.sa-chips{flex-wrap:wrap;gap:6px;display:flex}.color-chip-container{align-items:center;gap:8px}.tag-chip{appearance:none;color:var(--color-text-primary);border:1.5px solid var(--color-border);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:20px;align-items:center;padding:.3rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:border-color .12s,background-color .12s,color .12s;display:inline-flex}.tag-chip:hover:not(.selected){border-color:var(--color-accent);color:var(--color-accent)}.tag-chip.selected{border-color:var(--color-accent);color:var(--color-accent);background-color:#3b82f614;font-weight:600}.color-chip-btn{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.color-chip-btn.selected .color-chip{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px #fff, 0 0 0 4px var(--color-accent)}.sa-wrapper,.cps-panel,.isp-panel{flex-direction:column;gap:1rem;display:flex}.sa-container,.isp-upload-wrap,.isp-color-preview-row{align-items:center;gap:.75rem;display:flex}.sa-input{flex:1}.sa-chip{color:var(--color-accent);border:1.5px solid var(--color-accent);white-space:nowrap;background-color:#3b82f614;border-radius:20px;align-items:center;gap:4px;padding:.25rem .5rem .25rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.sa-chip-remove{width:16px;height:16px;color:var(--color-accent);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.875rem;line-height:1;display:inline-flex}.cps-heading,.isp-heading{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);margin:0;padding-bottom:.75rem;font-size:.9375rem;font-weight:600}.cps-field,.isp-field,.isp-image-section,.isp-color-preview-section{flex-direction:column;gap:.5rem;display:flex}.cps-label,.isp-label{color:var(--color-text-muted);font-size:.8125rem;font-weight:500}.cps-hint,.isp-hint,.isp-upload-hint{color:var(--color-text-muted);margin:0;font-size:.75rem}.cps-picker-wrap{display:flex}.cps-picker-shell{border:1px solid var(--color-border);border-radius:calc(var(--radius) + 4px);width:100%;box-shadow:var(--shadow-sm);background:radial-gradient(circle at 100% 0,#3b82f61a,#0000 34%),linear-gradient(#fffffff5,#f8fafcf5);padding:1rem}.cps-preview-panel{border-radius:calc(var(--radius) + 2px);background:#ffffffc7;border:1px solid #94a3b83d;align-items:center;gap:.875rem;padding:.875rem 1rem;display:flex}.cps-preview-swatch{border:4px solid #ffffffeb;border-radius:50%;flex-shrink:0;width:3.5rem;height:3.5rem;box-shadow:0 10px 24px #0f172a29}.cps-preview-copy{flex-direction:column;gap:.25rem;min-width:0;display:flex}.cps-preview-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6875rem;font-weight:700}.cps-preview-hex{width:fit-content;color:var(--color-text-primary);background:#f1f5f9f2;border:1px solid #94a3b847;border-radius:999px;align-items:center;padding:.3rem .55rem;font-family:monospace;font-size:.9rem;font-weight:700;display:inline-flex}.cps-preview-note{color:var(--color-text-muted);margin:0;font-size:.75rem}.cps-color-input{border-radius:calc(var(--radius) + 2px);cursor:pointer;appearance:none;background:0 0;border:none;width:100%;min-height:220px;padding:0;overflow:hidden;box-shadow:inset 0 0 0 1px #94a3b82e}.cps-color-input::-webkit-color-swatch-wrapper{padding:0}.cps-color-input::-webkit-color-swatch{border-radius:calc(var(--radius) + 2px);border:none}.cps-color-input::-moz-color-swatch{border-radius:calc(var(--radius) + 2px);border:none}.cps-color-input:focus{outline:none;box-shadow:0 0 0 3px #3b82f629,inset 0 0 0 1px #3b82f647}.cps-search-btn,.isp-search-btn{width:100%}@media (max-width:640px){.cps-picker-shell{padding:.875rem}.cps-preview-panel{padding:.75rem .875rem}.cps-preview-swatch{width:3rem;height:3rem}.cps-color-input{min-height:190px}}.isp-upload-btn{color:#fff;background-color:var(--color-accent);border-radius:var(--radius);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}.isp-file-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.isp-image-wrap{border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#f0f0f0;overflow:hidden}.isp-image-picker{cursor:crosshair;background:0 0;border:0;width:100%;padding:0;display:block}.isp-image-picker:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.isp-image{width:100%;display:block}.isp-color-swatch{border-radius:var(--radius);border:1px solid var(--color-border);width:2rem;height:2rem;box-shadow:var(--shadow-sm);flex-shrink:0}.isp-color-hex{color:var(--color-text-primary);background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border);padding:.25rem .5rem;font-family:monospace;font-size:.875rem}.frl-loading,.frl-list,.srl-loading,.srl-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px;display:grid}.frl-skeleton,.srl-skeleton,.srl-item{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;align-items:center;gap:14px;padding:12px 14px;display:flex}.frl-skeleton__chip,.srl-skeleton__chip{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:50%;flex-shrink:0;width:40px;height:40px;animation:1.4s infinite shimmer}.frl-skeleton__body,.srl-skeleton__body{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.frl-skeleton__line,.srl-skeleton__line,.chip-skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.4s infinite shimmer}.frl-skeleton__line,.srl-skeleton__line{height:11px}.frl-skeleton__line--name,.srl-skeleton__line--name{width:52%}.frl-skeleton__line--sub,.srl-skeleton__line--sub{width:30%}.frl-skeleton__badges,.srl-skeleton__badges,.srl-item__badges{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.frl-skeleton__badge,.srl-skeleton__badge{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:20px;width:48px;height:18px;animation:1.4s infinite shimmer}.srl-skeleton__badge--score{width:56px}.frl-empty,.frl-initial,.srl-empty,.srl-initial{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:4rem 1rem;display:flex}.frl-empty__title,.frl-initial__title,.srl-empty__title,.srl-initial__title{color:var(--color-text-primary);margin:0;font-size:.9375rem;font-weight:600}.frl-empty__sub,.frl-initial__sub,.srl-empty__sub,.srl-initial__sub{color:var(--color-text-muted);margin:0;font-size:.8125rem}.frl-header,.srl-header{border-bottom:1px solid var(--color-border);align-items:baseline;gap:.75rem;margin-bottom:.75rem;padding-bottom:.625rem;display:flex}.frl-count,.srl-count{color:var(--color-text-muted);font-size:.875rem}.frl-count strong,.srl-count strong{color:var(--color-text-primary);font-size:1.0625rem;font-weight:700}.frl-page-indicator,.srl-page-indicator{color:var(--color-text-muted);font-size:.75rem}.prc,.srl-item{color:inherit;text-decoration:none;transition:border-color .12s,box-shadow .12s,background-color .12s}.prc:hover,.srl-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.prc{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;align-items:center;gap:14px;padding:12px 14px;display:flex}.prc-chip,.srl-item__chip{flex-shrink:0}.prc-body,.srl-item__body{flex:1;min-width:0}.prc-name,.srl-item__name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:.9375rem;font-weight:600;overflow:hidden}.prc-sub,.srl-item__sub{align-items:center;gap:6px;margin:0;display:flex}.prc-brand,.srl-item__brand{color:var(--color-text-muted);font-size:.75rem}.prc-model,.srl-item__model{color:var(--color-text-primary);background:var(--color-border);border-radius:3px;flex-shrink:0;padding:1px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.6875rem}.prc-badges,.srl-item__badges{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.prc-badge,.srl-badge{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:.6875rem;font-weight:500}.prc-arrow,.srl-arrow{color:var(--color-text-muted);flex-shrink:0;font-size:1.375rem;line-height:1}.prc-rating,.srl-item__rating{align-items:center;gap:4px;margin:3px 0 0;font-size:.75rem;display:flex}.prc-rating__stars,.srl-rating__stars{color:#d1d5db;letter-spacing:1px;font-size:.75rem;line-height:1;display:inline-block;position:relative}.prc-rating__fill,.srl-rating__fill{white-space:nowrap;color:#f59e0b;position:absolute;top:0;left:0;overflow:hidden}.prc-rating__val,.srl-rating__val{color:var(--color-text-primary);font-size:.75rem;font-weight:700}.prc-rating__count,.srl-rating__count{color:var(--color-text-muted);font-size:.6875rem}.srl-delta{white-space:nowrap;border-radius:20px;padding:2px 7px;font-size:.6875rem;font-weight:600}.srl-delta--excellent{color:#16a34a;background-color:#22c55e1f}.srl-delta--good{color:#0369a1;background-color:#0ea5e91f}.srl-delta--moderate{color:#a16207;background-color:#eab3081f}.srl-delta--far{color:#b91c1c;background-color:#ef444414}.frl-pagination,.srl-pagination{border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.frl-page-btn,.srl-page-btn{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.4rem 1.125rem;font-size:.875rem;font-weight:500}.frl-page-pos,.srl-page-pos{color:var(--color-text-muted);text-align:center;min-width:64px;font-size:.875rem}@media (max-width:991px){.search-layout{grid-template-columns:1fr}}@media (max-width:640px){.search-shell{width:min(100% - 20px,1180px);padding:16px 0 28px}}.rules-page{max-width:720px;margin:0 auto}.rules-header{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding:.75rem 0 2rem}.rules-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.5rem;font-size:.7rem;font-weight:700}.rules-title{color:var(--color-text-primary);margin-bottom:.875rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.2}.rules-lead{color:var(--color-text-muted);margin:0;font-size:.9375rem;line-height:1.75}.rules-body{flex-direction:column;gap:1.25rem;display:flex}.rules-section{border:1px solid var(--color-border);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow-sm);background-color:#fff;padding:1.5rem 1.75rem}.rules-section p{color:var(--color-text-primary);font-size:.9rem;line-height:1.75}.rules-section p:last-child{margin-bottom:0}.rules-section__header{align-items:center;gap:.625rem;margin-bottom:1.125rem;display:flex}.rules-section__icon{flex-shrink:0;font-size:1.125rem;line-height:1}.rules-section__title{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:700}.rules-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.rules-section p+.rules-list,.rules-list+p{margin-top:1rem}.rules-list li{color:var(--color-text-primary);padding-left:1.25rem;font-size:.9rem;line-height:1.75;position:relative}.rules-list li:before{content:"";background-color:var(--color-accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;position:absolute;top:.65em;left:0}.rules-closing{border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:right;margin-top:2rem;padding-top:1.25rem;font-size:.875rem}@media (max-width:640px){.rules-section{padding:1.25rem}}.auth-callback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.auth-callback h1,.auth-callback p{margin:0}.auth-callback h1{font-size:1.25rem}.auth-callback p{color:var(--color-text-muted)}.auth-callback__spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:36px;height:36px;animation:.75s linear infinite spin-auth-callback}.auth-callback__link{border-radius:var(--radius);background-color:var(--color-accent);justify-content:center;align-items:center;min-height:40px;padding:0 1rem;font-weight:600;display:inline-flex;color:#fff!important;text-decoration:none!important}@keyframes spin-auth-callback{to{transform:rotate(360deg)}}.admin-page{max-width:1180px;margin:0 auto}.admin-heading{border-bottom:2px solid #cbd5e1;margin-bottom:1.5rem;padding:.75rem 0 1.25rem}.admin-heading h1,.admin-heading p,.admin-toolbar h2{margin:0}.admin-heading h1{letter-spacing:-.04em;margin:.3rem 0 .45rem;font-size:clamp(1.6rem,4vw,2.25rem)}.admin-heading p:last-child,.admin-muted{color:var(--color-text-muted)}.admin-eyebrow{color:#0369a1;letter-spacing:.13em;margin:0;font-size:.68rem;font-weight:800}.admin-state{text-align:center;border:1px solid var(--color-border);max-width:580px;box-shadow:var(--shadow-md);background:#fff;border-radius:10px;margin:12vh auto;padding:2rem}.admin-state h1{margin-top:.4rem}.admin-state p{color:var(--color-text-muted);line-height:1.7}.admin-button,.admin-row-actions button,.admin-pagination button,.admin-modal-actions>button{color:#fff;cursor:pointer;font:inherit;background:#075985;border:1px solid #075985;border-radius:5px;padding:.55rem .85rem;font-size:.82rem;font-weight:700}.admin-button:hover:not(:disabled){background:#0c4a6e}.admin-button:disabled,.admin-pagination button:disabled{opacity:.55;cursor:not-allowed}.admin-button--secondary,.admin-modal-actions>button:first-child{color:var(--color-text-primary);border-color:var(--color-border);background:#fff}.admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.admin-nav-card{color:inherit;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-left:5px solid #075985;border-radius:7px;align-items:center;gap:1rem;padding:1.25rem;text-decoration:none;display:flex}.admin-nav-card:hover{box-shadow:var(--shadow-md);border-color:#075985}.admin-nav-card>span{font-size:1.8rem}.admin-nav-card h2,.admin-nav-card p{margin:0}.admin-nav-card h2{font-size:1rem}.admin-nav-card p{color:var(--color-text-muted);margin-top:.25rem;font-size:.82rem}.admin-nav-card b{color:#075985;margin-left:auto;font-size:1.5rem}.admin-workspace{grid-template-columns:220px minmax(0,1fr);gap:1.25rem;display:grid}.admin-type-nav{flex-direction:column;gap:.4rem;display:flex}.admin-type-nav button{text-align:left;cursor:pointer;color:var(--color-text-primary);background:0 0;border:1px solid #0000;border-radius:5px;flex-direction:column;gap:.15rem;padding:.8rem;display:flex}.admin-type-nav button:hover,.admin-type-nav button.is-active{background:#e0f2fe;border-color:#7dd3fc}.admin-type-nav small{color:var(--color-text-muted)}.admin-table-area{min-width:0}.admin-toolbar{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.admin-toolbar h2{font-size:1.1rem}.admin-filters{flex-wrap:wrap;gap:.5rem;display:flex}.admin-filters select,.admin-modal input,.admin-modal select,.admin-modal textarea{width:100%;min-height:34px;color:var(--color-text-primary);border:1px solid var(--color-border);font:inherit;background:#fff;border-radius:4px;padding:.45rem .55rem}.admin-filters select{width:auto}.admin-table{border-collapse:collapse;border:1px solid var(--color-border);background:#fff;border-radius:6px;width:100%;font-size:.84rem;overflow:hidden}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle;padding:.7rem}.admin-table th{color:#475569;letter-spacing:.05em;background:#f8fafc;font-size:.72rem}.admin-row-actions{white-space:nowrap;gap:.4rem;display:flex}.admin-row-actions button{color:#075985;background:#f0f9ff;border-color:#7dd3fc;padding:.3rem .55rem}.admin-row-actions .is-danger,.admin-button.is-danger{color:#b91c1c;background:#fff1f2;border-color:#fecaca}.admin-swatch{border:1px solid #cbd5e1;border-radius:50%;width:24px;height:24px;display:inline-block;box-shadow:inset 0 0 0 2px #ffffff73}.admin-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.admin-pagination button{color:#075985;background:#fff;border-color:#7dd3fc}.admin-notice,.admin-error{border-radius:5px;padding:.7rem .9rem}.admin-notice{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.admin-error{color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3}.admin-modal-backdrop{z-index:1200;background:#0f172a8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.admin-modal{width:min(100%,520px);max-height:calc(100vh - 2rem);box-shadow:var(--shadow-md);background:#fff;border-radius:8px;padding:1.25rem;overflow:auto}.admin-modal--large{width:min(100%,760px)}.admin-modal h2{margin-top:0;font-size:1.15rem}.admin-modal label{color:#475569;flex-direction:column;gap:.3rem;margin:.8rem 0;font-size:.8rem;font-weight:700;display:flex}.admin-modal textarea{resize:vertical;min-height:76px}.admin-modal-actions{justify-content:flex-end;gap:.6rem;margin-top:1.2rem;display:flex}.admin-form-grid{grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}.admin-tag-list{flex-wrap:wrap;gap:.4rem;display:flex}.admin-tag-list button{border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .55rem;display:inline-flex}.admin-tag-list button.is-selected{color:#075985;background:#e0f2fe;border-color:#38bdf8}.admin-tag-list i{border-radius:50%;width:11px;height:11px}@media (max-width:760px){.admin-dashboard-grid,.admin-workspace,.admin-form-grid{grid-template-columns:1fr}.admin-type-nav{flex-direction:row;overflow-x:auto}.admin-type-nav button{min-width:145px}.admin-toolbar{flex-direction:column;align-items:flex-start}.admin-table{min-width:720px}.admin-table-area{overflow-x:auto}.admin-filters select{width:100%}}