:root{--font-family-sans:Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, Consolas, monospace;--font-weight-regular:400;--font-weight-book:450;--font-weight-semibold:600;--font-weight-subheading:620;--font-weight-heading:650;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:48px;--font-size-display:64px;--line-height-xs:16px;--line-height-sm:20px;--line-height-md:24px;--line-height-lg:28px;--line-height-xl:32px;--line-height-2xl:40px;--line-height-3xl:52px;--line-height-display:68px;--tracking-default:0;--tracking-tight:-.02em;--tracking-tighter:-.03em;--tracking-display:-.04em;--radius-control:6px;font-family:var(--font-family-sans);color:#111216;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#f7f7fa;--surface:#fff;--surface-subtle:#f0f1f5;--ink:#111216;--ink-2:#3f424c;--ink-3:#6c6f7c;--line:#e3e4ea;--accent:#3157e1;--accent-soft:#edf0ff;--accent-strong:#203bae;--link:#203bae;--link-hover:#172b82;--link-visited:#68429c;--hint:#6c6f7c;--disabled-bg:#f0f1f5;--disabled-text:#8a8d98;--disabled-border:#d9dbe2;--info:#1769aa;--info-soft:#d3ecff;--info-border:#86c5ef;--success:#147a55;--success-soft:#d1f5e4;--success-border:#78d2aa;--warning:#8a5a0a;--warning-soft:#ffedb0;--warning-border:#e3bd4f;--danger:#b93434;--danger-soft:#ffe0e0;--danger-border:#efa2a2;--chart-01:#70b5f7;--chart-02:#a18cf2;--chart-03:#61b6b2;--chart-04:#e49378;--chart-05:#7fb286;--chart-06:#d17da2;--chart-07:#cca452;--chart-08:#7e9bd2;--chart-09:#72aec0;--chart-10:#b28ace;--chart-11:#98a968;--chart-12:#d87878;--shadow-none:0 0 0 #11121600;--shadow-raised:0 4px 12px #1112160f;--shadow-overlay:0 8px 24px #1112161a;--shadow-floating:0 16px 48px #11121624;--shadow-sm:var(--shadow-raised);--shadow-lg:var(--shadow-floating);--scrollbar-size:6px;--scrollbar-thumb:#9a9da8;--scrollbar-thumb-hover:#777a85;--scrollbar-track:transparent;background:#f7f7fa}*{box-sizing:border-box}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-track-piece{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:0;border-radius:9996px;min-width:32px;min-height:32px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-button{background:0 0;width:0;height:0;display:none}::-webkit-scrollbar-button:single-button{background:0 0;width:0;height:0;display:none}::-webkit-scrollbar-button:vertical{background:0 0;width:0;height:0;display:none}::-webkit-scrollbar-button:horizontal{background:0 0;width:0;height:0;display:none}::-webkit-scrollbar-corner{background:0 0}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background:var(--canvas);min-width:0;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a,button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:4px}::selection{background:var(--accent-soft);color:var(--accent-strong)}.app[data-brand=sky]{--accent:#087cf0;--accent-soft:#e7f3ff;--accent-strong:#005ec2;--link:#005ec2;--link-hover:#00488f;--link-visited:#5a45a6}.app[data-brand=blue]{--accent:#3157e1;--accent-soft:#edf0ff;--accent-strong:#203bae;--link:#203bae;--link-hover:#172b82;--link-visited:#68429c}.app[data-brand=green]{--accent:#12845b;--accent-soft:#e4f7ef;--accent-strong:#0b6545;--link:#0b6545;--link-hover:#074a33;--link-visited:#4d5a98}.app[data-brand=violet]{--accent:#6d4aff;--accent-soft:#f0ebff;--accent-strong:#5032d7;--link:#5032d7;--link-hover:#3c25a8;--link-visited:#7440a7}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:4px;padding:12px 16px;text-decoration:none;transition:top .16s;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.brand{letter-spacing:-.02em;align-items:center;gap:8px;font-size:18px;font-weight:720;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(140deg, var(--accent), #b748ff 52%, #ff7b6b);width:32px;height:32px;box-shadow:var(--shadow-raised);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.brand-muted{color:var(--ink-3);font-weight:520}.sidebar-tools{gap:4px;margin-bottom:0;display:grid}.sidebar-tools-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-contract-link{min-width:0;height:32px;color:var(--ink-2);background:0 0;border:0;border-radius:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.sidebar-contract-link:hover{color:var(--ink);text-underline-offset:3px;background:0 0;text-decoration:underline}.sidebar-contract-link:focus-visible{outline-offset:3px}.sidebar-version{color:var(--ink-3);padding-left:0;font-size:11px;line-height:16px}.brand-picker{height:32px;position:relative}.brand-picker-trigger{border:1px solid var(--line);background:var(--surface);width:48px;height:32px;color:var(--ink-2);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0;display:flex}.brand-picker-trigger:hover{border-color:color-mix(in srgb, var(--ink-3) 48%, var(--line));background:var(--surface-subtle)}.brand-picker-trigger:focus-visible,.brand-picker.is-open .brand-picker-trigger{outline:2px solid color-mix(in srgb, var(--accent) 44%, transparent);outline-offset:2px}.brand-picker-trigger>svg{transition:transform .12s}.brand-picker.is-open .brand-picker-trigger>svg{transform:rotate(180deg)}.brand-swatch{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px #1011161f}.brand-picker-menu{z-index:30;border:1px solid var(--line);background:var(--surface);width:184px;box-shadow:var(--shadow-overlay);border-radius:8px;gap:4px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0}.brand-picker-menu button{width:100%;min-height:40px;color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:16px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;line-height:20px;display:grid}.brand-picker-menu button:hover,.brand-picker-menu button:focus-visible{background:var(--surface-subtle);color:var(--ink);outline:0}.brand-picker-menu button.is-active{color:var(--ink);font-weight:650}.brand-picker-menu button>svg{color:var(--ink)}.app-layout{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar-backdrop{display:none}.main{grid-column:2;width:100%;min-width:0;max-width:none;min-height:100vh;padding:64px 24px 0;overflow:hidden}.content-page-shell{width:min(100%,1180px);min-width:0;margin:0 auto}.main:focus{outline:none}.mobile-context,.mobile-menu{display:none}.hero{grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr);align-items:center;gap:64px;min-height:520px;padding:16px 0 80px;display:grid}.hero-copy h1{font-size:var(--font-size-display);line-height:var(--line-height-display);letter-spacing:var(--tracking-display);font-weight:var(--font-weight-heading);margin:16px 0 24px}.hero-copy h1 span{color:var(--accent)}.hero-copy>p{max-width:600px;color:var(--ink-2);margin:0;font-size:20px;line-height:32px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-actions>.button{min-height:48px;padding:12px 20px;font-size:16px}.pulse{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.system-preview{justify-content:center;align-items:center;min-height:440px;display:flex;position:relative}.preview-glow{background:radial-gradient(circle at 28% 40%, color-mix(in srgb, var(--accent) 64%, #84efff), transparent 36%), radial-gradient(circle at 72% 64%, #ff8b7a, transparent 32%), radial-gradient(circle at 64% 24%, #b84cff, transparent 40%);filter:blur(40px);opacity:.6;border-radius:48%;position:absolute;inset:8% 0}.preview-window{width:min(100%,560px);min-height:352px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffe0;border:1px solid #ffffffb8;border-radius:16px;position:relative;overflow:hidden;transform:rotate(-2deg)}.preview-top{border-bottom:1px solid var(--line);align-items:center;gap:8px;height:48px;padding:0 16px;display:flex}.preview-top>span{background:#d9dae1;border-radius:50%;width:8px;height:8px}.preview-top>span:first-child{background:var(--accent)}.preview-top small{color:var(--ink-3);margin-left:auto;font-size:12px}.preview-body{grid-template-columns:56px 1fr;min-height:304px;display:grid}.preview-rail{border-right:1px solid var(--line);flex-direction:column;gap:16px;padding:20px 16px;display:flex}.preview-rail i{background:var(--surface-subtle);border-radius:4px;width:20px;height:20px}.preview-rail i:first-child{background:var(--accent-soft);box-shadow:inset 0 0 0 4px var(--accent)}.preview-content{padding:28px 28px 24px}.preview-label{color:var(--success);font:600 12px/16px ui-monospace,monospace}.preview-title{gap:8px;margin-top:16px;display:grid}.preview-title span{background:var(--ink);border-radius:4px;width:68%;height:24px}.preview-title span+span{background:#c8c9d0;width:44%;height:12px}.preview-card-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px;display:grid}.preview-card-row div{background:var(--surface-subtle);border-radius:8px;height:80px}.preview-card-row div:nth-child(2){background:linear-gradient(145deg, var(--accent-soft), #fff);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent)}.preview-code{color:#fff;background:#18191e;border-radius:6px;align-items:center;gap:12px;margin-top:20px;padding:12px 16px;font:500 12px/16px ui-monospace,monospace;display:flex}.preview-code span{color:#bcaeff}.preview-code b{color:#fff}.preview-code em{color:#77e6be;margin-left:auto;font-style:normal}.floating-chip{z-index:2;height:36px;box-shadow:var(--shadow-sm);color:var(--ink-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #fffc;border-radius:9996px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:650;display:flex;position:absolute}.chip-one{top:56px;left:-8px}.chip-two{bottom:48px;right:8px}.radio-group-preview{border:0;gap:4px;width:min(100%,320px);margin:0;padding:0;display:grid}.radio-group-preview legend{color:var(--ink);padding:0;font-size:14px;font-weight:650;line-height:20px}.radio-group-preview>small{color:var(--ink-3);font-size:12px;line-height:16px}.radio-group-preview>div{gap:8px;margin-top:4px;display:grid}.metric-strip{border:1px solid var(--line);background:var(--line);box-shadow:var(--shadow-sm);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 0 112px;display:grid;overflow:hidden}.metric{background:var(--surface);flex-direction:column;justify-content:center;gap:8px;min-height:120px;padding:24px;display:flex}.metric strong{letter-spacing:-.03em;font-size:28px;line-height:32px}.metric span{color:var(--ink-3);font-size:12px;line-height:16px}.area-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;display:grid}.area-card{border:1px solid var(--line);background:var(--surface);min-height:248px;color:inherit;border-radius:12px;padding:24px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:block}.area-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px)}.area-card:focus-visible{box-shadow:0 0 0 4px var(--accent-soft), inset 0 0 0 1px var(--accent);outline:0}.area-icon{width:40px;height:40px;color:var(--accent);background:var(--accent-soft);border-radius:6px;justify-content:center;align-items:center;display:flex}.area-card h3{margin:48px 0 8px;font-size:20px;line-height:28px}.area-card p{color:var(--ink-3);margin:0;font-size:14px;line-height:20px}.manifesto{background:var(--ink);color:#fff;border-radius:16px;grid-template-columns:1.2fr .8fr;align-items:end;gap:48px;margin:112px 0;padding:48px;display:grid;position:relative;overflow:hidden}.manifesto:after{content:"";background:radial-gradient(circle, var(--accent), transparent 68%);opacity:.72;border-radius:50%;width:320px;height:320px;position:absolute;top:-160px;right:-120px}.manifesto .section-kicker{color:#bfb1ff}.manifesto h2{max-width:640px;font-size:var(--font-size-3xl);line-height:var(--line-height-3xl);letter-spacing:var(--tracking-display);font-weight:var(--font-weight-heading);margin:8px 0 0}.manifesto>p{z-index:1;color:#c7c8cf;margin:0;font-size:16px;line-height:24px;position:relative}.text-button{z-index:1;color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:fit-content;padding:0;font-size:14px;font-weight:650;display:inline-flex;position:relative}.resource-link{border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:14px;font-weight:620;text-decoration:none;display:inline-flex}.page-actions .resource-link{border-radius:6px;min-height:32px;padding:4px 10px;font-size:12px;line-height:16px}.doc-section{margin:0 0 112px}.doc-section>.section-intro{margin-bottom:32px}.theme-switcher{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.theme-switcher button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:6px;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:14px;display:inline-flex}.theme-switcher button>span{border-radius:50%;width:12px;height:12px}.theme-switcher button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.color-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.color-swatch{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.color-swatch-preview{flex:none;height:112px}.color-swatch-copy{gap:8px;padding:16px;display:grid}.color-swatch-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.color-swatch-heading h3{min-width:0;color:var(--ink);margin:0;font-size:16px;line-height:24px}.color-swatch-heading code{overflow-wrap:anywhere;min-width:0;color:var(--ink-3);font:500 11px/16px var(--font-family-mono);opacity:.68;text-align:right}.color-swatch-copy>p{min-height:20px;color:var(--ink-2);margin:0;font-size:12px;line-height:20px}.color-format-list{border-top:1px solid var(--line);gap:0;margin:8px 0 0;padding-top:8px;display:grid}.color-format-list>div{grid-template-columns:52px minmax(0,1fr);align-items:baseline;gap:8px;min-width:0;padding:4px 0;display:grid}.color-format-list dt{color:var(--ink-3);font:650 10px/16px var(--font-family-mono);letter-spacing:.04em}.color-format-list dd{overflow-wrap:anywhere;min-width:0;color:var(--ink-2);font:500 11px/16px var(--font-family-mono);text-align:right;margin:0}.swatch-accent>div{background:var(--accent)}.swatch-soft>div{background:var(--accent-soft)}.swatch-ink>div{background:var(--ink)}.swatch-surface>div{background:var(--surface)}.swatch-canvas>div{background:var(--canvas)}.swatch-line>div{background:var(--line)}.semantic-color-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.semantic-color-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;min-width:0;padding:24px;display:flex}.semantic-color-card h3{margin:8px 0 24px;font-size:20px;line-height:28px}.text-color-preview,.link-color-preview,.disabled-color-preview{background:var(--canvas);border-radius:8px;flex-direction:column;justify-content:center;gap:8px;min-height:144px;margin-bottom:24px;padding:20px;display:flex}.text-color-preview strong{color:var(--ink)}.text-color-preview span{color:var(--ink-2)}.text-color-preview small{color:var(--hint);font-size:14px;line-height:20px}.text-color-preview em{color:var(--disabled-text);font-size:14px;font-style:normal;line-height:20px}.link-color-preview a{text-underline-offset:4px;width:fit-content;font-size:14px;line-height:20px;text-decoration:underline}.link-color-preview a:first-child{color:var(--link)}.link-color-preview a:nth-child(2){color:var(--link-hover)}.link-color-preview a:nth-child(3){color:var(--link-visited)}.disabled-color-preview button{border:1px solid var(--disabled-border);background:var(--disabled-bg);min-height:40px;color:var(--disabled-text);cursor:not-allowed;border-radius:6px;padding:8px 12px}.disabled-color-preview span{color:var(--disabled-text);font-size:12px;line-height:16px}.color-token-list{border-top:1px solid var(--line);gap:0;margin:auto 0 0;padding:0;list-style:none;display:grid}.color-token-list li{border-bottom:1px solid var(--line);grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:44px;display:grid}.color-token-list i{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);border-radius:2px;width:16px;height:16px}.color-token-list code{overflow-wrap:anywhere;color:var(--ink-2);font:600 12px/16px ui-monospace,monospace}.color-token-list span{color:var(--ink-3);text-align:right;font-size:12px;line-height:16px}.status-color-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.status-color-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0;padding:24px;overflow:hidden}.status-color-card>div{background:var(--canvas);min-height:104px;color:var(--ink-2);border-radius:8px;align-content:center;justify-items:start;gap:8px;margin-bottom:24px;padding:20px;display:grid}.status-color-card>div span{color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;line-height:16px}.status-color-card>div strong{background:var(--status-surface);width:fit-content;color:var(--ink-2);border-radius:9996px;padding:8px 16px;font-size:18px;line-height:24px}.status-color-info{--status-surface:var(--info-soft)}.status-color-success{--status-surface:var(--success-soft)}.status-color-warning{--status-surface:var(--warning-soft)}.status-color-danger{--status-surface:var(--danger-soft)}.chart-foundation[data-chart-theme=pastel]{--chart-01:#70b5f7;--chart-02:#a18cf2;--chart-03:#61b6b2;--chart-04:#e49378;--chart-05:#7fb286;--chart-06:#d17da2;--chart-07:#cca452;--chart-08:#7e9bd2;--chart-09:#72aec0;--chart-10:#b28ace;--chart-11:#98a968;--chart-12:#d87878}.chart-foundation[data-chart-theme=contrast]{--chart-01:#6d4aff;--chart-02:#187f91;--chart-03:#cb5a3d;--chart-04:#426fbf;--chart-05:#478f50;--chart-06:#b83e75;--chart-07:#ae790f;--chart-08:#328873;--chart-09:#7b4fb3;--chart-10:#657f2d;--chart-11:#c14949;--chart-12:#3e6699}.chart-foundation[data-chart-theme=gradient]{--chart-01:#4ea879;--chart-02:#4fa58a;--chart-03:#4fa19b;--chart-04:#509cac;--chart-05:#5596ba;--chart-06:#5d8fc5;--chart-07:#6986cc;--chart-08:#787ccd;--chart-09:#8972cb;--chart-10:#9967c6;--chart-11:#a75cbe;--chart-12:#b44cb5}.chart-theme-switcher{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.chart-theme-switcher>button{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:80px;color:inherit;text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:64px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:12px 16px;display:grid}.chart-theme-switcher>button:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));background:color-mix(in srgb, var(--accent-soft) 24%, var(--surface))}.chart-theme-switcher>button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.chart-theme-switcher>button:focus-visible{outline:4px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:4px}.chart-theme-preview{border-radius:4px;width:64px;height:32px;display:flex;overflow:hidden}.chart-theme-preview i{flex:1}.chart-theme-switcher>button>span:nth-child(2){gap:4px;min-width:0;display:grid}.chart-theme-switcher strong{font-size:14px;line-height:20px}.chart-theme-switcher small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:16px;overflow:hidden}.chart-theme-switcher>button.is-active small{color:var(--accent-strong);opacity:.8}.chart-palette{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:32px;display:grid}.chart-palette>div{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:0 12px;min-width:0;display:grid;overflow:hidden}.chart-palette i{grid-row:1/4;width:40px;height:64px}.chart-palette code{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;align-self:end;padding-top:8px;font:600 12px/16px ui-monospace,monospace;overflow:hidden}.chart-palette small{min-width:0;color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;align-self:center;font:500 10px/14px ui-monospace,monospace;overflow:hidden}.chart-palette span{min-width:0;color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;align-self:start;padding:4px 8px 8px 0;font-size:12px;line-height:16px;overflow:hidden}.stacked-chart-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;margin:0;padding:32px}.stacked-chart-card figcaption{max-width:720px}.stacked-chart-card h2{margin:8px 0;font-size:28px;line-height:36px}.stacked-chart-card figcaption p{color:var(--ink-2);margin:0;font-size:14px;line-height:20px}.stacked-chart{grid-template-columns:32px minmax(0,1fr);gap:12px;min-width:0;margin-top:40px;display:grid}.chart-axis{height:320px;color:var(--ink-3);text-align:right;flex-direction:column;justify-content:space-between;font:500 12px/16px ui-monospace,monospace;display:flex}.chart-plot{min-width:0;height:360px;position:relative}.chart-grid-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 40px}.chart-grid-lines i{border-top:1px solid var(--line);display:block}.chart-columns{z-index:1;grid-template-columns:repeat(6,minmax(24px,64px));justify-content:space-around;gap:12px;height:360px;display:grid;position:relative}.chart-column-wrap{text-align:center;grid-template-rows:320px 40px;gap:0;min-width:0;display:grid}.stacked-column{background:var(--surface-subtle);min-width:0;box-shadow:0 0 0 1px var(--line);border-radius:6px 6px 2px 2px;flex-direction:column-reverse;display:flex;overflow:hidden}.stacked-column i{min-height:2px;box-shadow:inset 0 1px #ffffff80}.chart-column-wrap strong{color:var(--ink-3);align-self:end;font-size:12px;line-height:16px;display:grid}.chart-column-wrap small{color:var(--accent-strong);font-size:12px;line-height:16px}.chart-legend{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:12px 20px;margin-top:32px;padding-top:24px;display:grid}.chart-legend span{min-width:0;color:var(--ink-2);align-items:center;gap:8px;font-size:12px;line-height:16px;display:flex}.chart-legend i{border-radius:2px;flex:none;width:12px;height:12px}.chart-data-table{contain:strict;table-layout:fixed;white-space:normal;max-width:1px}.chart-data-table *{overflow:hidden}.chart-guidance{background:var(--accent-soft);color:var(--accent-strong);border-radius:8px;gap:4px;margin-top:24px;padding:20px 24px;display:grid}.chart-guidance strong{font-size:14px;line-height:20px}.chart-guidance p{max-width:800px;margin:0;font-size:12px;line-height:16px}.two-column-doc{grid-template-columns:1.2fr .8fr;align-items:start;gap:64px;display:grid}.space-list{gap:12px;margin-top:32px;display:grid}.space-list>div{grid-template-columns:32px minmax(64px,1fr) 80px;align-items:center;gap:16px;min-height:32px;display:grid}.space-list span{color:var(--ink-3);font-size:12px}.space-list i{background:var(--accent);border-radius:2px;max-width:100%;height:8px;display:block}.space-list code,.type-row code{color:var(--ink-3);font:500 12px/16px ui-monospace,monospace}.rule-callout{background:linear-gradient(145deg, var(--accent-soft), var(--surface));min-height:264px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:12px;padding:32px}.rule-callout>svg{color:var(--accent)}.rule-callout strong{margin-top:40px;font-size:20px;display:block}.rule-callout p{color:var(--ink-2);margin:8px 0 24px;line-height:24px}.rule-callout small{color:var(--ink-3);font-size:12px;line-height:16px}.shadow-token-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.shadow-token-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0;overflow:hidden}.shadow-token-preview{background:var(--canvas);place-items:center;min-height:184px;display:grid;position:relative}.shadow-token-preview:after{content:"";border:1px solid var(--line);background:var(--surface);border-radius:8px;width:96px;height:96px}.shadow-token-preview[data-shadow=none]:after{box-shadow:var(--shadow-none)}.shadow-token-preview[data-shadow=raised]:after{box-shadow:var(--shadow-raised)}.shadow-token-preview[data-shadow=overlay]:after{box-shadow:var(--shadow-overlay)}.shadow-token-preview[data-shadow=floating]:after{box-shadow:var(--shadow-floating);border-radius:12px}.shadow-token-preview>span{color:var(--ink-3);place-self:start;margin:16px;font:600 12px/16px ui-monospace,monospace;position:absolute}.shadow-token-copy{padding:20px}.shadow-token-copy>code{color:var(--ink-3);font:600 12px/16px ui-monospace,monospace}.shadow-token-copy h3{margin:8px 0;font-size:20px;line-height:28px}.shadow-token-copy>p{min-height:40px;color:var(--ink-2);margin:0 0 20px;font-size:14px;line-height:20px}.shadow-token-copy dl{border-top:1px solid var(--line);margin:0}.shadow-token-copy dl>div{border-bottom:1px solid var(--line);gap:4px;padding:12px 0;display:grid}.shadow-token-copy dl>div:last-child{border-bottom:0;padding-bottom:0}.shadow-token-copy dt{color:var(--ink-3);font-size:12px;line-height:16px}.shadow-token-copy dd{color:var(--ink-2);margin:0;font:600 12px/16px ui-monospace,monospace}.shadow-guidance-section{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:stretch;gap:48px;display:grid}.shadow-guidance-section>div:first-child{grid-template-rows:auto minmax(360px,1fr);gap:32px;min-width:0;display:grid}.shadow-guidance-section>div:first-child>.section-intro{margin:0}.shadow-layer-demo{border:1px solid var(--line);background:var(--surface-subtle);border-radius:12px;min-height:360px;position:relative;overflow:hidden}.shadow-layer-demo>span{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);place-items:center;font-size:14px;font-weight:650;line-height:20px;display:grid;position:absolute}.shadow-demo-base{border-radius:8px;width:72%;height:216px;top:72px;left:8%}.shadow-demo-overlay{width:48%;height:160px;box-shadow:var(--shadow-overlay);border-radius:8px;top:40px;right:8%}.shadow-demo-floating{width:52%;height:136px;box-shadow:var(--shadow-floating);border-radius:12px;bottom:24px;left:24%}.shadow-rules{grid-template-rows:repeat(4,minmax(128px,1fr));gap:12px;display:grid}.shadow-rules article{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:32px minmax(0,1fr);align-content:center;gap:4px 12px;min-height:128px;padding:20px;display:grid}.shadow-rules article>span{color:var(--ink-3);grid-row:1/3;font:600 12px/16px ui-monospace,monospace}.shadow-rules strong{font-size:14px;line-height:20px}.shadow-rules p{color:var(--ink-3);margin:0;font-size:12px;line-height:20px}.font-family-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:32px;padding:32px;display:grid}.font-family-sample{background:var(--ink);color:#fff;border-radius:10px;align-content:center;min-height:240px;padding:32px;display:grid}.font-family-sample>span{color:#c9bcff;letter-spacing:-.06em;font-size:96px;font-weight:650;line-height:96px}.font-family-sample strong{margin-top:16px;font-size:24px;line-height:32px}.font-family-sample p{color:#c7c8cf;margin:8px 0 0;font-size:14px;line-height:20px}.font-stack-list{align-content:center;gap:0;margin:0;display:grid}.font-stack-list>div{border-bottom:1px solid var(--line);grid-template-columns:128px minmax(0,1fr);gap:16px;padding:24px 0;display:grid}.font-stack-list>div:last-child{border-bottom:0}.font-stack-list dt{color:var(--ink-3);font-size:12px;font-weight:650;line-height:16px}.font-stack-list dd{gap:8px;min-width:0;margin:0;display:grid}.font-stack-list code{overflow-wrap:anywhere;color:var(--accent-strong);font:600 12px/20px ui-monospace,monospace}.font-stack-list span{color:var(--ink-2);font-size:14px;line-height:20px}.typography-glossary{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.typography-glossary article{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;min-height:220px;padding:20px;display:flex}.typography-glossary article>span{color:var(--ink-3);font:600 12px/16px ui-monospace,monospace}.typography-glossary h3{margin:auto 0 8px;font-size:18px;line-height:24px}.typography-glossary p{color:var(--ink-3);margin:0;font-size:14px;line-height:20px}.typography-glossary code{color:var(--ink-2);font-size:12px}.type-notation{background:var(--accent-soft);color:var(--accent-strong);border-radius:10px;align-items:center;gap:24px;margin-top:24px;padding:24px 32px;display:flex}.type-notation>div{align-items:center;gap:12px;display:flex}.type-notation strong{font-size:48px;line-height:52px}.type-notation span{font-size:12px;line-height:16px}.type-notation>i{opacity:.5;font-size:32px;font-style:normal;line-height:40px}.type-notation p{color:var(--ink-2);margin:0 0 0 auto;font-size:14px;line-height:20px}.type-notation code{color:var(--ink-2);font:600 12px/16px ui-monospace,monospace}.type-table{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden}.type-table-head,.type-row{grid-template-columns:128px minmax(240px,1fr) 64px 96px 96px 72px;align-items:center;gap:16px;display:grid}.type-table-head{border-bottom:1px solid var(--line);background:var(--surface-subtle);min-height:48px;color:var(--ink-3);padding:8px 20px;font-size:12px;font-weight:650;line-height:16px}.type-row{border-bottom:1px solid var(--line);min-height:120px;padding:16px 20px}.type-row:last-child{border-bottom:0}.type-row>span:first-child{gap:4px;min-width:0;display:grid}.type-row>span:first-child strong{font-size:14px;line-height:20px}.type-row>span:first-child code,.type-row>code{color:var(--ink-3);font:500 12px/16px ui-monospace,monospace}.type-sample{gap:4px;min-width:0;display:grid;overflow:hidden}.type-sample b{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.type-sample small{color:var(--ink-3);font-size:12px;line-height:16px}.typography-guidance{background:var(--canvas);color:var(--ink);border-radius:8px;gap:4px;margin-top:24px;padding:20px 24px;display:grid}.typography-guidance strong{font-size:14px;line-height:20px}.typography-guidance p{max-width:880px;color:var(--ink-2);margin:0;font-size:12px;line-height:20px}.typography-guidance code{color:var(--accent-strong);font:600 12px/16px ui-monospace,monospace}.status-badge{color:var(--ink-2)}.status-badge-ready{background:var(--success-soft)}.status-badge-beta{background:var(--warning-soft)}.status-badge-planned{background:var(--info-soft)}.atomic-flow{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:64px;display:grid}.atomic-flow>div{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;justify-content:center;gap:8px;min-height:96px;padding:16px;display:flex;position:relative}.atomic-flow span{color:var(--accent-strong);font-size:12px;font-weight:700}.atomic-flow strong{font-size:14px}.atomic-flow svg{z-index:2;color:var(--ink-3);position:absolute;right:-16px}.component-section{border-top:1px solid var(--line);grid-template-columns:minmax(200px,.72fr) minmax(0,1.28fr);gap:48px;padding:48px 0;display:grid}.component-meta h2{margin:8px 0 12px;font-size:28px}.component-meta p{color:var(--ink-3);margin:0;font-size:14px;line-height:20px}.component-stage{border:1px solid var(--line);background-color:var(--surface);background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:16px 16px;border-radius:12px;flex-direction:column;justify-content:center;gap:32px;min-height:200px;padding:32px;display:flex}.component-row{flex-wrap:wrap;gap:12px;display:flex}.spec-row{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:8px;padding-top:24px;display:grid}.spec-row div{gap:4px;display:grid}.spec-row span{color:var(--ink-3);font-size:12px}.spec-row code{font:600 12px/16px ui-monospace,monospace}.field-demo{width:100%;max-width:520px}.field-demo>label{color:var(--ink-3);font-size:14px;font-weight:var(--font-weight-book)}.field-demo .input-field-control{min-height:48px;box-shadow:0 0 0 4px var(--accent-soft)}.field-demo .input-field-control svg{color:var(--accent)}.field-demo kbd{border:1px solid var(--line);background:var(--surface-subtle);color:var(--ink-3);border-radius:4px;padding:4px 8px;font:500 12px/16px ui-monospace,monospace}.status-panel{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;padding:24px;display:grid}.status-icon{background:var(--success-soft);width:48px;height:48px;color:var(--success);border-radius:8px;justify-content:center;align-items:center;display:flex}.status-panel h3{margin:8px 0 4px;font-size:18px}.status-panel p{color:var(--ink-3);margin:0;font-size:14px}.toast{z-index:40;background:var(--ink);color:#fff;min-height:48px;box-shadow:var(--shadow-lg);border-radius:6px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;animation:.2s toast-in;display:flex;position:fixed;bottom:24px;right:24px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.rule-set-overview{grid-template-columns:1fr 1fr;gap:12px;margin:-24px 0 32px;display:grid}.rule-set-overview article{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:56px 1fr;align-items:center;gap:16px;min-height:104px;padding:20px;display:grid}.rule-set-overview article>span{background:var(--surface-subtle);width:56px;height:56px;color:var(--ink-2);border-radius:8px;place-items:center;font-size:24px;font-weight:650;line-height:32px;display:grid}.rule-set-overview strong{font-size:16px;line-height:24px}.rule-set-overview p{color:var(--ink-3);margin:4px 0 0;font-size:12px;line-height:16px}.filter-bar{z-index:8;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #e3e4eae6;border-radius:8px;justify-content:space-between;gap:16px;margin-bottom:32px;padding:12px;display:flex;position:sticky;top:88px}.guidelines-search{gap:0;min-width:240px}.guidelines-search .input-field-control{height:40px}.guidelines-search svg{color:var(--accent)}.filter-groups{gap:8px;display:flex}.results-count{color:var(--ink-3);margin-bottom:12px;font-size:12px}.rules-list{gap:12px;display:grid}.rule-set-section{margin-top:20px}.rule-set-section>header{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);align-items:end;gap:32px;margin-bottom:16px;padding:0 4px;display:grid}.rule-set-section>header span{color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:650;line-height:16px}.rule-set-section>header h2{margin:4px 0 0;font-size:24px;line-height:32px}.rule-set-section>header p{color:var(--ink-3);margin:0;font-size:14px;line-height:20px}.rule-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-bottom:12px;scroll-margin-top:96px;overflow:hidden}.rule-card.is-open{border-color:color-mix(in srgb, var(--accent) 32%, var(--line));box-shadow:var(--shadow-sm)}.rule-summary{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;width:100%;padding:24px;display:grid}.rule-summary h2{letter-spacing:-.02em;grid-column:1;margin:0;font-size:24px;line-height:32px}.rule-summary>p{max-width:760px;color:var(--ink-2);grid-column:1;margin:0;font-size:14px;line-height:20px}.rule-toggle{color:var(--accent-strong);grid-area:1/2/3;align-self:center;align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.rule-card.is-open .rule-toggle svg{transform:rotate(180deg)}.inline-notice{border:1px solid color-mix(in srgb, var(--danger) 24%, var(--line));background:var(--danger-soft);color:var(--danger);border-radius:6px;align-items:center;gap:12px;padding:16px;display:flex}.inline-notice>span{gap:4px;font-size:12px;line-height:16px;display:grid}.inline-notice strong{font-size:14px;line-height:20px}.rule-details{gap:24px;padding:0 24px 24px;display:grid}.rationale{background:var(--accent-soft);color:var(--accent-strong);border-radius:6px;gap:12px;padding:16px;display:flex}.rationale p{margin:4px 0 0;font-size:14px;line-height:20px}.practice-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.practice{border-radius:8px;gap:12px;padding:20px;display:flex}.practice p{color:var(--ink-2);margin:8px 0 0;font-size:14px;line-height:20px}.practice.good{background:var(--success-soft)}.practice.good>svg,.practice.good strong{color:var(--success)}.practice.bad{background:var(--danger-soft)}.practice.bad>svg,.practice.bad strong{color:var(--danger)}.rule-bottom{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:32px;padding-top:24px;display:grid}.rule-bottom>div{flex-direction:column;gap:8px;display:flex}.rule-bottom>div>strong{text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:12px}.rule-bottom ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rule-bottom li{color:var(--ink-2);gap:8px;font-size:14px;line-height:20px;display:flex}.rule-bottom li svg{color:var(--success);flex:none;margin-top:4px}.rule-bottom a{color:var(--accent-strong);justify-content:space-between;align-items:center;gap:8px;font-size:14px;line-height:20px;text-decoration:none;display:flex}.rule-bottom a:hover{text-decoration:underline}.rule-meta{border-top:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;gap:4px 16px;padding-top:16px;font-size:12px;line-height:16px;display:flex}.rule-meta code{color:inherit;font-size:12px;line-height:16px}.rule-meta span{opacity:.8}.matrix-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:32px;display:grid}.score-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;gap:24px;padding:24px;display:grid;position:sticky;top:88px}.score-ring{--score:0deg;background:conic-gradient(var(--accent) var(--score), var(--surface-subtle) 0);border-radius:50%;place-items:center;width:176px;height:176px;margin:0 auto;display:grid;position:relative}.score-ring:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:12px}.score-ring>div{z-index:1;text-align:center;display:grid;position:relative}.score-ring strong{font-size:36px;line-height:40px}.score-ring span{color:var(--ink-3);font-size:12px}.release-status{background:var(--danger-soft);color:var(--danger);border-radius:6px;gap:12px;padding:12px;display:flex}.release-status.is-ready{background:var(--success-soft);color:var(--success)}.release-status svg{flex:none}.release-status div{gap:4px;display:grid}.release-status strong{font-size:12px;line-height:16px}.release-status span{opacity:.8;font-size:12px;line-height:16px}.score-meta{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;padding-top:20px;display:grid}.score-meta span{color:var(--ink-3);font-size:12px;display:grid}.score-meta b{color:var(--ink);font-size:20px;line-height:28px}.check-groups{gap:12px;display:grid}.check-group{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden}.check-group header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.check-group header span{color:var(--ink-3);font:500 12px/16px ui-monospace,monospace}.check-group h2{margin:4px 0 0;font-size:18px;line-height:24px}.check-row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:20px 1fr;align-items:center;gap:12px;min-height:56px;padding:12px 24px;display:grid}.check-row:last-child{border-bottom:0}.check-row:hover{background:var(--canvas)}.check-row input{opacity:0;pointer-events:none;position:absolute}.fake-check{color:#0000;border:1px solid #b7b9c2;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.check-row input:focus-visible+.fake-check{outline:4px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:4px}.check-row input:checked+.fake-check{border-color:var(--accent);background:var(--accent);color:#fff}.check-row>span:last-child{font-size:14px;line-height:20px}.contract-hero{background:linear-gradient(120deg, var(--accent-soft), var(--surface) 52%, #eafcff);min-height:144px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:12px;grid-template-columns:56px 1fr 40px;align-items:center;gap:20px;padding:24px;display:grid}.contract-icon{background:var(--ink);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.contract-hero h2{overflow-wrap:anywhere;margin:12px 0 4px;font:650 20px/28px ui-monospace,monospace}.contract-hero p{color:var(--ink-3);margin:0;font-size:14px}.icon-button{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink-2);cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.icon-button:hover{border-color:var(--accent);color:var(--accent-strong)}.live-dot{background:var(--success);border-radius:50%;width:8px;height:8px}.icon-button.mobile-menu{display:none}.contract-flow{grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;align-items:center;gap:8px;margin:32px 0 112px;display:grid}.contract-flow>svg{color:var(--ink-3)}.contract-node{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;gap:8px;min-height:132px;padding:20px;display:flex}.contract-node svg{color:var(--accent);margin-bottom:8px}.contract-node strong{font-size:14px}.contract-node span{color:var(--ink-3);font-size:12px;line-height:16px}.ai-doc{align-items:center}.prompt-box{color:#fff;background:#18191e;border-radius:8px;grid-template-columns:minmax(0,1fr) 40px;align-items:start;gap:16px;min-width:0;margin-top:24px;padding:20px;display:grid}.prompt-box p{overflow-wrap:anywhere;margin:0;font:500 14px/24px ui-monospace,monospace}.prompt-box .icon-button{color:#fff;background:#24262d;border-color:#3d3f48}.agent-result{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:32px}.agent-head{align-items:center;gap:8px;display:flex}.agent-head svg{color:var(--accent)}.agent-result ul{gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.agent-result li{color:var(--ink-2);align-items:center;gap:8px;font-size:14px;display:flex}.agent-result li svg{color:var(--success)}.endpoint-list{margin-bottom:112px}.endpoint-list h2{margin-bottom:24px;font-size:28px}.endpoint-list>div{border-top:1px solid var(--line);grid-template-columns:24px 168px 1fr 40px;align-items:center;gap:16px;min-height:64px;padding:12px 16px;display:grid}.endpoint-list>div:last-child{border-bottom:1px solid var(--line)}.endpoint-list>div>svg{color:var(--accent)}.endpoint-list strong{font-size:14px}.endpoint-list code{color:var(--ink-3);font:500 12px/16px ui-monospace,monospace}.ai-service-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0 72px;display:grid}.ai-endpoint-card{border:1px solid var(--line);background:var(--surface);min-height:240px;color:var(--ink);border-radius:8px;flex-direction:column;align-items:flex-start;padding:24px;text-decoration:none;display:flex}.ai-endpoint-card:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));background:color-mix(in srgb, var(--accent-soft) 16%, var(--surface));box-shadow:var(--shadow-raised)}.ai-endpoint-card>span{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:6px;place-items:center;margin-bottom:24px;display:grid}.ai-endpoint-card code{color:var(--accent-strong);font:650 12px/16px var(--font-family-mono)}.ai-endpoint-card h2{margin:8px 0;font-size:20px;line-height:28px}.ai-endpoint-card p{color:var(--ink-2);margin:0 0 20px;font-size:13px;line-height:20px}.ai-endpoint-card small{color:var(--accent-strong);align-items:center;gap:6px;margin-top:auto;font-size:12px;font-weight:650;line-height:16px;display:inline-flex}.ai-parameter-section{margin-bottom:64px}.ai-parameter-head{max-width:760px;margin-bottom:20px}.ai-parameter-head h2{margin:6px 0;font-size:28px;line-height:36px}.ai-parameter-head p{color:var(--ink-2);margin:0;font-size:14px;line-height:20px}.ai-parameter-table{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.ai-parameter-table>div{border-bottom:1px solid var(--line);grid-template-columns:180px 280px minmax(0,1fr);align-items:center;gap:16px;min-height:72px;padding:12px 16px;display:grid}.ai-parameter-table>div:last-child{border-bottom:0}.ai-parameter-table code{color:var(--accent-strong);font:650 12px/16px var(--font-family-mono)}.ai-parameter-table strong{font:550 12px/18px var(--font-family-mono)}.ai-parameter-table p{color:var(--ink-3);margin:0;font-size:12px;line-height:18px}.ai-example-list{margin-bottom:96px}.ai-example-list>div:not(.ai-parameter-head){border-top:1px solid var(--line);grid-template-columns:24px minmax(0,1fr) 40px 40px;align-items:center;gap:12px;min-height:64px;padding:12px 16px;display:grid}.ai-example-list>div:not(.ai-parameter-head):last-of-type{border-bottom:1px solid var(--line)}.ai-example-list>div>svg{color:var(--accent)}.ai-example-list code{overflow-wrap:anywhere;color:var(--ink-2);font:500 12px/18px var(--font-family-mono)}.loading-rows{gap:12px;display:grid}.loading-rows i{background:linear-gradient(90deg, var(--surface-subtle), var(--surface), var(--surface-subtle));background-size:200% 100%;border-radius:10px;height:112px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty-state{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-items:start;gap:8px;padding:32px;display:grid}.empty-state svg{color:var(--danger)}.empty-state h2{margin:8px 0 0;font-size:20px}.empty-state p{color:var(--ink-3);margin:0}.footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr auto;align-items:center;gap:24px;min-height:160px;margin-top:112px;padding:40px 0;display:grid}.footer p{color:var(--ink-3);font-size:14px}.footer>div:last-child{color:var(--ink-3);gap:24px;font-size:12px;display:flex}.footer a{align-items:center;gap:4px;text-decoration:none;display:flex}.token-table-section>.section-intro{margin-bottom:32px}.token-data-grid .data-grid-table-viewport table{min-width:680px}.token-data-grid .data-grid-cell code{overflow-wrap:anywhere;color:var(--accent-strong);font:600 12px/20px var(--font-family-mono)}.token-data-grid .data-grid-cell:last-child{color:var(--ink-2);font-size:14px;line-height:20px}.token-purpose-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.token-purpose-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-content:start;gap:12px;min-width:0;min-height:236px;padding:24px;display:grid}.token-purpose-card-head{color:var(--ink-3);font:600 12px/16px var(--font-family-mono);justify-content:space-between;align-items:center;gap:12px;display:flex}.token-purpose-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-strong);border-radius:8px;place-items:center;display:grid}.token-purpose-card h3{margin:8px 0 0;font-size:20px;line-height:28px}.token-purpose-card p{min-height:80px;color:var(--ink-2);margin:0;font-size:14px;line-height:20px}.token-purpose-card>code{background:var(--surface-subtle);width:fit-content;color:var(--accent-strong);font:600 12px/16px var(--font-family-mono);border-radius:4px;margin-top:auto;padding:6px 8px}.token-client-outcome{background:var(--ink);color:#fff;border-radius:10px;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:32px;margin-top:16px;padding:24px 28px;display:grid}.token-client-outcome .section-kicker{color:#a994ff}.token-client-outcome h3{color:#fff;margin:8px 0 0;font-size:24px;line-height:32px}.token-client-outcome p{color:#c7cad4;margin:0;font-size:14px;line-height:22px}.token-how-list{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin:32px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.token-how-list li{border-right:1px solid var(--line);grid-template-rows:auto auto 1fr;gap:12px;min-width:0;min-height:224px;padding:20px;display:grid}.token-how-list li:last-child{border-right:0}.token-how-index{color:var(--ink-3);font:600 12px/16px var(--font-family-mono)}.token-how-list strong{color:var(--ink);font-size:16px;line-height:24px}.token-how-list p{color:var(--ink-2);margin:0;font-size:13px;line-height:20px}.token-how-list code{background:var(--surface-subtle);width:fit-content;color:var(--accent-strong);font:600 11px/16px var(--font-family-mono);border-radius:4px;align-self:end;padding:6px 8px}.token-how-note{background:var(--accent-soft);color:var(--accent-strong);border-radius:8px;align-items:flex-start;gap:10px;margin-top:16px;padding:16px 20px;display:flex}.token-how-note svg{flex:none;margin-top:2px}.token-how-note p{margin:0;font-size:14px;line-height:20px}.token-how-note strong{font-weight:650}.token-practice-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:16px;display:grid}.token-practice-demo,.token-map-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0;margin:0;overflow:hidden}.token-demo-surface{background:var(--canvas);align-content:center;gap:32px;min-height:300px;padding:32px;display:grid}.token-demo-bar{border-bottom:1px solid var(--line);color:var(--ink-2);justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;font-size:14px;line-height:20px;display:flex}.token-demo-bar code{color:var(--accent-strong);font:600 11px/16px var(--font-family-mono)}.token-demo-body{justify-content:space-between;align-items:end;gap:24px;display:flex}.token-demo-kicker{color:var(--ink-3);font:600 11px/16px var(--font-family-mono);text-transform:uppercase;letter-spacing:.06em}.token-demo-body h3{margin:8px 0;font-size:24px;line-height:32px}.token-demo-body p{color:var(--ink-3);margin:0;font-size:13px;line-height:20px}.token-demo-body .button{flex:none}.token-practice-demo figcaption{border-top:1px solid var(--line);color:var(--ink-2);padding:16px 20px;font-size:13px;line-height:20px}.token-map-card{align-content:start;gap:24px;padding:24px;display:grid}.token-map-head{gap:8px;display:grid}.token-map-head .section-kicker{color:var(--accent-strong)}.token-map-head h3{margin:0;font-size:20px;line-height:28px}.token-map-list{border-top:1px solid var(--line);gap:0;margin:0;display:grid}.token-map-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(100px,.72fr) minmax(0,1.28fr);gap:16px;padding:12px 0;display:grid}.token-map-list dt{color:var(--ink-3);font-size:12px;line-height:16px}.token-map-list dd{gap:4px;min-width:0;margin:0;display:grid}.token-map-list code,.token-code-note code{overflow-wrap:anywhere;color:var(--accent-strong);font:600 12px/16px var(--font-family-mono)}.token-map-list span{color:var(--ink-3);font-size:12px;line-height:16px}.token-code-note{background:var(--surface-subtle);color:var(--accent-strong);border-radius:6px;align-items:center;gap:8px;padding:12px;display:flex}.token-code-note svg{flex:none}.token-flow-grid{grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:12px;margin-top:32px;display:grid}.token-flow-grid>svg{color:var(--ink-3);justify-self:center}.token-flow-grid>div{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;justify-content:center;gap:8px;min-height:144px;padding:24px;display:flex}.token-flow-grid span{color:var(--ink-3);font-size:12px;line-height:16px}.token-flow-grid code{color:var(--accent-strong);font:600 14px/20px ui-monospace,monospace}.token-flow-grid strong{font-size:16px;line-height:24px}.token-flow-grid small{color:var(--ink-3);font-size:12px;line-height:16px}.token-family-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px;display:grid}.token-family-grid article{background:var(--surface-subtle);border-radius:8px;gap:4px;min-height:112px;padding:20px;display:grid}.token-family-grid span{color:var(--accent-strong);font:600 12px/16px ui-monospace,monospace}.token-family-grid strong{align-self:end;font-size:18px;line-height:24px}.token-family-grid small{color:var(--ink-3);font-size:12px;line-height:16px}.token-family-grid p{color:var(--ink-3);margin:4px 0 0;font-size:12px;line-height:16px}.grid-specs{grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0 24px;display:grid}.grid-specs>div{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:4px;padding:20px;display:grid}.grid-specs strong{font-size:16px;line-height:24px}.grid-specs span{color:var(--ink-3);font-size:14px;line-height:20px}.grid-specs code{color:var(--accent-strong);margin-top:12px;font:600 12px/16px ui-monospace,monospace}.grid-visual{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:repeat(12,1fr);gap:24px;min-height:280px;padding:32px;display:grid;overflow:hidden}.grid-visual i{background:color-mix(in srgb, var(--accent) 14%, var(--accent-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:4px;display:block}.component-library-install{background:var(--ink);color:#fff;border-radius:10px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:32px;margin-top:64px;padding:28px 32px;display:grid}.component-library-install .section-kicker{color:#a994ff}.component-library-install h2{letter-spacing:-.025em;margin:8px 0 12px;font-size:28px;line-height:36px}.component-library-install p{color:#c7cad4;max-width:460px;margin:0;font-size:14px;line-height:20px}.component-library-install-steps{gap:12px;display:grid}.component-library-install-steps article{gap:8px;display:grid}.component-library-install-steps h3{color:#c7cad4;margin:0;font-size:12px;font-weight:650;line-height:16px}.component-library-install pre{color:#f4f1ff;font:500 13px/22px var(--font-family-mono);background:#24262d;border:1px solid #3d3f48;border-radius:6px;margin:0;padding:16px 20px;overflow-x:auto}.component-library-install code{font:inherit}.component-catalog-footer{justify-content:flex-end}.component-catalog-page>.page-header{margin-bottom:32px}.component-catalog{padding-top:0}.catalog-search{width:100%;max-width:none}.catalog-search .input-field-label{font-size:16px;line-height:24px}.catalog-search .input-field-control{border-color:color-mix(in srgb, var(--ink-3) 28%, var(--line));box-shadow:var(--shadow-sm)}.catalog-search .input-field-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.catalog-search-clear.button{flex:none}.component-purpose-filters{flex-wrap:wrap;gap:8px;margin:16px 0 24px;display:flex}.catalog-reset{color:var(--accent-strong);margin:-8px 0 24px}.component-card-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.component-catalog-card{border:1px solid var(--line);background:var(--surface);min-height:224px;color:var(--ink);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;padding:20px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.component-catalog-card:hover{border-color:color-mix(in srgb, var(--accent) 32%, var(--line));box-shadow:var(--shadow-sm);transform:translateY(-4px)}.component-catalog-title{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.component-catalog-title strong{font-size:18px;line-height:24px}.component-catalog-title .status-badge{min-height:20px;padding:2px 7px;font-size:11px;line-height:14px}.component-catalog-api{color:var(--ink-3);margin-top:4px;font:500 12px/16px ui-monospace,monospace;display:block}.component-catalog-description{color:var(--ink-2);margin-top:12px;font-size:14px;line-height:20px}.component-catalog-footer{color:var(--ink-3);margin-top:auto;padding-top:20px}.component-catalog-footer small{font-size:12px;line-height:16px}.component-catalog-footer svg{color:var(--accent);flex:none}.catalog-load-more{border:1px solid var(--line);background:var(--surface);min-height:48px;color:var(--ink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin:24px auto 0;padding:8px 20px;font-size:14px;font-weight:650;line-height:20px;display:flex}.catalog-load-more:hover{border-color:var(--accent);color:var(--accent-strong)}.catalog-load-more span{color:var(--ink-3);font-weight:450}.catalog-empty{border:1px dashed var(--line);color:var(--ink-3);text-align:center;border-radius:10px;padding:48px 24px;font-size:14px;line-height:20px}.component-review-page>.page-header{margin-bottom:32px}.component-review-form{gap:16px;display:grid}.component-review-form-header{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:start;gap:24px;padding:24px;display:flex}.component-review-form-header>div:first-child{gap:8px;display:grid}.component-review-form-header h2{letter-spacing:-.025em;margin:4px 0 0;font-size:28px;line-height:36px}.component-review-form-header p{max-width:600px;color:var(--ink-2);margin:0;font-size:14px;line-height:20px}.component-review-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.component-review-form>.tabs{margin-inline:8px}.component-review-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;display:grid}.component-review-grid>section,.component-review-settings,.component-review-support{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:24px}.component-review-fields{gap:16px;margin-top:24px;display:grid}.component-review-option-group{gap:10px;display:grid}.component-review-option-group>span{color:var(--ink-2);font-size:13px;line-height:20px}.component-review-support{grid-template-columns:1fr minmax(260px,.75fr);align-items:end;gap:24px;display:grid}.component-review-support>div{gap:12px;display:grid}.component-review-support strong{font-size:14px;line-height:20px}.component-review-chips{flex-wrap:wrap;gap:8px;display:flex}.main-components{overflow:visible}.main-workbench{padding:64px 24px}.main-workbench .mobile-context{margin-bottom:24px}.component-doc{min-width:0}.component-playground-layout{grid-template-columns:minmax(0,1fr) 288px;align-items:stretch;gap:16px;margin-bottom:24px;display:grid}.component-playground-layout .playground-section{flex-direction:column;grid-area:1/1;height:100%;min-height:640px;margin-bottom:0;display:flex}.property-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:10px}.property-panel-detail{grid-area:1/2;height:100%;position:sticky;top:96px}.component-back{min-height:32px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:12px;font-weight:650;display:inline-flex}.component-back:hover{background:var(--surface);color:var(--ink)}.component-detail-breadcrumb{margin-bottom:8px}.component-detail-header{padding:24px 0 40px}.component-detail-title{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.component-detail-title h1{letter-spacing:-.048em;margin:0;font-size:clamp(40px,5vw,64px);line-height:1}.component-detail-header p{max-width:720px;color:var(--ink-2);margin:12px 0 0;font-size:18px;line-height:28px}.component-detail-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:16px;font-size:13px;line-height:20px;display:flex}.component-detail-meta>span{align-items:center;gap:6px;display:inline-flex}.component-detail-meta>span>strong{color:var(--ink-3);font-weight:650}.component-detail-meta .badge{min-height:20px;padding:2px 8px;font-size:11px;line-height:16px}.component-composition-section{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;margin-bottom:24px;padding:24px;display:grid}.component-composition-copy h2{margin:8px 0 12px;font-size:28px;line-height:36px}.component-composition-copy p{max-width:560px;color:var(--ink-2);margin:0;font-size:14px;line-height:20px}.component-dependency-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.component-dependency-list button{border:1px solid var(--line);background:var(--surface-subtle);text-align:left;cursor:pointer;border-radius:6px;grid-template-columns:minmax(0,1fr) 16px;align-content:center;gap:0 8px;min-height:64px;padding:8px 12px;display:grid}.component-dependency-list button:hover{border-color:color-mix(in srgb, var(--accent) 44%, var(--line));background:var(--accent-soft)}.component-dependency-list button span{color:var(--ink-3);font-size:12px;line-height:16px}.component-dependency-list button strong{font-size:14px;line-height:20px}.component-dependency-list button svg{color:var(--accent-strong);grid-area:1/2/3;align-self:center}.component-reuse-policy{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:16px 0 0;list-style:none;display:grid}.component-reuse-policy li{background:var(--canvas);border-radius:6px;grid-template-columns:32px 1fr;gap:8px;padding:12px;display:grid}.component-reuse-policy li>span{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-strong);border-radius:4px;place-items:center;font:700 12px/16px ui-monospace,monospace;display:grid}.component-reuse-policy strong{font-size:14px;line-height:20px}.component-reuse-policy p{color:var(--ink-3);margin:4px 0 0;font-size:12px;line-height:20px}.playground-section,.component-doc-section{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:24px;padding:24px}.section-title-row{justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px;display:flex}.section-title-row h2,.component-doc-section h2{letter-spacing:-.02em;margin:4px 0 0;font-size:24px;line-height:32px}.playground-size{color:var(--ink-3);font:500 12px/16px ui-monospace,monospace}.playground-view-switcher{flex:none;margin-bottom:16px;display:flex}.playground-view-content{flex:auto;min-height:0;display:flex}.playground-view-content>*{width:100%}.playground-canvas{background-color:var(--canvas);background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:16px 16px;border-radius:10px;flex:auto;justify-content:center;align-items:center;min-height:280px;padding:32px;display:flex;overflow:auto}.playground-code{color:#fff;background:#18191e;border-radius:8px;grid-template-columns:1fr 40px;align-items:start;gap:16px;margin-top:16px;padding:16px;display:grid}.playground-code-fill{align-content:start;min-height:100%;margin-top:0}.playground-code pre{white-space:pre-wrap;margin:0;font:500 12px/20px ui-monospace,monospace;overflow:auto}.playground-code .icon-button{color:#fff;background:#24262d;border-color:#3d3f48}.playground-canvas-context{background-color:var(--canvas);background-image:none;align-items:stretch;padding:20px}.context-scene{background:0 0;border-radius:10px;flex-direction:column;gap:20px;width:100%;min-width:0;padding:24px;display:flex}.context-scene-heading{grid-template-columns:minmax(0,1fr) minmax(240px,.72fr);align-items:end;gap:24px;display:grid}.context-scene-heading>div{gap:4px;display:grid}.context-scene-heading span{color:var(--ink-3);font-size:12px;line-height:16px}.context-scene-heading h3{letter-spacing:-.02em;margin:0;font-size:22px;line-height:28px}.context-scene-heading p{max-width:460px;color:var(--ink-3);margin:0;font-size:13px;line-height:20px}.context-scene-body{flex:auto;place-items:center;min-height:0;display:grid}.context-form{border:1px solid var(--line);background:var(--surface);width:min(100%,560px);box-shadow:var(--shadow-floating);border-radius:10px;gap:16px;padding:24px;display:grid}.context-form-heading strong{font-size:20px;line-height:28px}.context-form-heading p{color:var(--ink-3);margin:4px 0 0;font-size:14px;line-height:20px}.context-form-choice{align-items:center;min-height:48px;padding:12px 0;display:flex}.context-form-actions{justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.context-feedback-card,.context-member-list,.context-settings-list,.context-workspace,.context-workflow-card{background:var(--surface);border-radius:10px;width:min(100%,720px);padding:24px}.context-feedback-card{gap:20px;display:grid}.context-feedback-title,.context-feedback-actions,.context-member-row,.context-workspace-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.context-feedback-title>div,.context-member-row>div:not(.context-avatar-support),.context-workspace-head>div{gap:2px;display:grid}.context-feedback-title span,.context-member-row span,.context-workspace-head span,.context-feedback-actions>span{color:var(--ink-3);font-size:12px;line-height:16px}.context-progress-support{gap:8px;display:grid}.context-progress-support i{background:var(--surface-subtle);border-radius:999px;height:8px;overflow:hidden}.context-progress-support i span{border-radius:inherit;background:var(--accent);width:64%;height:100%;display:block}.context-progress-support small{color:var(--ink-3)}.context-feedback-hint{background:var(--canvas);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.context-member-list{gap:4px;display:grid}.context-member-row{min-height:64px;padding:8px 0}.context-member-row.is-muted{color:var(--ink-2)}.context-avatar-support{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-strong);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:650;display:grid}.context-member-row>div:nth-child(2){flex:1}.context-settings-list{gap:16px;display:grid}.context-settings-list>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 16px;display:grid}.context-settings-list>div>span{color:var(--ink-3);font-size:13px;line-height:20px}.context-settings-list>div>label{grid-area:1/2/3}.context-navigation-layout{width:100%;min-width:0;display:grid}.context-navigation-layout.is-content-nav{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px}.context-navigation-main{gap:16px;min-width:0;display:grid}.context-navigation-main>.demo-breadcrumb{border-bottom:1px solid var(--line);padding-bottom:4px}.context-navigation-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.context-navigation-title>div{gap:2px;display:grid}.context-navigation-title span{color:var(--ink-3);font-size:12px}.context-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.context-project-grid article{background:var(--surface);border-radius:8px;align-content:start;gap:4px;min-width:0;min-height:112px;padding:16px;display:grid}.context-project-grid span,.context-project-grid p{color:var(--ink-3);font-size:12px;line-height:18px}.context-project-grid p{margin:4px 0 0}.context-workspace{gap:16px;display:grid}.context-document-support{background:var(--canvas);border-radius:8px;min-height:220px;padding:24px}.context-document-support strong{font-size:20px;line-height:28px}.context-document-support p{max-width:560px;color:var(--ink-2);margin:16px 0 0;font-size:14px;line-height:22px}.context-media-layout{grid-template-columns:minmax(0,1fr) 240px;align-items:stretch;gap:16px;width:100%;min-width:0;display:grid}.context-media-layout>aside{background:var(--surface);border-radius:8px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.context-media-layout>aside p{color:var(--ink-3);margin:0 0 auto;font-size:13px;line-height:20px}.context-modal-stage{background:var(--surface);border-radius:10px;place-items:center;width:100%;min-height:420px;display:grid;position:relative;overflow:hidden}.context-modal-backdrop{background:var(--canvas);color:var(--ink-3);align-content:start;gap:4px;padding:28px;display:grid;position:absolute;inset:0}.context-modal-backdrop div{background:var(--surface-subtle);border-radius:8px;width:70%;height:160px;margin-top:24px}.context-modal-stage>.modal-backdrop{z-index:1;position:relative}.context-workflow-card{gap:20px;display:grid}.context-workflow-card>div:first-child{justify-items:start;gap:8px;display:grid}.context-workflow-card p{color:var(--ink-3);margin:0;font-size:13px;line-height:20px}.context-workflow-meta{color:var(--ink-3);flex-wrap:wrap;gap:8px 24px;font-size:12px;line-height:16px;display:flex}.context-preview-missing{background:var(--danger-soft);color:var(--danger);border-radius:6px;align-self:center;padding:16px}@media (width<=800px){.playground-canvas-context{padding:8px}.context-scene{gap:16px;padding:16px}.context-scene-heading{grid-template-columns:1fr;gap:8px}.context-scene-heading p{max-width:none}.context-form,.context-feedback-card,.context-member-list,.context-settings-list,.context-workspace,.context-workflow-card{padding:16px}.context-navigation-layout.is-content-nav,.context-media-layout{grid-template-columns:1fr}.context-navigation-layout.is-content-nav>.content-nav{max-width:none}.context-project-grid{grid-template-columns:1fr}.context-media-layout>aside{min-height:200px}.context-modal-stage{min-height:360px}.context-modal-backdrop{padding:16px}}.usage-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.usage-grid>div{border-radius:8px;gap:12px;min-height:112px;padding:16px;display:flex}.usage-grid svg{flex:none}.usage-grid strong{font-size:14px;line-height:20px}.usage-grid p{color:var(--ink-2);margin:4px 0 0;font-size:14px;line-height:20px}.usage-do{background:var(--success-soft)}.usage-do svg,.usage-do strong{color:var(--success)}.usage-dont{background:var(--danger-soft)}.usage-dont svg,.usage-dont strong{color:var(--danger)}.component-spec-data-grid{--data-grid-cell-font-size:13px;color:var(--ink-2);margin-top:20px;line-height:20px}.component-spec-data-grid .data-grid-table-viewport table{min-width:760px}.component-spec-data-grid code{background:var(--surface);color:inherit;white-space:nowrap;border-radius:3px;padding:2px 6px;font:600 12px/18px ui-monospace,SFMono-Regular,Consolas,monospace}.component-spec-values{flex-wrap:wrap;gap:6px;display:flex}.related-rule-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:20px;display:grid}.related-rule-tile{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:208px;color:var(--ink);border-radius:8px;flex-direction:column;padding:20px;text-decoration:none;transition:border-color .12s,background .12s,box-shadow .12s;display:flex}.related-rule-tile>span{color:var(--ink-3);font:600 12px/16px ui-monospace,SFMono-Regular,Consolas,monospace}.related-rule-tile h3{letter-spacing:-.01em;margin:16px 0 8px;font-size:17px;line-height:24px}.related-rule-tile p{color:var(--ink-3);margin:0;font-size:13px;line-height:20px}.related-rule-tile:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 28%, var(--surface));box-shadow:var(--shadow-raised)}.related-rule-tile:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.related-rule-tile b{width:fit-content;color:var(--accent-strong);align-items:center;gap:6px;margin-top:auto;padding-top:20px;font-size:13px;font-weight:700;line-height:20px;display:inline-flex}.component-pager{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.component-pager>button{min-height:80px;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.component-pager>button:first-child{text-align:left;justify-content:flex-start}.component-pager>button:last-child{text-align:right;justify-content:flex-end}.component-pager button:hover{box-shadow:none;background:0 0;border:0}.component-pager button span{text-align:inherit;align-items:start;display:grid}.component-pager small,.component-pager strong{justify-self:start}.component-pager>button:last-child small,.component-pager>button:last-child strong{justify-self:end}.component-pager small{color:var(--ink-3);font-size:12px;line-height:16px}.component-pager strong{font-size:14px;line-height:20px}.property-panel{padding:16px}.property-panel-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:16px;display:flex}.property-panel-head>svg{color:var(--accent)}.property-panel-head div{display:grid}.property-panel-head strong{font-size:14px;line-height:20px}.property-panel-head span{color:var(--ink-3);font-size:12px;line-height:16px}.property-group{gap:4px;margin-top:16px;display:grid}.property-label{color:var(--ink-3);font-size:14px;font-weight:650;line-height:20px}.segmented-control.property-segments{background:var(--surface-subtle);border-radius:6px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;padding:4px;display:grid}.property-segments button{cursor:pointer;background:0 0;border:0;border-radius:4px;width:100%;height:32px;font-size:12px;font-weight:700}.property-segments button.is-active{background:var(--surface);color:var(--accent-strong);box-shadow:var(--shadow-sm)}.property-text-input{gap:0}.property-text-input .input-field-control{width:100%}.property-text-input .input-field-control input{font-size:14px}.property-toggles{border-top:1px solid var(--line);gap:4px;margin-top:20px;padding-top:12px;display:grid}.property-toggles:empty{display:none}.property-toggle{width:100%;min-height:40px}.property-toggle>span{color:var(--ink-3);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-regular);order:-1}.demo-control{font-family:inherit}.demo-control.is-full{width:100%!important}.demo-compact{--demo-height:32px;--demo-pad:12px;--demo-font:12px;--demo-icon:16px}.demo-regular{--demo-height:40px;--demo-pad:16px;--demo-font:14px;--demo-icon:16px}.demo-large{--demo-height:48px;--demo-pad:20px;--demo-font:16px;--demo-icon:20px}.demo-button{min-height:var(--demo-height);padding:4px var(--demo-pad);background:var(--ink);color:#fff;font-size:var(--demo-font);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-weight:650;line-height:20px;display:inline-flex}.demo-button.demo-secondary{border-color:var(--line);color:var(--ink);background:#fff}.demo-button.demo-quiet{color:var(--accent-strong);background:0 0}.demo-button.demo-danger{background:var(--danger)}.demo-button.demo-state-hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.demo-button.demo-state-pressed{transform:translateY(1px);box-shadow:inset 0 4px 8px #00000029}.demo-state-focus{outline:4px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:4px}.demo-button:disabled{opacity:.4;cursor:not-allowed}.demo-icon-button{width:var(--demo-height);height:var(--demo-height);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.demo-icon-button.demo-primary{border-color:var(--ink);background:var(--ink);color:#fff}.demo-badge{min-height:calc(var(--demo-height) - 16px);padding:2px calc(var(--demo-pad) - 8px);background:var(--accent-soft);color:var(--accent-strong);font-size:var(--demo-font);border-radius:9996px;align-items:center;gap:4px;font-weight:650;display:inline-flex}.demo-badge.demo-neutral{background:var(--surface-subtle);color:var(--ink-2)}.demo-badge.demo-success{background:var(--success-soft);color:var(--success)}.demo-badge.demo-warning{color:#885b00;background:#fff4d8}.demo-badge.demo-danger{background:var(--danger-soft);color:var(--danger)}.demo-icon-preview{color:var(--accent);align-items:center;gap:12px;display:flex}.demo-icon-preview span{color:var(--ink-3);font:500 12px/16px ui-monospace,monospace}.demo-avatar{width:calc(var(--demo-height) + 8px);height:calc(var(--demo-height) + 8px);background:linear-gradient(145deg, var(--accent), #bc4dff);color:#fff;font-size:var(--demo-font);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.demo-avatar i{background:var(--success);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.demo-avatar.demo-state-offline i{background:var(--ink-3)}.demo-choice{font-size:var(--demo-font);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.demo-choice input{opacity:0;position:absolute}.demo-choice>span{width:calc(var(--demo-height) - 16px);height:calc(var(--demo-height) - 16px);color:#0000;border:1px solid #a9abb5;border-radius:4px;justify-content:center;align-items:center;min-width:16px;min-height:16px;display:flex}.demo-choice input:checked+span{border-color:var(--accent);background:var(--accent);color:#fff}.demo-choice input:focus-visible+span{outline:4px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:4px}.demo-choice input[aria-invalid=true]+span{border-color:var(--danger);background:var(--danger-soft)}.demo-radio>span{border-radius:50%}.demo-radio>span i{background:currentColor;border-radius:50%;width:8px;height:8px}.demo-switch{font-size:var(--demo-font);background:0 0;border:0;align-items:center;gap:8px;display:inline-flex}.demo-switch>i{width:calc(var(--demo-height) + 4px);height:calc(var(--demo-height) - 12px);background:#c6c8d0;border-radius:9996px;position:relative}.demo-switch>i:after{content:"";width:calc(var(--demo-height) - 16px);height:calc(var(--demo-height) - 16px);background:#fff;border-radius:50%;transition:transform .12s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000001f}.demo-switch[aria-pressed=true]>i{background:var(--accent)}.demo-switch[aria-pressed=true]>i:after{transform:translate(16px)}.demo-field{gap:8px;width:min(100%,440px);display:grid}.demo-field>span{font-size:var(--demo-font);font-weight:650}.demo-field>div{min-height:var(--demo-height);border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:8px;padding:0 12px;display:flex}.demo-field input,.demo-field textarea{min-width:0;font-size:var(--demo-font);background:0 0;border:0;outline:0;flex:1}.demo-field textarea{min-height:calc(var(--demo-height) * 2);border:1px solid var(--line);resize:vertical;background:#fff;border-radius:6px;padding:12px}.demo-field>small{color:var(--ink-3);font-size:12px;line-height:16px}.demo-field.demo-state-error>div,.demo-field.demo-state-error textarea{border-color:var(--danger);background:var(--danger-soft)}.demo-field.demo-state-error>small{color:var(--danger)}.demo-field.demo-state-focus>div,.demo-field.demo-state-focus textarea{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.playground-canvas:has(>.ds-select){align-items:flex-start;min-height:560px;overflow:visible}.component-state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.component-state-grid article{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-content:start;gap:12px;min-width:0;padding:16px;display:grid}.component-state-grid article>span{color:var(--ink-3);font-size:12px;font-weight:650;line-height:16px}.component-state-preview{background:var(--canvas);border-radius:6px;align-items:center;min-width:0;min-height:64px;padding:8px;display:flex;overflow:auto}.component-state-preview>*{max-width:100%}.component-state-preview .modal-backdrop,.component-state-preview .demo-map{min-height:200px}.select-state-trigger{border:1px solid var(--line);background:var(--surface);border-radius:6px;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:8px;width:100%;min-height:40px;padding:4px 12px;font-size:14px;display:grid}.select-state-trigger.is-hover{border-color:color-mix(in srgb, var(--accent) 52%, var(--line));background:color-mix(in srgb, var(--accent-soft) 32%, var(--surface))}.select-state-trigger.is-pressed{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-none)}.select-state-trigger.is-focus,.select-state-trigger.is-open{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.select-state-trigger.is-open svg{transform:rotate(180deg)}.select-state-trigger.is-error{border-color:var(--danger);background:var(--danger-soft)}.select-state-trigger.is-disabled{border-color:var(--disabled-border);background:var(--disabled-bg);color:var(--disabled-text)}.select-state-trigger small{color:var(--danger);grid-column:1/-1;font-size:12px;line-height:16px}.demo-tabs,.demo-segmented{background:var(--surface-subtle);border-radius:6px;gap:4px;padding:4px;display:inline-flex}.demo-tabs button,.demo-segmented button{min-height:var(--demo-height);padding:4px var(--demo-pad);font-size:var(--demo-font);cursor:pointer;background:0 0;border:0;border-radius:4px}.demo-tabs button.is-active,.demo-segmented button.is-active{color:var(--accent-strong);box-shadow:var(--shadow-sm);background:#fff}.demo-upload{border:1px dashed color-mix(in srgb, var(--accent) 52%, var(--line));background:var(--accent-soft);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:min(100%,480px);min-height:200px;padding:24px;display:flex}.demo-upload>svg{color:var(--accent)}.demo-upload strong{font-size:var(--demo-font)}.demo-upload span{color:var(--ink-3);font-size:12px}.demo-upload button{min-height:var(--demo-height);padding:4px var(--demo-pad);background:var(--ink);color:#fff;font-size:var(--demo-font);border:0;border-radius:6px;margin-top:8px}.demo-richtext{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(100%,520px);min-height:200px;overflow:hidden}.demo-richtext>div{min-height:var(--demo-height);border-bottom:1px solid var(--line);background:var(--surface-subtle);align-items:center;gap:4px;padding:4px 8px;display:flex}.demo-richtext button{background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.demo-richtext>div>svg{color:var(--line)}.demo-richtext p{font-size:var(--demo-font);padding:16px;line-height:24px}.demo-table{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(100%,600px);overflow:hidden}.demo-table>div{min-height:var(--demo-height);border-bottom:1px solid var(--line);grid-template-columns:1fr 112px 88px;align-items:center;gap:16px;padding:8px 12px;display:grid}.demo-table>div:last-child{border-bottom:0}.demo-table>div:first-child{background:var(--surface-subtle)}.demo-table strong,.demo-table span{font-size:12px}.demo-carousel{grid-template-columns:40px 1fr 40px;align-items:center;gap:12px;width:min(100%,520px);display:grid}.demo-carousel>button{border:1px solid var(--line);background:#fff;border-radius:9996px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.demo-carousel>div{background:linear-gradient(145deg, var(--accent-soft), #d9f8ff);border-radius:10px;flex-direction:column;justify-content:flex-end;gap:8px;min-height:200px;padding:24px;display:flex}.demo-carousel span{color:var(--accent-strong);font-size:12px}.demo-carousel strong{font-size:20px}.demo-breadcrumb{width:min(100%,680px)}.demo-map{background:#eaf0ec;border-radius:10px;width:min(100%,600px);min-height:280px;position:relative;overflow:hidden}.demo-map>div{background:#c7d4cb;width:120%;height:1px;position:absolute;transform:rotate(18deg)}.demo-map>div:first-child{top:24%;left:-8%}.demo-map>div:nth-child(2){top:56%;left:-8%;transform:rotate(-12deg)}.demo-map>div:nth-child(3){top:76%;left:-8%}.demo-map>svg{color:var(--accent);filter:drop-shadow(0 4px 4px #0000001f);position:absolute;top:40%;left:48%}.demo-map>span{box-shadow:var(--shadow-sm);background:#fff;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;top:calc(40% + 36px);left:calc(48% - 48px)}.demo-workflow{border:1px solid var(--line);background:#fff;border-radius:10px;width:min(100%,600px);padding:20px}.demo-workflow>div{justify-content:center;align-items:center;gap:8px;display:flex}.demo-workflow>div span{background:var(--surface-subtle);border-radius:9996px;padding:8px 12px;font-size:12px}.demo-workflow footer{justify-content:flex-end;gap:8px;margin-top:32px;display:flex}.demo-workflow footer button{min-height:var(--demo-height);padding:4px var(--demo-pad);border:1px solid var(--line);background:#fff;border-radius:6px}.demo-workflow footer button:last-child{border-color:var(--ink);background:var(--ink);color:#fff}.demo-workflow>small{color:var(--danger);margin-top:12px;font-size:12px;line-height:16px;display:block}.demo-placeholder{color:var(--ink-3);justify-items:center;gap:8px;display:grid}.demo-placeholder strong{color:var(--ink);font-size:18px}.demo-placeholder span{font-size:12px}.demo-spin{animation:.72s linear infinite spin}.demo-icon-preview.demo-muted{color:var(--ink-3)}.demo-icon-preview.demo-default{color:var(--ink-2)}.demo-icon-preview.demo-accent{color:var(--accent)}.demo-button.demo-no-label{width:var(--demo-height);padding:0}.demo-control.demo-state-hover:not(.demo-button){filter:brightness(.97)}.demo-choice.demo-state-hover>span,.demo-switch.demo-state-hover>i,.demo-tabs.demo-state-hover button:nth-child(2),.demo-segmented.demo-state-hover button:nth-child(2){border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.demo-choice.demo-state-focus>span,.demo-switch.demo-state-focus>i{outline:4px solid var(--accent-soft);outline-offset:4px}.demo-switch:disabled,.demo-tabs button:disabled,.demo-segmented button:disabled{opacity:.44;cursor:not-allowed}.demo-choice:has(input:disabled){opacity:.44;cursor:not-allowed}.demo-choice.demo-state-error{color:var(--danger)}.demo-field.demo-with-prefix b{color:var(--ink-3)}.demo-field>div>button{width:28px;height:28px;color:var(--ink-3);background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.demo-field.demo-state-hover>div,.demo-field.demo-state-hover textarea{border-color:var(--ink-3)}.demo-field.demo-state-disabled{opacity:.56}.demo-textarea.demo-fixed textarea{resize:none}.demo-textarea.demo-resizable textarea{resize:both}.demo-tabs.demo-line{border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:0}.demo-tabs.demo-line button{border-radius:0}.demo-tabs.demo-line button.is-active{border-bottom:2px solid var(--accent);box-shadow:none;background:0 0}.demo-tabs.demo-state-disabled,.demo-segmented.demo-state-disabled{opacity:.56}.demo-upload.demo-button{background:var(--surface);text-align:left;border-style:solid;flex-direction:row;justify-content:flex-start;min-height:auto}.demo-upload.demo-button>span{flex:1}.demo-upload.demo-state-drag{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent);border-style:solid}.demo-upload.demo-state-success{border-color:var(--success);background:var(--success-soft)}.demo-upload.demo-state-error{border-color:var(--danger);background:var(--danger-soft)}.demo-richtext.demo-state-error{border-color:var(--danger)}.demo-richtext>small{color:var(--danger);padding:0 16px 12px;font-size:12px;display:block}.demo-richtext[aria-disabled=true]{opacity:.5}.demo-richtext.demo-state-focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.demo-data-state{min-height:200px;color:var(--ink-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex!important}.demo-data-state strong{color:var(--ink)}.demo-data-state button{border:1px solid var(--line);background:var(--surface);border-radius:4px;min-height:36px;padding:4px 12px}.demo-data-state.demo-state-error{color:var(--danger)}.demo-carousel.demo-state-dragging>div{box-shadow:var(--shadow-lg);transform:translate(-12px)rotate(-1deg)}.demo-map-zoom{z-index:1;border:1px solid var(--line);background:var(--surface);border-radius:4px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:12px;right:12px}.demo-workflow .is-complete{background:var(--success-soft);color:var(--success);font-weight:650}@media (width<=720px){.related-rule-grid{grid-template-columns:1fr}.related-rule-tile{min-height:176px}}.sidebar-preview-shell{border:1px solid var(--line);background:var(--surface);width:min(100%,320px);min-height:380px;box-shadow:var(--shadow-sm);border-radius:10px;display:flex;overflow:hidden}.sidebar-preview-shell .ds-sidebar{z-index:1;width:100%;min-height:380px;padding:0 12px 16px;position:relative;inset:auto}.sidebar-preview-shell .ds-sidebar-brand{flex-basis:56px;height:56px;padding-inline:8px}.sidebar-preview-brand{color:var(--ink);align-items:baseline;gap:2px;font-size:16px;font-weight:700;display:flex}.sidebar-preview-brand-muted{color:var(--ink-3);font-weight:500}.sidebar-preview-shell .ds-sidebar-nav{width:100%;padding-right:0}.sidebar-preview-shell .ds-sidebar-footer{color:var(--ink-3);margin-top:12px;padding-inline:8px;font-size:11px}.sidebar-preview-compact{width:min(100%,280px)}.sidebar-preview-large{width:min(100%,360px)}.sidebar-preview-collapsed{width:88px}.sidebar-preview-shell.sidebar-preview-collapsed .ds-sidebar{width:88px;padding-inline:8px}.sidebar-preview-shell.sidebar-preview-collapsed .ds-sidebar-brand{padding-inline:4px}.sidebar-preview-shell.sidebar-preview-collapsed .sidebar-preview-brand{font-size:0}.sidebar-preview-shell.sidebar-preview-collapsed .sidebar-preview-brand strong{background:var(--accent);border-radius:7px;width:28px;height:28px;display:block}.sidebar-preview-shell.sidebar-preview-collapsed .ds-sidebar-item{grid-template-columns:24px;justify-content:center;padding-inline:8px}.sidebar-preview-shell.sidebar-preview-collapsed .ds-sidebar-item>span,.sidebar-preview-shell.sidebar-preview-collapsed .ds-sidebar-subnav,.sidebar-preview-shell.sidebar-preview-collapsed .ds-sidebar-footer{display:none}.sidebar-preview-shell.sidebar-preview-collapsed .ds-sidebar-item>svg{margin:0}.context-scene-sidebar .context-scene-body{place-items:start center}@media (width<=1120px){.semantic-color-grid{grid-template-columns:1fr}.chart-palette,.chart-legend{grid-template-columns:repeat(3,1fr)}.shadow-token-grid{grid-template-columns:repeat(2,1fr)}.shadow-guidance-section,.font-family-card{grid-template-columns:1fr}.typography-glossary{grid-template-columns:repeat(2,1fr)}.type-notation{flex-wrap:wrap}.type-notation p{width:100%;margin-left:0}.type-table-head,.type-row{grid-template-columns:104px minmax(160px,1fr) 48px 64px 72px 56px;gap:8px}.type-sample b{font-size:32px!important;line-height:40px!important}.token-client-outcome{grid-template-columns:1fr;gap:16px}.token-practice-grid{grid-template-columns:1fr}.token-how-list{grid-template-columns:repeat(2,minmax(0,1fr))}.token-how-list li:nth-child(2){border-right:0}.token-how-list li:nth-child(-n+2){border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr}.system-preview{min-height:400px}.area-grid{grid-template-columns:repeat(2,1fr)}.manifesto{grid-template-columns:1fr}.two-column-doc{gap:32px}.component-section{grid-template-columns:1fr}.contract-flow{grid-template-columns:1fr 16px 1fr}.contract-flow>svg:nth-of-type(2){display:none}.contract-flow .contract-node:nth-of-type(3){grid-column:1}.contract-flow .contract-node:nth-of-type(4){grid-column:3}.matrix-layout{grid-template-columns:240px minmax(0,1fr)}.component-level-guide-head{grid-template-columns:1fr;gap:12px}.component-card-grid{grid-template-columns:repeat(2,1fr)}.component-playground-layout{grid-template-columns:1fr}.property-panel-detail{grid-area:1/1;height:auto;position:static}.component-playground-layout .playground-section{grid-area:2/1;height:auto;min-height:560px}.component-review-form-header,.component-review-grid,.component-review-support{grid-template-columns:1fr}.component-review-form-header{display:grid}.component-review-actions{justify-content:start}.component-composition-section{grid-template-columns:1fr}}@media (width<=800px){.sidebar-preview-shell .ds-sidebar{visibility:visible;pointer-events:auto;box-shadow:none;transform:none}}.select-state-trigger.is-pressed{transform:scale(.99);box-shadow:inset 0 4px 8px #11121614}@media (width<=800px){.icon-button.mobile-menu{display:inline-flex}.status-color-grid,.chart-theme-switcher{grid-template-columns:1fr}.chart-palette,.chart-legend{grid-template-columns:repeat(2,1fr)}.stacked-chart-card{padding:24px}.chart-columns{gap:8px}.font-family-card{padding:24px}.typography-glossary{grid-template-columns:1fr}.typography-glossary article{min-height:168px}.mobile-menu{z-index:30;background:var(--surface);box-shadow:var(--shadow-raised);display:inline-flex;position:fixed;top:12px;right:12px}.app-layout{display:block}.sidebar-backdrop{z-index:9;background:#11121647;border:0;display:block;position:fixed;inset:0}.main{padding:32px 16px 0}.mobile-context{color:var(--ink-3);align-items:center;gap:8px;margin-bottom:40px;padding-right:48px;font-size:12px;font-weight:650;display:flex}.hero{gap:32px;padding-top:0}.hero-copy h1{font-size:52px}.system-preview{min-height:344px}.preview-window{min-height:304px}.metric-strip{grid-template-columns:repeat(2,1fr);margin-bottom:80px}.area-grid{grid-template-columns:1fr}.manifesto{margin:80px 0;padding:32px}.two-column-doc{grid-template-columns:1fr}.color-grid{grid-template-columns:repeat(2,1fr)}.type-row>b{font-size:24px!important;line-height:32px!important}.atomic-flow{grid-template-columns:1fr}.atomic-flow>div{min-height:64px}.atomic-flow svg{display:none}.component-stage{padding:24px}.spec-row{grid-template-columns:repeat(2,1fr)}.status-panel{grid-template-columns:48px 1fr}.status-panel .button{grid-column:1/-1}.filter-bar{flex-direction:column;align-items:stretch;position:static}.search-field{min-width:0}.filter-groups{flex-direction:column;align-items:stretch}.segmented{overflow-x:auto}.rule-summary{grid-template-columns:1fr}.rule-summary h2,.rule-summary>p{grid-column:1}.rule-toggle{grid-area:auto/1}.practice-grid,.rule-bottom,.matrix-layout{grid-template-columns:1fr}.score-card{position:static}.score-ring{width:152px;height:152px}.contract-flow{grid-template-columns:1fr;display:grid}.contract-flow>svg{justify-self:center;transform:rotate(90deg)}.contract-flow>svg:nth-of-type(2){display:block}.contract-flow .contract-node:nth-of-type(3),.contract-flow .contract-node:nth-of-type(4){grid-column:auto}.endpoint-list>div{border-top:1px solid var(--line);grid-template-columns:24px 1fr 40px;align-items:center;gap:12px;padding:12px 16px}.endpoint-list code{overflow-wrap:anywhere;grid-column:2}.endpoint-list .icon-button{grid-area:1/3/3}.footer{grid-template-columns:1fr;align-items:start}.footer>div:last-child{flex-wrap:wrap}.token-purpose-grid,.token-how-list,.token-practice-grid{grid-template-columns:1fr}.token-client-outcome{padding:24px}.token-how-list li,.token-how-list li:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.token-how-list li:last-child{border-bottom:0}.token-demo-surface{padding:24px}.token-demo-body{flex-direction:column;align-items:start}.token-demo-body .button{justify-content:center;width:100%}.token-map-card{padding:20px}.token-flow-grid{grid-template-columns:1fr}.token-flow-grid>svg{transform:rotate(90deg)}.token-family-grid{grid-template-columns:repeat(2,1fr)}.shadow-token-grid{grid-template-columns:1fr}.shadow-token-copy>p{min-height:0}.shadow-layer-demo{min-height:320px}.grid-specs{grid-template-columns:1fr}.grid-visual{grid-template-columns:repeat(4,1fr);gap:16px;padding:16px}.grid-visual i:nth-child(n+5){display:none}.main-workbench{padding:32px 16px 64px}.component-detail-title h1{font-size:40px}.component-detail-header p{font-size:16px;line-height:24px}.playground-section,.component-doc-section{padding:16px}.playground-canvas{min-height:240px;padding:16px}.context-form{padding:16px}.context-form-actions{flex-direction:column-reverse;align-items:stretch}.context-form-actions>*{width:100%}.usage-grid,.component-state-grid,.component-pager,.component-level-grid{grid-template-columns:1fr}.component-level-card{min-height:216px}.component-composition-example{grid-template-columns:1fr}.component-composition-example>svg{justify-self:center;transform:rotate(90deg)}.component-card-grid{grid-template-columns:repeat(2,1fr)}.component-reuse-policy{grid-template-columns:1fr}.playground-canvas:has(>.ds-select){min-height:280px;overflow:hidden}}@media (width<=480px){.semantic-color-card,.status-color-card{padding:20px}.color-token-list li{grid-template-columns:16px minmax(0,1fr);padding-block:8px}.color-token-list span{text-align:left;grid-column:2}.stacked-chart-card{padding:16px}.stacked-chart{grid-template-columns:28px minmax(0,1fr);gap:8px}.chart-columns{grid-template-columns:repeat(6,minmax(20px,1fr));gap:4px}.chart-legend{grid-template-columns:1fr}.main{padding-inline:16px}.hero-copy h1{font-size:44px}.hero-copy>p{font-size:18px;line-height:28px}.hero-actions .button{width:100%}.system-preview{min-height:304px}.preview-window{transform:none}.floating-chip{display:none}.preview-content{padding:20px}.preview-card-row div:last-child{display:none}.preview-card-row{grid-template-columns:1fr 1fr}.preview-code{overflow:hidden}.preview-code em{display:none}.metric-strip{grid-template-columns:1fr}.metric{min-height:96px}.color-grid{grid-template-columns:1fr}.type-row{grid-template-columns:80px 1fr}.type-row code{display:none}.component-row .button{width:100%}.rule-summary,.rule-details{padding-left:16px;padding-right:16px}.check-group header{padding:16px}.check-row{padding:12px 16px}.contract-hero{grid-template-columns:48px 1fr}.contract-hero>.icon-button{grid-column:1/-1;width:100%}.contract-icon{width:48px;height:48px}.prompt-box{grid-template-columns:1fr}.endpoint-list>div{padding-inline:8px}.font-family-card{padding:16px}.font-family-sample{min-height:208px;padding:24px}.font-family-sample>span{font-size:72px;line-height:72px}.font-stack-list>div{grid-template-columns:1fr;gap:8px}.type-notation{gap:12px;padding:20px}.type-notation strong{font-size:40px;line-height:44px}.type-table-head{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.type-row{grid-template-columns:1fr 1fr;gap:12px;min-height:0;padding:20px}.type-row>span:first-child,.type-sample{grid-column:1/-1}.type-row>code{background:var(--surface-subtle);color:var(--ink-2);border-radius:4px;gap:4px;padding:8px 12px;display:grid}.type-row>code:before{color:var(--ink-3);font:500 12px/16px ui-sans-serif,sans-serif}.type-row>code:nth-child(3):before{content:"Кегль"}.type-row>code:nth-child(4):before{content:"Интерлиньяж"}.type-row>code:nth-child(5):before{content:"Начертание"}.type-row>code:nth-child(6):before{content:"Трекинг"}.component-card-grid{grid-template-columns:1fr}.component-level-guide{margin-top:64px;padding-top:48px}.component-level-card{grid-template-columns:40px 1fr auto;padding:20px}.component-level-icon{width:40px;height:40px}.component-purpose-filters{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.component-purpose-filters button{flex:none}.component-level-guide-head h2{font-size:28px;line-height:36px}.component-composition-section{padding:16px}.component-dependency-list{grid-template-columns:1fr}.component-state-grid article{padding:12px}}@media (width<=1120px){.component-library-install{grid-template-columns:1fr;gap:20px}}@media (width<=480px){.component-library-install{margin-top:48px;padding:24px}.component-library-install h2{font-size:24px;line-height:32px}.component-library-install pre{padding:16px;font-size:12px;line-height:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.audit-instructions-flow{gap:24px;margin-bottom:96px;display:grid}.audit-instructions-flow .audit-limitations{margin-bottom:0}.audit-process{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.audit-process article{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;gap:12px;min-height:240px;padding:24px;display:flex}.audit-process article>span{color:var(--ink-3);font:600 12px/16px ui-monospace,monospace}.audit-process article svg{color:var(--accent);margin:20px 0 8px}.audit-process article strong{font-size:18px;line-height:24px}.audit-process article p{color:var(--ink-3);margin:0;font-size:14px;line-height:20px}.audit-profile{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:32px;padding:32px;display:grid}.audit-profile-head{gap:12px;max-width:760px;display:grid}.audit-profile-head h2{margin:8px 0 0;font-size:28px;line-height:36px}.audit-profile-head>p{color:var(--ink-3);margin:0;font-size:14px;line-height:20px}.audit-profile-head code{background:var(--surface-subtle);color:var(--ink-2);border-radius:2px;padding:4px;font:600 12px/16px ui-monospace,monospace}.audit-profile-group{gap:16px;display:grid}.audit-profile-group-head{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;display:grid}.audit-profile-group-head>span{color:var(--ink-3);font:600 12px/20px ui-monospace,monospace}.audit-profile-group-head h3{margin:0;font-size:20px;line-height:28px}.audit-profile-group-head p{color:var(--ink-3);margin:4px 0 0;font-size:12px;line-height:16px}.audit-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.audit-profile-grid-single{grid-template-columns:minmax(0,1fr)}.audit-profile-option{border:1px solid var(--line);background:var(--canvas);border-radius:8px;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:16px;min-width:0;min-height:136px;padding:20px;display:grid}.audit-profile-option.is-required{border-color:color-mix(in srgb, var(--success) 24%, var(--line));background:color-mix(in srgb, var(--success-soft) 56%, var(--surface))}.audit-profile-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-strong);border-radius:6px;place-items:center;display:grid}.audit-profile-option>div:nth-child(2){min-width:0}.audit-profile-option h4,.audit-task-head h4{margin:0;font-size:16px;line-height:24px}.audit-profile-option>div:nth-child(2)>p{color:var(--ink-3);margin:4px 0 0;font-size:12px;line-height:20px}.audit-profile-visual-review{min-height:0}.audit-profile-visual-review ul{color:var(--ink-3);gap:4px;margin:12px 0 0;padding:0;font-size:12px;line-height:20px;list-style:none;display:grid}.audit-profile-visual-review li{padding-left:16px;position:relative}.audit-profile-visual-review li:before{content:"";background:var(--ink-3);border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:0}.audit-required{background:var(--success-soft);color:var(--success);white-space:nowrap;border-radius:9996px;align-self:center;padding:4px 8px;font-size:12px;font-weight:650;line-height:16px}.audit-switch{--switch-width:48px;--switch-height:28px;align-self:center;width:48px;min-height:28px}.audit-switch[aria-checked=true]>i{border-color:var(--accent);background:var(--accent)}.audit-switch[aria-checked=true]>i:after{background:#fff}.audit-profile-checks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.audit-profile-check-tile{grid-template-rows:1fr auto;grid-template-columns:40px minmax(0,1fr);min-height:160px}.audit-profile-check-tile .audit-required,.audit-profile-check-tile .audit-switch{grid-column:2;place-self:end start}.audit-profile-viewports,.audit-profile-scope{grid-template-columns:40px minmax(0,1fr)}.audit-viewport-options,.audit-scope-options{grid-column:1/-1;gap:8px;display:grid}.audit-viewport-options{grid-template-columns:repeat(3,1fr)}.audit-viewport-options button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);min-width:0;min-height:48px;color:var(--ink-3);text-align:left;cursor:pointer;align-items:center;gap:8px;padding:6px 12px;display:flex}.audit-viewport-options button>span{min-width:0;display:grid}.audit-viewport-options button strong{color:var(--ink-2);font-size:12px;line-height:16px}.audit-viewport-options button small{color:var(--ink-3);font-size:12px;line-height:16px}.audit-viewport-options button.is-active{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.audit-viewport-options button.is-active strong,.audit-viewport-options button.is-active small{color:var(--accent-strong)}.audit-viewport-options button:disabled{cursor:not-allowed}.audit-scope-options{background:var(--surface-subtle);border-radius:6px;grid-template-columns:1fr 1fr;padding:4px}.audit-scope-options label{min-height:44px;color:var(--ink-3);text-align:center;cursor:pointer;border-radius:4px;place-items:center;padding:8px 12px;font-size:12px;font-weight:650;line-height:16px;display:grid}.audit-scope-options .radio-marker{display:none}.audit-scope-options label.is-active{background:var(--surface);color:var(--accent-strong);box-shadow:var(--shadow-sm)}.audit-scope-options label:focus-within{outline:2px solid var(--accent);outline-offset:2px}.audit-targets{background:var(--canvas);border-radius:8px;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);align-content:start;gap:32px;min-width:0;padding:24px;display:grid}.audit-target-controls,.audit-target-list{align-content:start;gap:12px;min-width:0;display:grid}.audit-target-row{grid-template-columns:minmax(0,1fr) 40px;align-items:start;gap:8px;min-width:0;display:grid}.audit-target-row>.button{margin-top:28px}.audit-target-controls>.button{justify-self:start}.audit-task-profile{gap:12px;display:grid}.audit-scenarios,.audit-form-policy{background:var(--canvas);border-radius:8px;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);align-content:start;gap:32px;min-width:0;padding:24px;display:grid}.audit-task-head{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:16px;display:grid}.audit-task-head p{color:var(--ink-3);margin:4px 0 0;font-size:12px;line-height:20px}.audit-scenario-controls,.audit-form-policy-controls{align-content:start;gap:16px;min-width:0;display:grid}.audit-scenario-list{gap:12px;display:grid}.audit-scenario-row{grid-template-columns:minmax(0,1fr) 40px;align-items:start;gap:8px;min-width:0;display:grid}.audit-scenario-row>.button{margin-top:28px}.audit-scenario-controls>.button{justify-self:start}.audit-form-policy-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.audit-form-policy-option{border:1px solid var(--line);background:var(--surface);width:100%;min-height:120px;color:var(--ink-3);text-align:left;cursor:pointer;border-radius:6px;grid-template-rows:24px auto;align-content:start;gap:12px;padding:16px;display:grid}.audit-form-policy-option:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));background:color-mix(in srgb, var(--accent-soft) 24%, var(--surface))}.audit-form-policy-option:focus-visible{outline:4px solid var(--accent-soft);outline-offset:0;border-color:var(--accent)}.audit-form-policy-option:active{transform:translateY(1px)}.audit-form-policy-option.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.audit-form-policy-option>span{gap:4px;min-width:0;display:grid}.audit-form-policy-options strong{color:var(--ink-2);font-size:14px;line-height:20px}.audit-form-policy-options small{color:var(--ink-3);font-size:12px;line-height:16px}.audit-form-policy-option.is-active strong,.audit-form-policy-option.is-active small{color:var(--accent-strong)}.audit-submit-confirmation{background:var(--warning-soft);color:var(--ink-2);border-radius:6px;gap:12px;padding:16px;display:grid}.audit-submit-confirmation .checkbox{align-items:start}.audit-submit-confirmation p{color:var(--warning);gap:8px;margin:0;font-size:12px;line-height:16px;display:flex}.audit-submit-confirmation p svg{flex:none}.audit-prompt-card{background:var(--ink);color:#fff;border-radius:12px;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);align-items:center;gap:48px;padding:40px;display:grid}.audit-prompt-card h2{margin:12px 0;font-size:28px;line-height:36px}.audit-prompt-card p{color:#bfc1ca;margin:0;font-size:14px;line-height:20px}.audit-prompt{background:#1d1f25;border:1px solid #343640;border-radius:8px;min-width:0;padding:24px 64px 24px 24px;position:relative}.audit-prompt code{overflow-wrap:anywhere;color:#e7defe;font:500 14px/24px ui-monospace,monospace;display:block}.audit-prompt .icon-button{color:#fff;background:#282a31;border-color:#41434c;position:absolute;top:12px;right:12px}.audit-privacy-card{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:linear-gradient(120deg, var(--accent-soft), var(--surface) 64%);border-radius:12px;grid-template-columns:48px 1fr auto;align-items:center;gap:24px;padding:32px;display:grid}.audit-privacy-card>svg{color:var(--accent)}.audit-privacy-card h2{margin:8px 0;font-size:24px;line-height:32px}.audit-privacy-card p{max-width:720px;color:var(--ink-2);margin:0;font-size:14px;line-height:20px}.audit-privacy-card small{max-width:720px;color:var(--ink-3);margin-top:12px;font-size:12px;line-height:16px;display:block}.audit-resource-links{gap:8px;display:grid}.audit-resource-links a{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--accent-strong);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:650;text-decoration:none;display:flex}.audit-resource-links a svg:last-child{margin-left:auto}.audit-prompt>span{color:#92959f;margin-top:12px;font-size:12px;line-height:16px;display:block}.audit-output-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.audit-output-grid article{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;align-items:start;min-height:280px;padding:32px;display:flex}.audit-output-grid article>svg{color:var(--accent);margin-bottom:auto}.audit-output-grid h2{margin:12px 0;font-size:20px;line-height:28px}.audit-output-grid p{color:var(--ink-3);margin:0;font-size:14px;line-height:20px}.audit-limitations{border:1px solid color-mix(in srgb, #b7791f 28%, var(--line));color:#76520f;background:#fff9ec;border-radius:8px;grid-template-columns:24px 1fr;gap:12px;margin-bottom:96px;padding:20px 24px;display:grid}.audit-limitations strong{font-size:14px;line-height:20px;display:block}.audit-limitations p{color:#76520f;margin:4px 0 0;font-size:12px;line-height:16px}.audit-report-shell{margin:0 calc(-1*clamp(32px,5vw,80px))}.audit-ready-banner{border:1px solid color-mix(in srgb, var(--success) 24%, var(--line));background:var(--success-soft);min-height:72px;color:var(--success);border-radius:8px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:grid}.audit-ready-banner>span{background:var(--surface);border-radius:6px;place-items:center;width:40px;height:40px;display:grid}.audit-ready-banner>div{gap:4px;display:grid}.audit-ready-banner strong{font-size:16px;line-height:24px}.audit-ready-banner small{color:var(--ink-2);font-size:12px;line-height:16px}.audit-ready-banner button{border:1px solid color-mix(in srgb, var(--success) 32%, var(--line));background:var(--surface);min-height:40px;color:var(--success);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:650;display:inline-flex}.audit-toolbar{z-index:8;border:1px solid var(--line);min-height:64px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:8px 16px;display:flex;position:sticky;top:80px}.audit-report-select{grid-template-columns:auto minmax(160px,320px) 16px;align-items:center;gap:8px;min-width:0;display:grid}.audit-report-select>span{color:var(--ink-3);font-size:12px}.audit-report-select select{appearance:none;text-overflow:ellipsis;background:0 0;border:0;outline:0;min-width:0;padding:8px 28px 8px 12px;font-size:14px;font-weight:650;overflow:hidden}.audit-report-select svg{pointer-events:none;color:var(--ink-3);margin-left:-28px}.audit-toolbar>div{gap:8px;display:flex}.audit-toolbar button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:12px;font-weight:650;display:inline-flex}.audit-toolbar button.is-primary{border-color:var(--ink);background:var(--ink);color:#fff}.audit-toolbar button.is-danger{color:var(--danger)}.audit-report{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.audit-report-head{grid-template-columns:1fr auto;align-items:end;gap:32px;padding:48px;display:grid}.audit-report-head h1{letter-spacing:-.048em;margin:12px 0 16px;font-size:clamp(40px,5vw,64px);line-height:1}.audit-report-head a{max-width:720px;color:var(--ink-3);overflow-wrap:anywhere;align-items:center;gap:8px;font-size:14px;line-height:20px;display:inline-flex}.audit-verdict{background:var(--danger-soft);min-width:240px;color:var(--danger);border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.audit-verdict-passed{background:var(--success-soft);color:var(--success)}.audit-verdict-incomplete{background:var(--surface-subtle);color:var(--ink-2)}.audit-verdict div{display:grid}.audit-verdict small{opacity:.76;font-size:12px;line-height:16px}.audit-verdict strong{font-size:14px;line-height:20px}.audit-meta-strip{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.audit-meta-strip>span{border-right:1px solid var(--line);grid-template-columns:20px 1fr;gap:0 12px;min-width:0;padding:20px 24px;display:grid}.audit-meta-strip>span:last-child{border-right:0}.audit-meta-strip svg{color:var(--accent);grid-row:1/3}.audit-meta-strip small{color:var(--ink-3);font-size:12px;line-height:16px}.audit-meta-strip strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:16px;overflow:hidden}.audit-summary{background:var(--canvas);grid-template-columns:144px minmax(280px,1fr) 320px;align-items:center;gap:32px;padding:48px;display:grid}.audit-score{background:conic-gradient(var(--accent) var(--audit-score), var(--line) 0);border-radius:9996px;place-items:center;width:144px;height:144px;display:grid;position:relative}.audit-score:after{content:"";border-radius:inherit;background:var(--surface);position:absolute;inset:12px}.audit-score>div{z-index:1;text-align:center;display:grid;position:relative}.audit-score strong{font-size:40px;line-height:40px}.audit-score span{color:var(--ink-3);font-size:12px;line-height:16px}.audit-summary-copy h2{margin:8px 0 12px;font-size:28px;line-height:36px}.audit-summary-copy p{color:var(--ink-2);margin:0;font-size:14px;line-height:20px}.audit-summary-counts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.audit-count{background:var(--surface);border-radius:6px;align-content:center;gap:4px;min-height:88px;padding:16px;display:grid}.audit-count strong{font-size:24px;line-height:28px}.audit-count small{color:var(--ink-3);font-size:12px;line-height:16px}.audit-count-critical strong{color:var(--danger)}.audit-count-major strong{color:#a9670d}.audit-count-minor strong{color:var(--accent-strong)}.audit-count-unchecked strong{color:var(--ink-3)}.audit-report-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.audit-findings-column{min-width:0;padding:48px}.audit-section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.audit-section-head h2{margin:8px 0 0;font-size:28px;line-height:36px}.audit-filters{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.audit-filters>label{border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;min-width:240px;height:40px;padding:0 12px;display:flex}.audit-filters input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.audit-filters>div{background:var(--surface-subtle);border-radius:6px;align-items:center;gap:4px;padding:4px;display:flex}.audit-filters>div>svg{color:var(--ink-3);margin:0 4px}.audit-filters button{cursor:pointer;background:0 0;border:0;border-radius:4px;min-height:32px;padding:4px 8px;font-size:12px}.audit-filters button span{color:var(--ink-3)}.audit-filters button.is-active{background:var(--surface);color:var(--accent-strong);box-shadow:var(--shadow-sm)}.audit-finding-list{gap:12px;display:grid}.audit-finding{border:1px solid var(--line);background:var(--surface);border-left-width:4px;border-radius:8px;overflow:hidden}.audit-finding-critical{border-left-color:var(--danger)}.audit-finding-major{border-left-color:#d18412}.audit-finding-minor{border-left-color:var(--accent)}.audit-finding-summary{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 12px;width:100%;padding:20px;display:grid}.audit-finding-summary h3{grid-column:1/3;margin:8px 0 0;font-size:20px;line-height:28px}.audit-finding-summary>svg{color:var(--ink-3);grid-area:1/3/4;transition:transform .16s}.audit-finding.is-open .audit-finding-summary>svg{transform:rotate(180deg)}.audit-severity{border-radius:9996px;width:fit-content;padding:4px 8px;font-size:12px;font-weight:650;line-height:16px}.audit-severity-critical{background:var(--danger-soft);color:var(--danger)}.audit-severity-major{color:#8a560c;background:#fff6e6}.audit-severity-minor{background:var(--accent-soft);color:var(--accent-strong)}.audit-finding-id{color:var(--ink-3);justify-self:start;font:500 12px/16px ui-monospace,monospace}.audit-rule-tags{flex-wrap:wrap;grid-column:1/3;gap:4px;display:flex}.audit-rule-tags i{background:var(--surface-subtle);color:var(--ink-3);border-radius:4px;padding:4px 8px;font:600 12px/16px ui-monospace,monospace}.audit-finding-detail{gap:24px;padding:0 20px 24px;display:none}.audit-finding.is-open .audit-finding-detail{display:grid}.audit-evidence-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.audit-evidence-grid figure{border:1px solid var(--line);background:var(--canvas);border-radius:6px;margin:0;overflow:hidden}.audit-evidence-grid img{aspect-ratio:16/9;object-fit:contain;background:var(--surface-subtle);width:100%;display:block}.audit-evidence-placeholder{aspect-ratio:16/9;color:var(--ink-3);align-content:center;place-items:center;gap:8px;display:grid}.audit-evidence-grid figcaption{gap:4px;padding:12px;display:grid}.audit-evidence-grid figcaption strong{font-size:12px;line-height:16px}.audit-evidence-grid figcaption span{color:var(--ink-3);font-size:12px;line-height:16px}.audit-location{background:var(--canvas);border-radius:6px;gap:12px;padding:16px;display:flex}.audit-location>svg{color:var(--accent);flex:none}.audit-location>div{gap:4px;min-width:0;display:grid}.audit-location strong{font-size:12px;line-height:16px}.audit-location a{color:var(--accent-strong);overflow-wrap:anywhere;align-items:center;gap:4px;font-size:12px;line-height:16px;display:flex}.audit-location span{color:var(--ink-3);overflow-wrap:anywhere;font:500 12px/16px ui-monospace,monospace}.audit-explanation-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.audit-explanation-grid section,.audit-reproduce{border:1px solid var(--line);border-radius:6px;padding:16px}.audit-explanation-grid span,.audit-reproduce>span,.audit-recommendation span,.audit-related-rules>span{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;line-height:16px}.audit-explanation-grid p,.audit-recommendation p{color:var(--ink-2);margin:8px 0 0;font-size:14px;line-height:20px}.audit-reproduce ol{gap:8px;margin:12px 0 0;padding-left:24px;display:grid}.audit-reproduce li{color:var(--ink-2);padding-left:4px;font-size:14px;line-height:20px}.audit-recommendation{background:var(--success-soft);border-radius:6px;gap:12px;padding:16px;display:flex}.audit-recommendation>svg{color:var(--success);flex:none}.audit-recommendation span{color:var(--success)}.audit-related-rules>div{gap:8px;margin-top:12px;display:grid}.audit-related-rules a{border:1px solid var(--line);border-radius:6px;grid-template-columns:64px 1fr;align-items:center;gap:12px;min-height:48px;padding:8px 12px;text-decoration:none;display:grid}.audit-related-rules a strong{color:var(--accent-strong);font:600 12px/16px ui-monospace,monospace}.audit-related-rules a span{font-size:14px;line-height:20px}.audit-no-findings{border:1px dashed var(--line);min-height:160px;color:var(--success);text-align:center;border-radius:8px;align-content:center;place-items:center;gap:8px;display:grid}.audit-no-findings span{color:var(--ink-3);font-size:12px}.audit-checklist-column{border-left:1px solid var(--line);max-height:calc(100vh - 184px);position:sticky;top:168px;overflow-y:auto}.audit-local-note{background:var(--accent-soft);color:var(--accent-strong);border-radius:6px;gap:12px;margin:24px;padding:16px;display:flex}.audit-local-note>svg{flex:none}.audit-local-note div{gap:4px;display:grid}.audit-local-note strong{font-size:12px;line-height:16px}.audit-local-note span{opacity:.8;font-size:12px;line-height:16px}.audit-scope-card,.audit-checklist-card{border-top:1px solid var(--line);padding:24px}.audit-scope-card h2,.audit-checklist-card h2{margin:8px 0 20px;font-size:20px;line-height:28px}.audit-scope-card>strong{margin-top:16px;font-size:12px;line-height:16px;display:block}.audit-scope-card ul{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.audit-scope-card li{color:var(--ink-2);gap:8px;font-size:12px;line-height:16px;display:flex}.audit-scope-card li svg{color:var(--success);flex:none}.audit-scope-card ul.is-muted li{color:var(--ink-3)}.audit-checklist-card>div{display:grid}.audit-check{border-top:1px solid var(--line);grid-template-columns:20px 1fr;gap:12px;padding:12px 0;display:grid}.audit-check>svg{color:var(--ink-3)}.audit-check-passed>svg{color:var(--success)}.audit-check-failed>svg{color:var(--danger)}.audit-check-dot{border:1px solid var(--ink-3);border-radius:9996px;width:12px;height:12px;margin:4px}.audit-check>span:last-child{gap:4px;display:grid}.audit-check strong{color:var(--accent-strong);font:600 12px/16px ui-monospace,monospace}.audit-check small{color:var(--ink-2);font-size:12px;line-height:16px}.audit-check em{color:var(--ink-3);font-size:12px;font-style:normal;line-height:16px}.audit-print-footer{border-top:1px solid var(--line);min-height:72px;color:var(--ink-3);grid-template-columns:20px 1fr auto;align-items:center;gap:12px;padding:16px 48px;font-size:12px;line-height:16px;display:grid}.audit-print-footer svg{color:var(--accent)}.audit-print-footer code{font-size:12px}@media (width<=1120px){.audit-process{grid-template-columns:repeat(2,1fr)}.audit-profile-checks-grid{grid-template-columns:1fr}.audit-targets,.audit-scenarios,.audit-form-policy{grid-template-columns:1fr;gap:20px}.audit-prompt-card,.audit-output-grid{grid-template-columns:1fr}.audit-output-grid article{min-height:224px}.audit-report-shell{margin-inline:0}.audit-summary{grid-template-columns:120px 1fr}.audit-score{width:120px;height:120px}.audit-summary-counts{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.audit-report-layout{grid-template-columns:minmax(0,1fr) 304px}.audit-filters{flex-direction:column;align-items:stretch}.audit-filters>div{overflow-x:auto}}@media (width<=800px){.audit-message{margin-top:-24px}.audit-process{grid-template-columns:1fr}.audit-process article{min-height:192px}.audit-profile{padding:24px}.audit-profile-grid{grid-template-columns:1fr}.audit-prompt-card,.audit-privacy-card{padding:24px}.audit-privacy-card{grid-template-columns:40px 1fr}.audit-resource-links{grid-column:1/-1}.audit-empty-actions{flex-direction:column;align-items:stretch}.audit-empty-actions .button{width:100%}.audit-ready-banner{grid-template-columns:40px 1fr}.audit-ready-banner button{grid-column:1/-1;justify-content:center}.audit-toolbar{flex-direction:column;align-items:stretch;position:static}.audit-toolbar>div{grid-template-columns:1fr 1fr 40px;display:grid}.audit-toolbar button{padding-inline:8px}.audit-report-select{grid-template-columns:minmax(0,1fr) 16px}.audit-report-select>span{grid-column:1/-1}.audit-report-head{grid-template-columns:1fr;padding:24px}.audit-report-head h1{font-size:40px}.audit-verdict{min-width:0}.audit-meta-strip{grid-template-columns:1fr 1fr}.audit-meta-strip>span:nth-child(2){border-right:0}.audit-meta-strip>span:nth-child(-n+2){border-bottom:1px solid var(--line)}.audit-summary{grid-template-columns:96px 1fr;gap:20px;padding:24px}.audit-score{width:96px;height:96px}.audit-score strong{font-size:32px;line-height:32px}.audit-summary-counts{grid-template-columns:1fr 1fr}.audit-report-layout{grid-template-columns:1fr}.audit-findings-column{padding:24px}.audit-checklist-column{border-top:1px solid var(--line);border-left:0;max-height:none;position:static}.audit-section-head{flex-direction:column;align-items:start}.audit-finding-summary{grid-template-columns:1fr auto}.audit-finding-id{grid-column:1}.audit-finding-summary h3,.audit-rule-tags{grid-column:1/-1}.audit-finding-summary>svg{grid-area:1/2/3}.audit-explanation-grid{grid-template-columns:1fr}.audit-print-footer{grid-template-columns:20px 1fr;padding:16px 24px}.audit-print-footer code{overflow-wrap:anywhere;grid-column:2}}@media (width<=480px){.audit-process article{min-height:176px;padding:20px}.audit-profile{padding:20px}.audit-profile-head h2{font-size:24px;line-height:32px}.audit-profile-option{grid-template-columns:40px minmax(0,1fr)}.audit-required,.audit-switch{grid-column:1/-1;justify-self:start}.audit-viewport-options,.audit-scope-options,.audit-form-policy-options{grid-template-columns:1fr}.audit-targets,.audit-scenarios,.audit-form-policy{padding:16px}.audit-target-row,.audit-scenario-row{grid-template-columns:minmax(0,1fr) 40px}.audit-prompt-card h2{font-size:24px;line-height:32px}.audit-prompt{padding:16px 52px 16px 16px}.audit-prompt code{font-size:12px;line-height:20px}.audit-output-grid article{min-height:240px;padding:24px}.audit-toolbar>div{grid-template-columns:1fr 1fr 40px}.audit-toolbar button{font-size:0}.audit-toolbar button svg{margin:0}.audit-toolbar button.is-primary{font-size:12px}.audit-meta-strip{grid-template-columns:1fr}.audit-meta-strip>span{border-right:0;border-bottom:1px solid var(--line)}.audit-meta-strip>span:last-child{border-bottom:0}.audit-summary{grid-template-columns:1fr}.audit-score{margin:0 auto}.audit-summary-counts{grid-template-columns:1fr 1fr}.audit-findings-column{padding:16px}.audit-filters>label{min-width:0}.audit-filters>div>svg{display:none}.audit-finding-summary{padding:16px}.audit-finding-detail{padding:0 16px 20px}.audit-evidence-grid{grid-template-columns:1fr}.component-playground-layout{grid-template-columns:minmax(0,1fr)}.component-playground-layout>*,.property-panel,.playground-section{min-width:0;max-width:100%}.component-detail-title h1{overflow-wrap:anywhere;font-size:36px;line-height:40px}.demo-tabs,.demo-segmented{flex-wrap:wrap;width:100%}.demo-tabs button,.demo-segmented button{flex:auto;min-width:0}.demo-table>div{grid-template-columns:minmax(0,1fr) auto;gap:8px}.demo-table>div>:last-child{display:none}.demo-workflow>div{flex-wrap:wrap}.demo-workflow footer{flex-direction:column;align-items:stretch}}@media print{@page{size:A4;margin:16mm}:root{--canvas:#fff;--surface:#fff;--ink:#111216;--ink-2:#3f424c;--ink-3:#6c6f7c;--line:#d9dbe2}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;min-width:0}.ds-sidebar,.mobile-menu,.mobile-context,.page-header,.audit-message,.audit-toolbar,.footer,.no-print{display:none!important}.app-layout{min-height:0;padding:0;display:block}.main{width:100%;max-width:none;min-height:0;padding:0;overflow:visible}.audit-report-shell{margin:0}.audit-report{box-shadow:none;border:0;border-radius:0;overflow:visible}.audit-report-head{padding:0 0 8mm}.audit-report-head h1{font-size:32px;line-height:36px}.audit-verdict{min-width:0}.audit-meta-strip{grid-template-columns:repeat(2,1fr)}.audit-summary{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:28mm 1fr;padding:8mm 0}.audit-score{width:28mm;height:28mm}.audit-summary-counts{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.audit-count{border:1px solid var(--line)}.audit-report-layout{display:block}.audit-findings-column{padding:8mm 0}.audit-finding-list{gap:4mm}.audit-finding{break-inside:auto}.audit-finding-summary{pointer-events:none}.audit-finding-summary>svg{display:none}.audit-finding-detail{display:grid!important}.audit-evidence-grid figure,.audit-location,.audit-explanation-grid,.audit-recommendation,.audit-reproduce{break-inside:avoid}.audit-checklist-column{break-before:page;border:0;max-height:none;position:static;overflow:visible}.audit-local-note{margin:0 0 8mm}.audit-scope-card,.audit-checklist-card{padding:8mm 0}.audit-print-footer{padding:8mm 0 0}}.font-stack-list code,.typography-guidance code,.atomic-flow span,.token-flow-grid code,.token-family-grid span,.grid-specs code,.component-level-copy small,.component-catalog-meta>small,.audit-check strong{color:var(--ink-3)}.area-icon,.contract-node svg,.agent-head svg,.endpoint-list>div>svg,.audit-process article svg,.audit-profile-icon,.audit-privacy-card>svg,.audit-output-grid article>svg,.audit-meta-strip svg,.audit-location>svg,.audit-print-footer svg{color:var(--ink-2)}.area-icon,.audit-profile-icon{background:var(--surface-subtle)}#main .area-card:first-child .area-icon{background:var(--accent-soft);color:var(--accent)}#main .area-card:nth-child(2) .area-icon{background:var(--success-soft);color:var(--success)}#main .area-card:nth-child(3) .area-icon{background:var(--info-soft);color:var(--info)}#main .area-card:nth-child(4) .area-icon{color:#6d4aff;background:#f0ebff}.audit-profile-option.is-required .audit-profile-icon{background:var(--success-soft);color:var(--ink-2)}.audit-required{color:var(--ink-2)}.component-reuse-policy li>span{background:var(--surface-subtle);color:var(--ink-2)}.floating-chip svg,.property-panel-head>svg,.search-field>svg{color:var(--ink-2)}.type-notation,.rationale{background:var(--surface-subtle);color:var(--ink-2)}.demo-carousel span{color:var(--ink-3)}.demo-workflow>div span:nth-of-type(2){background:var(--info-soft);color:var(--ink-2)}#main :where(.area-card,.metric-strip,.atomic-flow>div,.agent-result,.empty-state,.contract-node,.color-swatch,.semantic-color-card,.status-color-card,.stacked-chart-card,.shadow-token-card,.shadow-layer-demo,.shadow-rules article,.font-family-card,.typography-glossary article,.grid-specs>div,.grid-visual,.token-flow-grid>div,.type-table,.rule-set-overview article,.rule-card,.score-card,.check-group,.status-panel,.component-level-card,.component-catalog-card,.component-composition-section,.playground-section,.component-doc-section,.property-panel,.component-state-grid article,.audit-process article,.audit-profile,.audit-profile-option,.audit-output-grid article,.audit-privacy-card,.audit-prompt,.audit-report,.audit-finding,.audit-count,.audit-explanation-grid section,.audit-reproduce){box-shadow:none;border:0}.component-playground-layout>:where(.property-panel,.playground-section){box-shadow:none}.guidelines-page .page-header{margin-bottom:32px}.guidelines-page .page-header>p{max-width:680px}.guidelines-page .guidelines-toolbar{border:1px solid var(--line);background:var(--surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:8px;grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:end;gap:20px;margin-bottom:16px;padding:20px;display:grid;position:static}.guidelines-page .guidelines-search{width:100%;min-width:0}.guidelines-page .guidelines-search svg{color:var(--ink-3)}.guidelines-page .filter-groups{grid-template-columns:minmax(200px,.9fr) minmax(180px,.75fr) minmax(290px,1.2fr);align-items:end;gap:12px;min-width:0;display:grid}.guidelines-filter-group{gap:4px;min-width:0;display:grid}.guidelines-filter-group>span{color:var(--ink-3);font-size:14px;line-height:20px}.guidelines-filter-group .segmented-control{width:100%}.guidelines-filter-group .segmented-control>button{white-space:nowrap;flex:1;min-width:0;padding-inline:8px}.guidelines-page .segmented-control button.is-active{box-shadow:none}.guidelines-page .rules-list{display:block}.guidelines-results{min-height:40px;color:var(--ink-3);justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.guidelines-results p{margin:0;font-size:14px;line-height:20px}.guidelines-results strong{color:var(--ink)}.guidelines-page .rule-set-section{margin-top:56px;scroll-margin-top:84px}.guidelines-page .rule-set-section:first-of-type{margin-top:0}.guidelines-page .rule-set-section>header{margin:0 0 16px;padding:0 4px}.guidelines-page .rule-set-section>header>div{max-width:760px}.guidelines-page .rule-set-section>header span{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:650;line-height:16px}.guidelines-page .rule-set-title{align-items:center;gap:12px;margin-top:4px;display:flex}.guidelines-page .rule-set-section>header h2{letter-spacing:-.025em;margin:0;font-size:32px;line-height:40px}.guidelines-page .rule-set-title b{background:var(--surface-subtle);min-width:32px;min-height:24px;color:var(--ink-2);border-radius:9996px;place-items:center;padding:2px 8px;font-size:12px;font-weight:650;line-height:20px;display:inline-grid}.guidelines-page .rule-set-section>header p{color:var(--ink-3);margin:4px 0 0;font-size:14px;line-height:20px}.guidelines-page .rule-set-items{background:0 0;gap:8px;display:grid}#main .guidelines-page .rule-set-items>.rule-card{border:1px solid var(--line);background:var(--surface);box-shadow:none;border-radius:8px;margin:0;overflow:hidden}#main .guidelines-page .rule-set-items>.rule-card.is-open{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));background:var(--surface)}.guidelines-page .rule-summary{grid-template-columns:minmax(0,1fr) 40px;align-items:start;gap:6px 20px;padding:20px;transition:background-color .12s,box-shadow .12s;position:relative}.guidelines-page .rule-summary:hover{background:color-mix(in srgb, var(--accent-soft) 28%, var(--surface));box-shadow:inset 3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent)}.guidelines-page .rule-summary:focus-visible{background:color-mix(in srgb, var(--accent-soft) 40%, var(--surface));box-shadow:inset 0 0 0 2px var(--accent), inset 4px 0 0 var(--accent);outline:0}.guidelines-page .rule-summary:active{background:color-mix(in srgb, var(--accent-soft) 56%, var(--surface));box-shadow:inset 4px 0 0 var(--accent)}.guidelines-page .rule-card.is-open .rule-summary{background:color-mix(in srgb, var(--accent-soft) 32%, var(--surface))}.guidelines-page .rule-summary-meta{flex-wrap:wrap;grid-column:1;align-items:center;gap:6px;min-width:0;display:flex}.guidelines-page .rule-summary-meta code,.guidelines-page .rule-summary-meta>span{background:var(--surface-subtle);min-height:24px;color:var(--ink-3);border-radius:4px;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;line-height:20px;display:inline-flex}.guidelines-page .rule-summary-meta code{font-family:var(--font-family-mono)}.guidelines-page .rule-summary-meta .rule-severity-critical{background:var(--danger-soft);color:var(--danger)}.guidelines-page .rule-summary-meta .rule-severity-major{background:var(--warning-soft);color:var(--warning)}.guidelines-page .rule-summary h3{color:var(--ink);letter-spacing:-.01em;grid-column:1;margin:4px 0 0;font-size:18px;font-weight:680;line-height:24px}.guidelines-page .rule-summary>p{max-width:880px;color:var(--ink-2);grid-column:1;margin:0;font-size:14px;line-height:20px}.guidelines-page .rule-card:not(.is-open) .rule-summary>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.guidelines-page .rule-toggle{background:var(--surface-subtle);width:40px;height:40px;color:var(--ink-3);border-radius:6px;grid-area:1/2/4;align-self:center;place-items:center;transition:background-color .12s,color .12s;display:grid}.guidelines-page .rule-summary:hover .rule-toggle,.guidelines-page .rule-summary:focus-visible .rule-toggle{background:var(--surface);color:var(--accent-strong)}.guidelines-page .rule-summary:active .rule-toggle{background:var(--accent-soft)}.guidelines-page .rule-toggle svg{transition:transform .16s}.guidelines-page .rule-details{border-top:1px solid var(--line);background:color-mix(in srgb, var(--canvas) 56%, var(--surface));gap:20px;padding:20px}.guidelines-page .rationale{color:var(--ink-2);background:0 0;padding:0}.guidelines-page .rationale>svg{color:var(--accent-strong)}.guidelines-page .practice{border-radius:6px;padding:16px}.guidelines-page .rule-bottom{gap:24px;padding-top:20px}.guidelines-empty{border:1px dashed var(--line);background:var(--surface);text-align:center;border-radius:8px;align-content:center;justify-items:center;gap:8px;min-height:280px;padding:32px;display:grid}.guidelines-empty>svg{color:var(--ink-3)}.guidelines-empty h2{margin:4px 0 0;font-size:24px;line-height:32px}.guidelines-empty p{color:var(--ink-3);margin:0 0 12px;font-size:14px;line-height:20px}@media (width<=1040px){.guidelines-page .guidelines-toolbar{grid-template-columns:1fr}}@media (width<=800px){.guidelines-page .guidelines-toolbar{padding:16px}.guidelines-page .filter-groups{grid-template-columns:1fr}.guidelines-page .rule-set-section{margin-top:48px}.guidelines-page .rule-set-section>header h2{font-size:28px;line-height:36px}.guidelines-page .rule-summary,.guidelines-page .rule-details{padding:16px}.guidelines-page .practice-grid,.guidelines-page .rule-bottom{grid-template-columns:1fr}}@media (width<=480px){.guidelines-results{flex-direction:column;align-items:flex-start}.guidelines-page .rule-summary{grid-template-columns:minmax(0,1fr) 40px;gap:6px 12px}.guidelines-page .rule-summary-meta,.guidelines-page .rule-summary h3,.guidelines-page .rule-summary>p{grid-column:1/-1;padding-right:48px}.guidelines-page .rule-toggle{grid-area:1/2/4}}.property-label,.demo-field>span,.field-demo>label{color:var(--ink-3);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-regular)}.demo-field :where(input,textarea),.input-wrap input{color:var(--ink);font-weight:var(--font-weight-book)}.property-segments button{font-weight:var(--font-weight-book)}.property-segments button.is-active{font-weight:var(--font-weight-semibold)}.input-preview{width:min(100%,440px)}.input-preview.is-full{width:100%;max-width:none}@media (width<=800px){.hero-copy h1{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl);letter-spacing:var(--tracking-display);font-weight:var(--font-weight-heading)}}.component-detail-header{padding-bottom:32px}.property-group .segmented-control.property-segments.property-segments-two{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-button.demo-state-hover{background:var(--accent-strong);box-shadow:var(--shadow-overlay);transform:none}.demo-button.demo-state-pressed{background:color-mix(in srgb, var(--accent-strong) 82%, var(--ink));box-shadow:var(--shadow-none);transform:none}.select-state-trigger.is-pressed{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 76%, var(--accent));box-shadow:var(--shadow-none);transform:none}.resource-page>.page-header,.creator-page>.page-header{margin-bottom:48px}.resource-page .doc-section{margin-bottom:80px}.gradient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.gradient-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden}.gradient-swatch{border-bottom:1px solid var(--line);min-height:160px}.gradient-card>div:last-child{padding:20px}.gradient-card code,.template-card-grid code{color:var(--accent-strong);font:600 12px/16px var(--font-family-mono)}.gradient-card h2{margin:8px 0;font-size:18px;line-height:24px}.gradient-card p{color:var(--ink-2);margin:0;font-size:14px;line-height:20px}.gradient-card small{color:var(--ink-3);margin-top:12px;font-size:12px;line-height:16px;display:block}.resource-rule-strip{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:repeat(4,1fr);display:grid}.resource-rule-strip article{border-right:1px solid var(--line);align-content:center;gap:8px;min-height:120px;padding:20px;display:grid}.resource-rule-strip article:last-child{border-right:0}.resource-rule-strip strong{font-size:14px;line-height:20px}.resource-rule-strip span{color:var(--ink-3);font-size:12px;line-height:16px}.icon-browser{gap:24px;display:grid}.icon-browser-toolbar{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:16px;display:grid}.icon-browser-toolbar>.input-field{width:100%}.icon-size-filter{display:grid}.icon-size-filter .segmented-control{min-height:40px}.icon-group-filter{flex-wrap:wrap;gap:8px;display:flex}.icon-group-filter>button{border:1px solid var(--line);background:var(--surface);min-height:32px;color:var(--ink-2);cursor:pointer;border-radius:9996px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;line-height:16px;display:inline-flex}.icon-group-filter>button:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));background:var(--accent-soft)}.icon-group-filter>button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.icon-group-filter>button small{color:var(--ink-3);font:600 11px/16px var(--font-family-mono)}.icon-group-filter>button.is-active small{color:var(--accent-strong)}.icon-browser-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.icon-browser-results{gap:28px;min-width:0;display:grid}.icon-group{min-width:0}.icon-group>header{margin-bottom:12px}.icon-group h2{margin:0;font-size:18px;line-height:24px}.icon-group h2>span{color:var(--ink-3);font:500 11px/16px var(--font-family-mono);vertical-align:middle;margin-left:6px}.icon-tile-grid{grid-template-columns:repeat(auto-fill,64px);gap:8px;display:grid}.icon-tile{background:var(--surface);width:64px;height:64px;color:var(--ink-2);cursor:pointer;border:0;border-radius:8px;place-items:center;padding:0;transition:background .12s,color .12s,transform .12s;display:grid}.icon-tile:hover{background:var(--accent-soft);color:var(--accent-strong);transform:translateY(-1px)}.icon-tile.is-selected{background:var(--accent-soft);color:var(--accent-strong)}.icon-tile:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:2px}.icon-detail-panel{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:12px;min-width:0;padding:20px;display:grid;position:sticky;top:24px}.icon-detail-preview{background:var(--accent-soft);min-height:168px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.icon-detail-preview svg{stroke-width:1.75px}.icon-detail-panel .section-kicker{margin-top:4px}.icon-detail-panel h2{overflow-wrap:anywhere;font:650 24px/32px var(--font-family-mono);margin:0}.icon-detail-panel p{color:var(--ink-2);margin:0;font-size:14px;line-height:20px}.icon-detail-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;line-height:16px;display:flex}.icon-detail-meta span{background:var(--surface-subtle);color:var(--ink-2);border-radius:4px;padding:4px 8px}.icon-detail-meta code{font:500 11px/16px var(--font-family-mono)}.icon-copy-actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.icon-copy-actions .button{min-width:0;padding-inline:8px}.icon-detail-panel pre{background:var(--ink);color:#fff;font:500 12px/18px var(--font-family-mono);border-radius:6px;margin:0;padding:10px 12px;overflow:auto}.icon-empty{background:var(--surface);min-height:180px;color:var(--ink-3);text-align:center;border-radius:8px;place-content:center;justify-items:center;gap:8px;padding:24px;display:grid}.icon-empty strong{color:var(--ink);font-size:16px;line-height:24px}.icon-empty span{font-size:13px;line-height:20px}.icon-load-more{border-top:1px solid var(--line);color:var(--ink-3);justify-content:space-between;align-items:center;gap:16px;padding:16px;font-size:12px;line-height:16px;display:flex}.resource-guidance-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.resource-guidance-grid article{border-radius:8px;grid-template-columns:24px 1fr;gap:12px;padding:20px;display:grid}.resource-guidance-grid article.is-good{background:var(--success-soft);color:var(--success)}.resource-guidance-grid article.is-bad{background:var(--warning-soft);color:var(--warning)}.resource-guidance-grid p{color:var(--ink-2);margin:4px 0 0;font-size:14px;line-height:20px}.visual-format-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.visual-format-grid article{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;min-height:320px;padding:24px;display:flex}.visual-format-grid header{color:var(--accent);justify-content:space-between;align-items:center;display:flex}.visual-format-grid header>span{color:var(--ink-3);font:600 12px/16px var(--font-family-mono)}.visual-format-grid h2{margin:32px 0 8px;font-size:24px;line-height:32px}.visual-format-grid p{color:var(--ink-2);margin:0;font-size:14px;line-height:20px}.visual-format-grid ul{flex-wrap:wrap;gap:6px;margin:24px 0;padding:0;list-style:none;display:flex}.visual-format-grid li{border:1px solid var(--line);color:var(--ink-2);border-radius:4px;padding:4px 8px;font-size:12px;line-height:16px}.visual-format-grid small{border-top:1px solid var(--line);color:var(--ink-3);margin-top:auto;padding-top:16px;font-size:12px;line-height:16px}.html-canonical-card{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:linear-gradient(135deg, var(--accent-soft), var(--surface) 68%);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin-top:24px;padding:32px;display:grid}.html-canonical-card h2{margin:8px 0;font-size:28px;line-height:36px}.html-canonical-card p{max-width:720px;color:var(--ink-2);margin:0;font-size:14px;line-height:20px}.html-canonical-card>code{background:var(--ink);color:#fff;font:600 14px/20px var(--font-family-mono);border-radius:6px;padding:12px 16px}.template-groups{gap:64px;display:grid}.template-group>header{justify-content:space-between;align-items:end;gap:32px;margin-bottom:20px;display:flex}.template-group>header h2{margin:6px 0;font-size:28px;line-height:36px}.template-group>header p{max-width:720px;color:var(--ink-2);margin:0;font-size:14px;line-height:20px}.template-group>header>span{color:var(--ink-3);flex:none;font-size:12px;line-height:16px}.template-card-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.template-card-grid article{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-height:280px;padding:24px}.template-card-grid h3{margin:24px 0 8px;font-size:18px;line-height:24px}.template-card-grid p{min-height:60px;color:var(--ink-2);margin:0;font-size:14px;line-height:20px}.template-card-grid ol{border-top:1px solid var(--line);color:var(--ink-3);gap:8px;margin:24px 0 0;padding:16px 0 0 20px;font-size:12px;line-height:16px;display:grid}.creator-steps{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:repeat(3,1fr);margin:0 0 32px;padding:0;list-style:none;display:grid}.creator-steps li{border-right:1px solid var(--line);min-height:56px;color:var(--ink-3);align-items:center;gap:12px;padding:12px 20px;font-size:14px;line-height:20px;display:flex}.creator-steps li:last-child{border-right:0}.creator-steps li span{background:var(--surface-subtle);width:24px;height:24px;font:650 12px/16px var(--font-family-mono);border-radius:50%;place-items:center;display:grid}.creator-steps li.is-active{color:var(--ink);font-weight:620}.creator-steps li.is-active span{background:var(--accent);color:#fff}.creator-section{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:24px;padding:32px}.creator-section>header{grid-template-columns:40px minmax(0,1fr);gap:16px;margin-bottom:24px;display:grid}.creator-section>header>span{color:var(--accent-strong);font:650 12px/16px var(--font-family-mono)}.creator-section>header h2{margin:0 0 4px;font-size:24px;line-height:32px}.creator-section>header p{color:var(--ink-3);margin:0;font-size:14px;line-height:20px}.artifact-type-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.artifact-type-card{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;min-height:144px;padding:16px;display:grid;position:relative}.artifact-type-card:hover{border-color:color-mix(in srgb, var(--accent) 52%, var(--line));background:color-mix(in srgb, var(--accent-soft) 20%, var(--surface))}.artifact-type-card.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.artifact-type-card>svg{color:var(--accent);position:absolute;top:16px;right:16px}.artifact-type-card>span:nth-child(2){gap:6px;display:grid}.artifact-type-card strong{padding-right:20px;font-size:14px;line-height:20px}.artifact-type-card small{color:var(--ink-3);font-size:12px;line-height:16px}.artifact-type-icon{background:var(--surface-subtle);width:40px;height:40px;color:var(--ink-2);border-radius:6px;place-items:center;display:grid}.artifact-type-card.is-selected .artifact-type-icon{background:var(--surface);color:var(--accent)}.creator-brief-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px;display:grid}.creator-brief-grid .textarea-field textarea{resize:vertical;min-height:248px}.creator-brief-side{align-content:start;gap:16px;display:grid}.selected-template-anatomy{background:var(--canvas);border-radius:8px;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:24px;margin-top:24px;padding:20px;display:grid}.selected-template-anatomy>div{gap:6px;display:grid}.selected-template-anatomy ol{counter-reset:anatomy;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.selected-template-anatomy li{counter-increment:anatomy;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;line-height:16px;display:inline-flex}.selected-template-anatomy li:before{content:counter(anatomy);color:var(--accent-strong);font:650 11px/16px var(--font-family-mono)}.creator-empty{border:1px dashed color-mix(in srgb, var(--accent) 32%, var(--line));background:var(--canvas);min-height:160px;color:var(--ink-3);border-radius:8px;justify-content:center;align-items:center;gap:16px;display:flex}.creator-empty>svg{color:var(--accent)}.creator-empty>div{gap:4px;display:grid}.creator-empty span{font-size:12px;line-height:16px}.creator-prompt-card{color:#fff;background:#18191e;border-radius:8px;overflow:hidden}.creator-prompt-toolbar{border-bottom:1px solid #343640;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:12px 16px;display:flex}.creator-prompt-toolbar>div{align-items:center;gap:12px;display:flex}.creator-prompt-toolbar>div>svg{color:#bcaeff}.creator-prompt-toolbar span{display:grid}.creator-prompt-toolbar small{color:#aeb0ba;font-size:12px;line-height:16px}.creator-prompt-toolbar .button-secondary{color:#fff;background:#24262d;border-color:#4a4d58}.creator-prompt-card pre{color:#e7e7eb;white-space:pre-wrap;overflow-wrap:anywhere;max-height:520px;font:450 13px/22px var(--font-family-mono);margin:0;padding:24px;overflow:auto}.creator-handoff{color:var(--ink-3);grid-template-columns:24px 1fr 24px 1fr 24px 1fr;align-items:center;gap:8px;margin-top:16px;font-size:12px;line-height:16px;display:grid}.creator-handoff>span{background:var(--surface-subtle);width:24px;height:24px;color:var(--ink-2);font:650 11px/16px var(--font-family-mono);border-radius:50%;place-items:center;display:grid}.creator-handoff p{margin:0}.creator-handoff code{color:var(--accent-strong);font-family:var(--font-family-mono)}@media (width<=1040px){.resource-rule-strip{grid-template-columns:repeat(2,1fr)}.resource-rule-strip article:nth-child(2){border-right:0}.resource-rule-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}.visual-format-grid,.artifact-type-grid{grid-template-columns:repeat(2,1fr)}.icon-browser-layout{grid-template-columns:minmax(0,1fr) 240px}.icon-detail-panel{position:static}}@media (width<=800px){.gradient-grid,.resource-guidance-grid,.visual-format-grid,.template-card-grid,.artifact-type-grid,.creator-brief-grid,.resource-rule-strip{grid-template-columns:1fr}.resource-rule-strip article,.resource-rule-strip article:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.resource-rule-strip article:last-child{border-bottom:0}.icon-browser-toolbar{grid-template-columns:1fr;align-items:stretch}.icon-browser-layout{grid-template-columns:1fr}.icon-detail-panel{order:-1;position:static}.html-canonical-card,.selected-template-anatomy{grid-template-columns:1fr}.template-group>header{flex-direction:column;align-items:start}.creator-steps{grid-template-columns:1fr}.creator-steps li{border-right:0;border-bottom:1px solid var(--line)}.creator-steps li:last-child{border-bottom:0}.creator-section{padding:24px 16px}.creator-handoff{grid-template-columns:24px 1fr}}.services-access-bar{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:var(--accent-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:24px;min-height:56px;margin-bottom:32px;padding:8px 12px 8px 16px;display:flex}.services-session-check{min-height:min(560px,100vh - 240px);color:var(--ink-2);place-content:center;justify-items:center;gap:16px;display:grid}.services-session-check .spinner{border-color:var(--line);border-top-color:var(--accent);width:24px;height:24px}.services-session-check strong{font-size:14px;line-height:20px}.services-access-bar>span{color:var(--accent-strong);grid-template-columns:20px auto;align-items:center;gap:0 8px;display:grid}.services-access-bar>span>svg{grid-row:1/3}.services-access-bar strong{font-size:14px;line-height:20px}.services-access-bar small{color:var(--ink-3);font-size:12px;line-height:16px}.services-login-page{border:1px solid var(--line);background:var(--surface);min-height:min(680px,100vh - 200px);box-shadow:var(--shadow-raised);border-radius:12px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);display:grid;overflow:hidden}.services-login-visual{background:linear-gradient(135deg, var(--accent-soft) 0%, var(--surface) 64%, var(--info-soft) 100%);place-items:center;display:grid;position:relative;overflow:hidden}.services-login-visual:before{content:"";border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);width:320px;height:320px;box-shadow:0 0 0 72px color-mix(in srgb, var(--accent) 6%, transparent), 0 0 0 144px color-mix(in srgb, var(--accent) 4%, transparent);border-radius:50%}.services-login-visual>span{z-index:2;border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:var(--surface);width:88px;height:88px;color:var(--accent);box-shadow:var(--shadow-overlay);border-radius:12px;place-items:center;display:grid;position:absolute}.services-login-visual>i{background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 8px var(--surface);border-radius:50%;position:absolute}.services-login-visual>i:first-of-type{transform:translate(-176px,-112px)}.services-login-visual>i:nth-of-type(2){background:var(--success);transform:translate(184px,48px)}.services-login-visual>i:nth-of-type(3){background:var(--info);transform:translate(-88px,184px)}.services-login-card{align-self:center;gap:20px;width:min(100%,440px);padding:48px;display:grid}.services-login-card h1{letter-spacing:var(--tracking-tighter);margin:-8px 0;font-size:40px;line-height:48px}.services-login-card>p{color:var(--ink-2);margin:0 0 8px;font-size:16px;line-height:24px}.services-login-card>small{color:var(--ink-3);text-align:center;font-size:12px;line-height:16px}.services-home-page>.page-header{margin-bottom:40px}.services-home-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.service-home-card{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;min-height:300px;padding:32px;display:flex}.service-home-card:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));background:color-mix(in srgb, var(--accent-soft) 18%, var(--surface));box-shadow:var(--shadow-raised)}.service-home-card>span{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.service-home-card>strong{margin-top:48px;font-size:24px;line-height:32px}.service-home-card>p{max-width:440px;color:var(--ink-2);margin:8px 0 24px;font-size:14px;line-height:20px}.service-home-card>small{color:var(--accent-strong);margin-top:auto;font-size:12px;font-weight:650;line-height:16px}.admin-console,.admin-page{min-width:0}.admin-page-header{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:20px;min-height:136px;margin-bottom:24px;padding:28px;display:grid}.admin-page-header-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:7px;place-items:center;display:grid}.admin-page-header h1{letter-spacing:var(--tracking-tighter);margin:4px 0;font-size:40px;line-height:48px}.admin-page-header p{color:var(--ink-3);margin:0;font-size:13px;line-height:20px}.admin-page-header>.button{margin-top:4px}.admin-panel-loading{border:1px solid var(--line);background:var(--surface);min-height:320px;color:var(--ink-3);border-radius:10px;place-content:center;justify-items:center;gap:12px;font-size:13px;display:grid}.admin-status-row{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:12px;min-height:72px;margin-bottom:24px;padding:12px;display:flex}.admin-status-row>span{border-right:1px solid var(--line);min-width:168px;color:var(--ink-2);align-items:center;gap:10px;padding:6px 12px;display:flex}.admin-status-row>span>svg{color:var(--accent)}.admin-status-row>span>span{display:grid}.admin-status-row small{color:var(--ink-3);font-size:11px;line-height:16px}.admin-status-row strong{color:var(--ink);font-size:13px;line-height:18px}.admin-status-row>.button{margin-left:auto}.admin-message{border:1px solid;border-radius:6px;margin-bottom:20px;padding:12px 16px;font-size:13px;line-height:20px}.admin-message.is-error{border-color:color-mix(in srgb, var(--warning) 30%, var(--line));background:var(--warning-soft);color:var(--warning)}.admin-message.is-success{border-color:color-mix(in srgb, var(--success) 30%, var(--line));background:var(--success-soft);color:var(--success)}.admin-section{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-bottom:24px;padding:28px}.admin-section-heading{grid-template-columns:40px minmax(0,1fr);gap:16px;margin-bottom:24px;display:grid}.admin-section-heading>span{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:6px;place-items:center;display:grid}.admin-section-heading h2{margin:2px 0 4px;font-size:24px;line-height:32px}.admin-section-heading p{max-width:720px;color:var(--ink-3);margin:0;font-size:13px;line-height:20px}.admin-split-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;gap:24px;display:grid}.admin-item-list{gap:8px;display:grid}.admin-list-card{border:1px solid var(--line);background:var(--canvas);border-radius:7px;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:12px;min-width:0;padding:16px;display:grid}.admin-list-card-icon{background:var(--surface);width:40px;height:40px;color:var(--ink-2);border-radius:6px;place-items:center;display:grid}.admin-list-card-main{gap:4px;min-width:0;display:grid}.admin-list-card-main>span{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-list-card-main strong{font-size:14px;line-height:20px}.admin-list-card-main p{color:var(--ink-2);margin:0;font-size:12px;line-height:18px}.admin-list-card-main code{color:var(--accent-strong);font:600 11px/16px var(--font-family-mono)}.admin-list-card-main small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:16px;overflow:hidden}.admin-list-actions{gap:2px;display:flex}.admin-form-card{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--line));background:color-mix(in srgb, var(--accent-soft) 10%, var(--surface));border-radius:8px;gap:16px;padding:20px;display:grid}.admin-form-title{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:16px;display:flex}.admin-form-title>span{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:5px;place-items:center;display:grid}.admin-form-title>div{display:grid}.admin-form-title strong{font-size:14px;line-height:20px}.admin-form-title small{color:var(--ink-3);font-size:11px;line-height:16px}.admin-switch-row{justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding-top:4px;display:flex}.admin-switch-row>span{display:grid}.admin-switch-row strong{font-size:13px;line-height:20px}.admin-switch-row small{color:var(--ink-3);font-size:11px;line-height:16px}.admin-form-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.admin-form-error{color:var(--warning);margin:0;font-size:12px;line-height:18px}.admin-empty-state{border:1px dashed var(--line);background:var(--canvas);min-height:240px;color:var(--ink-3);border-radius:8px;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex}.admin-empty-state>svg{color:var(--accent)}.admin-empty-state>div{gap:4px;max-width:360px;display:grid}.admin-empty-state strong{color:var(--ink);font-size:14px;line-height:20px}.admin-empty-state p{margin:0;font-size:12px;line-height:18px}.admin-instruction-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px;display:grid}.admin-instruction-presets>button{border:1px solid var(--line);background:var(--canvas);min-width:0;min-height:120px;color:var(--ink-2);text-align:left;cursor:pointer;border-radius:7px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;display:flex}.admin-instruction-presets>button:hover{border-color:var(--line-strong);background:var(--surface-subtle)}.admin-instruction-presets>button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 48%, transparent);outline-offset:2px}.admin-instruction-presets>button.is-active{border-color:color-mix(in srgb, var(--accent) 52%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.admin-instruction-presets strong{font-size:14px;line-height:20px}.admin-instruction-presets small{color:var(--ink-3);font-size:11px;line-height:16px}.admin-instruction-presets code{overflow-wrap:anywhere;color:inherit;font:600 10px/14px var(--font-family-mono);margin-top:auto}.admin-instruction-route{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:20px;display:grid}.admin-instruction-route>.button{min-width:120px;margin-bottom:0}.admin-instruction-view{border:1px solid var(--line);background:var(--canvas);border-radius:8px;overflow:hidden}.admin-instruction-view>header{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:10px 12px 10px 16px;display:flex}.admin-instruction-view>header>div{align-items:center;gap:8px;min-width:0;display:flex}.admin-instruction-view>header>div:first-child>span:last-child{min-width:0;display:grid}.admin-instruction-view>header small{color:var(--ink-3);font-size:10px;line-height:14px}.admin-instruction-view>header code{color:var(--ink-2);font:600 11px/16px var(--font-family-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-instruction-view pre{max-height:720px;color:var(--ink);font:500 12px/20px var(--font-family-mono);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:0;padding:24px;overflow:auto}.admin-instruction-loading{min-height:360px;color:var(--ink-3);place-content:center;justify-items:center;gap:12px;font-size:13px;display:grid}@media (width<=800px){.admin-page-header{grid-template-columns:40px minmax(0,1fr);min-height:0;padding:20px 16px}.admin-page-header-icon{width:40px;height:40px}.admin-page-header h1{font-size:32px;line-height:40px}.admin-page-header>.button{grid-column:1/-1;justify-content:center;width:100%}.services-access-bar{flex-direction:column;align-items:flex-start}.services-access-bar .button{justify-content:center;width:100%}.services-login-page,.services-home-grid{grid-template-columns:1fr}.services-login-visual{min-height:200px}.services-login-visual:before{width:160px;height:160px}.services-login-visual>span{border-radius:12px;width:64px;height:64px}.services-login-visual>i{display:none}.services-login-card{padding:32px 24px}.services-login-card h1{font-size:32px;line-height:40px}.admin-status-row{flex-direction:column;align-items:stretch}.admin-status-row>span{border-right:0;border-bottom:1px solid var(--line)}.admin-status-row>.button{justify-content:center;width:100%;margin-left:0}.admin-section{padding:24px 16px}.admin-split-layout{grid-template-columns:1fr}.admin-form-card{padding:16px}.admin-list-card{grid-template-columns:40px minmax(0,1fr)}.admin-list-actions{grid-column:2;justify-content:flex-end}.admin-instruction-presets{grid-template-columns:1fr}.admin-instruction-presets>button{min-height:96px}.admin-instruction-route{grid-template-columns:1fr}.admin-instruction-route>.button{justify-content:center;width:100%}.admin-instruction-view>header{flex-direction:column;align-items:stretch}.admin-instruction-view>header>div:last-child{grid-template-columns:1fr 1fr;display:grid}.admin-instruction-view>header .button{justify-content:center}.admin-instruction-view pre{max-height:560px;padding:16px}}@media (width<=1040px){.ai-service-grid{grid-template-columns:repeat(2,1fr)}.ai-parameter-table>div{grid-template-columns:160px 220px minmax(0,1fr)}}@media (width<=800px){.ai-service-grid{grid-template-columns:1fr}.ai-parameter-table>div{grid-template-columns:1fr;align-items:start;gap:4px;padding-block:16px}.ai-example-list>div:not(.ai-parameter-head){grid-template-columns:24px minmax(0,1fr) 40px}.ai-example-list>div:not(.ai-parameter-head)>.icon-button:last-child{grid-column:3}.ai-example-list>div:not(.ai-parameter-head)>.icon-button:nth-last-child(2){display:none}}.site-access-loading{background:var(--canvas);min-height:100dvh;color:var(--ink-3);place-content:center;justify-items:center;gap:12px;font-size:14px;display:grid}.site-access-loading .spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.72s linear infinite spin}.site-access-page{background:var(--canvas);grid-template-columns:minmax(0,.94fr) minmax(480px,1.06fr);min-height:100dvh;display:grid}.site-access-panel{z-index:1;background:var(--surface);min-height:100dvh;box-shadow:28px 0 60px color-mix(in srgb, var(--ink) 8%, transparent);align-content:center;gap:44px;padding:clamp(40px,8vw,132px);display:grid;position:relative}.site-access-copy{gap:16px;max-width:530px;display:grid}.site-access-copy h1{max-width:500px;color:var(--ink);letter-spacing:-2.6px;margin:0;font-size:clamp(40px,4.3vw,64px);line-height:1.02;display:grid}.site-access-copy h1>span:first-child{color:var(--accent)}.site-access-copy p{max-width:470px;color:var(--ink-2);margin:0;font-size:18px;line-height:28px}.site-access-form{gap:20px;width:min(100%,440px);display:grid}.site-access-form>.button{justify-content:center;width:100%}.site-access-restriction{color:var(--ink-3);margin:4px 0 0;font-size:12px;line-height:18px}.site-access-visual{border-left:1px solid var(--line);background:#f9fafc url(/auth/access-light-geometric.png) 50%/cover no-repeat;min-height:100dvh}@media (width<=940px){.site-access-page{grid-template-columns:1fr}.site-access-panel{min-height:min(660px,100dvh);padding:100px clamp(28px,9vw,76px) 52px}.site-access-visual{min-height:280px}}@media (width<=520px){.site-access-panel{gap:36px;min-height:calc(100dvh - 220px)}.site-access-copy h1{letter-spacing:-1.8px;font-size:42px}.site-access-copy p{font-size:16px;line-height:24px}.site-access-visual{min-height:220px}}.logos-page>.page-header{margin-bottom:48px}.logos-page .doc-section{margin-bottom:80px}.logo-card-grid{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.logo-card{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);grid-template-areas:"preview variants""copy variants";min-width:0;padding-top:64px;display:grid}.logo-card:first-child{padding-top:0}.logo-card-preview{background:var(--surface-subtle);border-radius:10px 0 0;grid-area:preview;justify-content:center;align-items:center;min-height:152px;padding:32px;display:flex}.logo-artwork{width:100%;max-width:280px;height:auto;display:block;overflow:visible}.logo-card-copy{background:var(--surface-subtle);border-radius:0 0 0 10px;grid-area:copy;align-content:center;gap:8px;padding:20px 32px 24px;display:grid}.logo-card-copy code{color:var(--accent-strong);font:600 12px/16px var(--font-family-mono)}.logo-card-copy h2{color:var(--ink);margin:0;font-size:20px;line-height:28px}.logo-card-copy p{min-height:40px;color:var(--ink-2);margin:0;font-size:14px;line-height:20px}.logo-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.logo-download{border:1px solid var(--line);background:var(--surface);width:fit-content;min-height:40px;color:var(--link);border-radius:6px;align-items:center;gap:8px;margin:0;padding:9px 12px;font-size:14px;font-weight:620;line-height:20px;text-decoration:none;display:inline-flex}.logo-download:hover{border-color:color-mix(in srgb, var(--link) 32%, var(--line));background:var(--accent-soft);color:var(--link-hover)}.logo-download:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:2px}.logo-variants-side{grid-area:variants;align-self:stretch;min-width:0;padding:0 0 0 32px;display:flex}.logo-variant-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;min-height:0;display:grid}.logo-variant-tile{background:var(--surface-subtle);border:0;border-radius:10px;grid-template-rows:minmax(0,1fr) auto;min-width:0;height:100%;min-height:0;margin:0;padding:16px;display:grid;overflow:hidden}.logo-variant-tile>div{background:0 0;place-items:center;height:100%;min-height:96px;padding:0;display:grid}.logo-variant-tile .logo-artwork{max-width:100%;max-height:80px}.logo-variant-mark>div{min-height:96px}.logo-variant-mark .logo-artwork{width:48px;height:48px}.logo-variant-onBlack>div{background:#111216;padding:0}.logo-variant-onBlack .logo-artwork{width:100%;max-width:none;max-height:none}.logo-variant-tile figcaption{justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:8px 0 0;display:flex}.logo-variant-tile figcaption span{overflow-wrap:anywhere;min-width:0;color:var(--ink-3);font-size:12px;line-height:16px}.logo-variant-tile figcaption a{width:24px;height:24px;color:var(--link);border-radius:4px;flex:none;justify-content:center;align-items:center;display:inline-flex}.logo-variant-tile figcaption a:hover{background:var(--accent-soft);color:var(--link-hover)}.logo-variant-tile figcaption a:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:2px}.logo-variant-onBlack,.logo-variant-onBlack>div{background:#111216}.logo-variant-onBlack figcaption span,.logo-variant-onBlack figcaption a{color:#fff}.logo-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.logo-usage-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0;margin:0;overflow:hidden}.logo-example-stage{background:var(--surface);place-items:center;min-height:280px;padding:32px;display:grid;position:relative}.logo-safe-area{border:1px dashed color-mix(in srgb, var(--success) 56%, var(--line));background:var(--surface);color:#12845b;border-radius:8px;width:min(100%,360px);padding:48px}.logo-safe-area .logo-artwork{max-width:280px}.logo-safe-area-bad{border-color:var(--danger-border);color:#aeb3c0;background:#dfe2ea;align-items:center;width:min(100%,360px);height:160px;padding:0 8px;display:flex;position:relative;overflow:hidden}.logo-artwork-wrong{width:150%;max-width:none;transform:translate(-28px,8px)scaleY(.68)rotate(-7deg)}.logo-violation-label{background:var(--danger-soft);color:var(--danger);font:600 12px/16px var(--font-family-mono);border-radius:4px;padding:4px 8px;position:absolute;bottom:16px}.logo-usage-card figcaption{border-top:1px solid var(--line);gap:8px;padding:20px;display:grid}.logo-usage-card figcaption>div{align-items:center;gap:8px;display:flex}.logo-usage-card figcaption>div svg{flex:none}.logo-usage-card.is-good figcaption>div{color:var(--success)}.logo-usage-card.is-bad figcaption>div{color:var(--danger)}.logo-usage-card figcaption strong{color:var(--ink);font-size:16px;line-height:24px}.logo-usage-card figcaption p{color:var(--ink-2);margin:0;font-size:14px;line-height:20px}.logo-rules-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.logo-rules-strip article{background:var(--surface-subtle);border-radius:10px;grid-template-rows:auto 1fr;min-width:0;margin:0;display:grid;overflow:hidden}.logo-rule-example{background:var(--surface);place-items:center;min-height:136px;padding:20px;display:grid;position:relative}.logo-rule-example-label{background:var(--danger-soft);color:var(--danger);font:600 11px/16px var(--font-family-mono);border-radius:4px;padding:4px 8px;position:absolute;top:12px;right:12px}.logo-rule-example .logo-artwork{max-width:170px;max-height:56px}.logo-rule-stretched{transform:scaleX(1.35)}.logo-rule-effected{filter:drop-shadow(0 6px #6d4aff)saturate(1.45)}.logo-rule-example-size{align-content:center}.logo-rule-too-small{width:24px;height:24px}.logo-rule-measure{color:var(--danger);font:600 11px/16px var(--font-family-mono);position:absolute;bottom:12px}.logo-rule-copy{align-content:start;gap:8px;padding:16px;display:grid}.logo-rule-copy strong{font-size:14px;line-height:20px}.logo-rule-copy span{color:var(--ink-3);font-size:12px;line-height:16px}@media (width<=1040px){.logo-card{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)}.logo-variants-side{padding-left:24px}.logo-rules-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.logo-card{grid-template-columns:1fr;grid-template-areas:"preview""copy""variants"}.logo-card-preview{border-radius:10px 10px 0 0}.logo-card-copy{border-radius:0 0 10px 10px}.logo-variants-side{padding:16px 0 0}.logo-card-grid,.logo-usage-grid,.logo-rules-strip{grid-template-columns:1fr}.logo-rule-example{min-height:128px}.logo-example-stage{min-height:240px;padding:24px 16px}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-bright-theme=blue]{--bright-font-family:"Inter Variable", Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bright-font-family-mono:ui-monospace, SFMono-Regular, Consolas, monospace;--bright-font-weight-regular:400;--bright-font-weight-book:450;--bright-font-weight-semibold:600;--bright-font-weight-subheading:620;--bright-font-weight-heading:650;--bright-font-size-xs:12px;--bright-font-size-sm:14px;--bright-font-size-md:16px;--bright-font-size-lg:18px;--bright-font-size-xl:24px;--bright-font-size-2xl:32px;--bright-font-size-3xl:48px;--bright-font-size-display:64px;--bright-line-height-xs:16px;--bright-line-height-sm:20px;--bright-line-height-md:24px;--bright-line-height-lg:28px;--bright-line-height-xl:32px;--bright-line-height-2xl:40px;--bright-line-height-3xl:52px;--bright-line-height-display:68px;--bright-tracking-default:0;--bright-tracking-tight:-.02em;--bright-tracking-tighter:-.03em;--bright-tracking-display:-.04em;--bright-space-0:0px;--bright-space-1:4px;--bright-space-2:8px;--bright-space-3:12px;--bright-space-4:16px;--bright-space-5:20px;--bright-space-6:24px;--bright-space-8:32px;--bright-space-10:40px;--bright-space-12:48px;--bright-space-16:64px;--bright-space-20:80px;--bright-space-24:96px;--bright-radius-sm:4px;--bright-radius-control:6px;--bright-radius-md:8px;--bright-radius-lg:12px;--bright-radius-xl:16px;--bright-radius-round:9996px;--bright-control-sm:32px;--bright-control-md:40px;--bright-control-lg:48px;--bright-motion-fast:.12s;--bright-motion-normal:.2s;--bright-motion-slow:.32s;--bright-surface:#fff;--bright-surface-subtle:#f0f1f5;--bright-canvas:#f7f7fa;--bright-ink:#111216;--bright-ink-2:#3f424c;--bright-ink-3:#6c6f7c;--bright-line:#e3e4ea;--bright-line-strong:#c7c9d2;--bright-accent:#3157e1;--bright-accent-soft:#edf0ff;--bright-accent-strong:#203bae;--bright-disabled-bg:#f0f1f5;--bright-disabled-text:#8a8d98;--bright-disabled-border:#d9dbe2;--bright-success-soft:#d1f5e4;--bright-success:#147a55;--bright-success-border:#78d2aa;--bright-info-soft:#d3ecff;--bright-info:#1769aa;--bright-info-border:#86c5ef;--bright-warning-soft:#ffedb0;--bright-warning:#8a5a0a;--bright-warning-border:#e3bd4f;--bright-danger:#b93434;--bright-danger-hover:#a92828;--bright-danger-soft:#ffe0e0;--bright-danger-border:#efa2a2;--bright-on-accent:#fff;--bright-control-track-border:#a4a8b5;--bright-control-track:#c6c8d0;--bright-overlay-scrim:#11121666;--bright-spinner-track:#ffffff5c;--bright-shadow-control:0 1px 2px #11121614;--bright-shadow-none:0 0 0 #11121600;--bright-shadow-raised:0 4px 12px #1112160f;--bright-shadow-overlay:0 8px 24px #1112161a;--bright-shadow-floating:0 16px 48px #11121624;--bright-focus-ring:#3157e12e;--bright-scrollbar-thumb:#9a9da8;--bright-scrollbar-thumb-hover:#777a85;--bright-scrollbar-size:6px;--bright-scrollbar-track:transparent}[data-bright-theme=sky]{--bright-accent:#087cf0;--bright-accent-soft:#e7f3ff;--bright-accent-strong:#005ec2;--bright-focus-ring:#087cf02e}[data-bright-theme=violet]{--bright-accent:#6d4aff;--bright-accent-soft:#f0ebff;--bright-accent-strong:#5032d7;--bright-focus-ring:#6d4aff2e}[data-bright-theme=blue]{--bright-accent:#3157e1;--bright-accent-soft:#edf0ff;--bright-accent-strong:#203bae;--bright-focus-ring:#3157e12e}[data-bright-theme=green]{--bright-accent:#12845b;--bright-accent-soft:#e4f7ef;--bright-accent-strong:#0b6545;--bright-focus-ring:#12845b2e}:where([data-bright-component],[data-bright-component] *,[data-bright-component-part],[data-bright-component-part] *){box-sizing:border-box}:where([data-bright-component],[data-bright-component-part]){color:var(--bright-ink);font-family:var(--bright-font-family);font-synthesis:none;text-rendering:optimizelegibility}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{--button-height:40px;--button-padding:16px;--button-font:14px;min-height:var(--button-height);padding:4px var(--button-padding);border-radius:var(--bright-radius-control);font:650 var(--button-font)/20px var(--bright-font-family);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:background .12s,color .12s,border-color .12s,box-shadow .12s;display:inline-flex}.button-compact{--button-height:32px;--button-padding:12px;--button-font:12px}.button-large{--button-height:48px;--button-padding:20px;--button-font:16px}.button:hover:not(:disabled),.button-state-hover:not(:disabled){transform:none}.button:active:not(:disabled),.button-state-pressed:not(:disabled){box-shadow:var(--bright-shadow-none);transform:none}.button:focus-visible,.button-state-focus{outline:4px solid var(--bright-accent-soft);outline-offset:2px}.button-primary{background:var(--bright-accent);color:var(--bright-on-accent);box-shadow:var(--bright-shadow-raised)}.button>svg{color:currentColor;stroke:currentColor}.button-primary>svg,.button-danger>svg{color:var(--bright-on-accent);stroke:currentColor}.button-primary:hover:not(:disabled),.button-primary.button-state-hover{background:var(--bright-accent-strong);box-shadow:var(--bright-shadow-overlay)}.button-primary:active:not(:disabled),.button-primary.button-state-pressed{background:color-mix(in srgb, var(--bright-accent-strong) 82%, var(--bright-ink))}.button-secondary{border-color:var(--bright-line);background:var(--bright-surface);color:var(--bright-ink)}.button-secondary:hover:not(:disabled),.button-secondary.button-state-hover{border-color:color-mix(in srgb, var(--bright-accent) 36%, var(--bright-line));background:var(--bright-accent-soft);box-shadow:var(--bright-shadow-raised)}.button-secondary:active:not(:disabled),.button-secondary.button-state-pressed{border-color:var(--bright-accent);background:color-mix(in srgb, var(--bright-accent-soft) 76%, var(--bright-accent))}.button-quiet{color:var(--bright-ink);background:0 0}.button-quiet:hover:not(:disabled),.button-quiet.button-state-hover{background:var(--bright-surface-subtle)}.button-quiet:active:not(:disabled),.button-quiet.button-state-pressed{background:var(--bright-accent-soft);color:var(--bright-accent-strong)}.button-danger{background:var(--bright-danger);color:var(--bright-on-accent)}.button-danger:hover:not(:disabled),.button-danger.button-state-hover{background:var(--bright-danger-hover);box-shadow:var(--bright-shadow-overlay)}.button-danger:active:not(:disabled),.button-danger.button-state-pressed{background:color-mix(in srgb, var(--bright-danger) 82%, var(--bright-ink))}.button:disabled{cursor:not-allowed;opacity:.72}.button[aria-busy=true]{cursor:wait}.button-no-label{width:var(--button-height);padding:0}.button-icon-top{flex-direction:column;gap:2px;padding-block:8px}.spinner{border:2px solid var(--bright-spinner-track);border-top-color:var(--bright-on-accent);border-radius:50%;width:16px;height:16px;animation:.72s linear infinite bright-spin}@keyframes bright-spin{to{transform:rotate(360deg)}}.badge{width:fit-content;min-height:var(--bright-control-sm);align-items:center;gap:var(--bright-space-1);padding:var(--bright-space-1) var(--bright-space-3);border-radius:var(--bright-radius-round);color:var(--bright-ink-2);font:var(--bright-font-weight-heading) var(--bright-font-size-sm)/var(--bright-line-height-sm) var(--bright-font-family);border:0;display:inline-flex}.badge-compact{min-height:24px;padding:2px var(--bright-space-2);font-size:var(--bright-font-size-xs);line-height:var(--bright-line-height-xs)}.badge-large{min-height:var(--bright-control-md);padding-inline:var(--bright-space-4);font-size:var(--bright-font-size-md);line-height:var(--bright-line-height-md)}.badge-neutral{background:var(--bright-surface-subtle)}.badge-accent{background:var(--bright-accent-soft);color:var(--bright-accent-strong)}.badge-info{background:var(--bright-info-soft);color:var(--bright-info)}.badge-success{background:var(--bright-success-soft);color:var(--bright-success)}.badge-warning{background:var(--bright-warning-soft);color:var(--bright-warning)}.badge-danger{background:var(--bright-danger-soft);color:var(--bright-danger)}.badge svg{color:currentColor;flex:none}.chip{--chip-height:40px;--chip-font-size:14px;min-height:var(--chip-height);border:1px solid var(--bright-line);background:var(--bright-surface);color:var(--bright-ink-2);font:500 var(--chip-font-size)/20px var(--bright-font-family);cursor:pointer;border-radius:9996px;align-items:center;gap:8px;padding:4px 12px;transition:color .12s,background .12s,border-color .12s,box-shadow .12s;display:inline-flex}.chip-compact{--chip-height:32px;--chip-font-size:12px;padding-inline:10px}.chip-large{--chip-height:48px;--chip-font-size:16px;padding-inline:16px}.chip:hover:not(:disabled),.chip-state-hover:not(:disabled){border-color:color-mix(in srgb, var(--bright-accent) 52%, var(--bright-line));background:var(--bright-accent-soft);color:var(--bright-ink)}.chip:active:not(:disabled),.chip-state-pressed:not(:disabled){border-color:var(--bright-accent);background:color-mix(in srgb, var(--bright-accent-soft) 76%, var(--bright-accent))}.chip:focus-visible,.chip-state-focus{box-shadow:0 0 0 4px var(--bright-accent-soft);outline:0}.chip-selected{border-color:var(--bright-accent);background:var(--bright-accent-soft);color:var(--bright-accent-strong);font-weight:650}.chip-count{background:var(--bright-surface-subtle);min-width:20px;height:20px;color:var(--bright-ink-2);font:650 12px/16px var(--bright-font-family);font-variant-numeric:tabular-nums;border-radius:9996px;place-items:center;padding:0 4px;display:grid}.chip-selected .chip-count{background:var(--bright-surface);color:var(--bright-accent-strong)}.chip:disabled{border-color:var(--bright-disabled-border);background:var(--bright-disabled-bg);color:var(--bright-disabled-text);cursor:not-allowed}.chip:disabled .chip-count{background:var(--bright-surface);color:var(--bright-disabled-text)}.checkbox,.radio{color:var(--bright-ink);font:400 14px/20px var(--bright-font-family);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.checkbox-compact,.radio-compact{gap:var(--bright-space-1);font-size:var(--bright-font-size-xs);line-height:var(--bright-line-height-xs)}.checkbox-large,.radio-large{gap:var(--bright-space-3);font-size:var(--bright-font-size-md);line-height:var(--bright-line-height-md)}.checkbox input,.radio input{opacity:0;position:absolute}.checkbox-marker,.radio-marker{border:1px solid var(--bright-disabled-border);background:var(--bright-surface);flex:none;place-items:center;width:20px;height:20px;transition:border-color .12s,box-shadow .12s,background .12s;display:grid}.checkbox-marker-compact,.radio-marker-compact{width:16px;height:16px}.checkbox-marker-large,.radio-marker-large{width:24px;height:24px}.checkbox-marker{color:var(--bright-on-accent);border-radius:3px}.checkbox-marker.is-checked,.checkbox-marker.is-indeterminate{border-color:var(--bright-accent);background:var(--bright-accent);color:var(--bright-on-accent)}.checkbox-marker>svg{color:currentColor;stroke:currentColor;stroke-width:2.4px;width:14px;height:14px}.checkbox input:focus-visible+.checkbox-marker,.checkbox-state-focus .checkbox-marker,.radio input:focus-visible+.radio-marker{outline:4px solid var(--bright-accent-soft);outline-offset:4px}.checkbox input:disabled+.checkbox-marker,.radio input:disabled+.radio-marker{border-color:var(--bright-disabled-border);background:var(--bright-disabled-bg);color:var(--bright-disabled-text)}.checkbox input[aria-invalid=true]+.checkbox-marker,.radio input[aria-invalid=true]+.radio-marker{border-color:var(--bright-danger);background:var(--bright-danger-soft);color:var(--bright-danger)}:is(.checkbox:has(input:not(:disabled)):hover .checkbox-marker:not(.is-checked),.checkbox.checkbox-state-hover:has(input:not(:disabled)) .checkbox-marker:not(.is-checked)){border-color:color-mix(in srgb, var(--bright-accent) 56%, var(--bright-disabled-border));background:color-mix(in srgb, var(--bright-accent-soft) 36%, transparent)}:is(.checkbox:has(input:not(:disabled)):hover .checkbox-marker.is-checked,.checkbox.checkbox-state-hover:has(input:not(:disabled)) .checkbox-marker.is-checked){border-color:var(--bright-accent-strong);background:var(--bright-accent-strong);color:var(--bright-on-accent)}.radio-marker{border-radius:50%}.radio-marker i{background:0 0;border-radius:50%;width:8px;height:8px}.radio:hover .radio-marker,.radio-state-hover .radio-marker{border-color:var(--bright-accent)}.radio-state-focus .radio-marker{outline:4px solid var(--bright-accent-soft);outline-offset:4px}.radio input:checked+.radio-marker{border-color:var(--bright-accent);background:var(--bright-accent-soft)}.radio input:checked+.radio-marker i{background:var(--bright-accent)}.switch{--switch-height:20px;--switch-width:36px;min-height:40px;color:var(--bright-ink);font:400 14px/20px var(--bright-font-family);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:inline-flex}.switch-compact{min-height:32px}.switch-large{--switch-height:24px;--switch-width:44px;min-height:48px}.switch>span{order:2}.switch>i{width:var(--switch-width);height:var(--switch-height);border:1px solid var(--bright-control-track-border);border-radius:var(--bright-radius-round);background:var(--bright-control-track);transition:border-color var(--bright-motion-fast) ease, background var(--bright-motion-fast) ease, box-shadow var(--bright-motion-fast) ease;flex:none;order:1;position:relative}.switch.switch-label-left>span{order:1}.switch.switch-label-left>i{order:2}.switch>i:after{content:"";width:calc(var(--switch-height) - 4px);height:calc(var(--switch-height) - 4px);background:var(--bright-on-accent);box-shadow:var(--bright-shadow-control);transition:transform var(--bright-motion-fast) ease;border-radius:50%;position:absolute;top:50%;left:1px;transform:translateY(-50%)}.switch[aria-checked=true]>i{border-color:var(--bright-accent);background:var(--bright-accent)}.switch[aria-checked=true]>i:after{transform:translate(calc(var(--switch-width) - var(--switch-height)), -50%)}.switch[aria-checked=mixed]>i{border-color:color-mix(in srgb, var(--bright-accent) 52%, transparent);background:color-mix(in srgb, var(--bright-accent) 20%, transparent)}.switch[aria-checked=mixed]>i:after{width:calc(var(--switch-height) + 8px);height:calc(var(--switch-height) - 4px);border-radius:var(--bright-radius-round);background:var(--bright-accent);box-shadow:var(--bright-shadow-control);top:50%;left:50%;transform:translate(-50%,-50%)}.switch[aria-checked=mixed]>i:before{display:none}.switch:hover:not(:disabled)>i,.switch-state-hover>i{box-shadow:0 0 0 4px var(--bright-accent-soft)}.switch:focus-visible>i,.switch-state-focus>i{outline:2px solid var(--bright-accent);outline-offset:2px}.switch:active:not(:disabled)>i,.switch-state-pressed>i{filter:brightness(.92)}.switch:disabled{color:var(--bright-disabled-text);cursor:not-allowed}.switch:disabled>i{border-color:var(--bright-disabled-border);background:var(--bright-disabled-bg)}.input-field,.textarea-field,.ds-select{color:var(--bright-ink);font-family:var(--bright-font-family)}.input-field{--input-height:40px;--input-font:14px;gap:4px;display:grid}.input-field-compact{--input-height:32px;--input-font:12px}.input-field-large{--input-height:48px;--input-font:16px}.input-field-label,.ds-select-label{color:var(--bright-ink-3);font-size:var(--input-font,var(--select-font));line-height:20px;font-weight:var(--bright-font-weight-regular)}.input-field-control{min-height:var(--input-height);border:1px solid var(--bright-line);border-radius:var(--bright-radius-control);background:var(--bright-surface);color:var(--bright-ink-3);align-items:center;gap:8px;padding:4px 12px;transition:border-color .12s,box-shadow .12s,background .12s;display:flex}.input-field-control:has(>.input-field-clear){padding-right:8px}.input-field:not(.is-disabled) .input-field-control:hover,.input-field.is-preview-hover:not(.is-disabled) .input-field-control{border-color:color-mix(in srgb, var(--bright-accent) 52%, var(--bright-line));background:color-mix(in srgb, var(--bright-accent-soft) 32%, var(--bright-surface))}.input-field .input-field-control:focus-within,.input-field.is-preview-focus:not(.is-disabled) .input-field-control{border-color:var(--bright-accent);box-shadow:0 0 0 4px var(--bright-accent-soft);outline:0}.input-field-control input{min-width:0;color:var(--bright-ink);font:var(--bright-font-weight-book) var(--input-font)/20px var(--bright-font-family);background:0 0;border:0;outline:0;flex:1;padding:0}.input-field-control input[type=search]::-webkit-search-cancel-button{appearance:none}.input-field-soft .input-field-control{background:var(--bright-surface-subtle);border-color:#0000}.input-field.is-error .input-field-control{border-color:var(--bright-danger);background:var(--bright-danger-soft)}.input-field.is-error .input-field-control:focus-within,.input-field.is-error.is-preview-focus .input-field-control{box-shadow:0 0 0 4px color-mix(in srgb, var(--bright-danger) 16%, transparent)}.input-field.is-disabled .input-field-control{border-color:var(--bright-disabled-border);background:var(--bright-disabled-bg);color:var(--bright-disabled-text);box-shadow:none}.input-field>small,.textarea-field>small,.ds-select-helper{color:var(--bright-ink-3);font:400 12px/16px var(--bright-font-family)}.input-field.is-error>small,.textarea-field.is-error>small,.ds-select.is-error .ds-select-helper{color:var(--bright-danger)}.input-field-clear{width:24px;height:24px;color:var(--bright-ink-3);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;padding:0;display:grid}.input-field-clear:hover{background:var(--bright-surface-subtle);color:var(--bright-ink)}.input-field-clear:focus-visible{outline:2px solid var(--bright-accent);outline-offset:1px}.textarea-field{--textarea-font:14px;gap:8px;display:grid}.textarea-field-compact{--textarea-font:12px}.textarea-field-large{--textarea-font:16px}.textarea-field>label{color:var(--bright-ink-3);font:var(--bright-font-weight-regular) var(--textarea-font)/20px var(--bright-font-family)}.textarea-field>textarea{resize:vertical;border:1px solid var(--bright-line);border-radius:var(--bright-radius-control);background:var(--bright-surface);min-height:112px;color:var(--bright-ink);font:var(--bright-font-weight-book) var(--textarea-font)/20px var(--bright-font-family);padding:12px;transition:border-color .12s,box-shadow .12s,background .12s}.textarea-field:not(.is-disabled)>textarea:hover{border-color:color-mix(in srgb, var(--bright-accent) 52%, var(--bright-line))}.textarea-field>textarea:focus{border-color:var(--bright-accent);box-shadow:0 0 0 4px var(--bright-accent-soft);outline:0}.textarea-field.is-error>textarea{border-color:var(--bright-danger);background:var(--bright-danger-soft)}.textarea-field.is-disabled>textarea{border-color:var(--bright-disabled-border);background:var(--bright-disabled-bg);color:var(--bright-disabled-text)}.tabs{color:var(--bright-ink);font-family:var(--bright-font-family);gap:4px;display:flex;overflow-x:auto}.tabs button{min-height:40px;color:var(--bright-ink-3);font:400 14px/20px var(--bright-font-family);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:4px 12px}.tabs-compact button{min-height:32px;padding-inline:8px;font-size:12px}.tabs-large button{min-height:48px;padding-inline:16px;font-size:16px}.tabs button:hover:not(:disabled),.tabs-state-hover button[aria-selected=true]{background:var(--bright-surface-subtle)}.tabs button.is-active{border-color:var(--bright-accent);color:var(--bright-accent-strong);font-weight:650}.tabs-pill{border-radius:var(--bright-radius-control);background:var(--bright-surface-subtle);padding:4px}.tabs-pill button{border:0;border-radius:4px}.tabs-pill button.is-active{background:var(--bright-surface);box-shadow:var(--bright-shadow-raised)}.tabs-state-focus button[aria-selected=true]{outline:2px solid var(--bright-accent);outline-offset:-2px}.tabs-state-pressed button[aria-selected=true]{background:var(--bright-accent-soft)}.breadcrumb{min-width:0;color:var(--bright-ink);font-family:var(--bright-font-family)}.breadcrumb-list{flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-list-item{align-items:center;gap:8px;min-width:0;display:inline-flex}.breadcrumb-link,.breadcrumb-ellipsis{min-width:0;color:var(--bright-ink-3);font:600 12px/16px var(--bright-font-family);border-radius:4px;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.breadcrumb-link{max-width:min(280px,40vw);padding-block:4px;padding-inline:0}.breadcrumb-link>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.breadcrumb-link>svg{color:currentColor;flex:none;width:16px;height:16px}.breadcrumb-link:hover{color:var(--bright-ink);background:0 0}.breadcrumb-link:focus-visible,.breadcrumb-ellipsis:focus-visible{outline:2px solid var(--bright-accent);outline-offset:2px}.breadcrumb-link.is-current{color:var(--bright-accent-strong)}.breadcrumb-compact .breadcrumb-link,.breadcrumb-compact .breadcrumb-ellipsis{font-size:11px;line-height:14px}.breadcrumb-large .breadcrumb-link,.breadcrumb-large .breadcrumb-ellipsis{font-size:var(--bright-font-size-sm);line-height:var(--bright-line-height-sm)}.breadcrumb-link-icon-only{justify-content:center;width:28px;padding-inline:0}.breadcrumb-ellipsis{background:var(--bright-surface-subtle);min-width:28px;min-height:28px;color:var(--bright-ink-2);cursor:pointer;border:0;justify-content:center;padding:4px 8px}.breadcrumb-ellipsis:hover{background:var(--bright-accent-soft);color:var(--bright-accent-strong)}.breadcrumb-separator{color:var(--bright-ink-3);flex:none}.page-header .breadcrumb{margin-bottom:12px}@media (width<=600px){.breadcrumb-list{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.breadcrumb-link{max-width:min(210px,56vw)}.page-header-top{flex-wrap:wrap;align-items:flex-start}.page-actions{width:100%}}.segmented-control{border-radius:var(--bright-radius-control);background:var(--bright-surface-subtle);color:var(--bright-ink);font-family:var(--bright-font-family);gap:4px;padding:4px;display:inline-flex}.segmented-control>button{min-height:40px;color:var(--bright-ink-3);font:400 14px/20px var(--bright-font-family);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 12px;transition:background .12s,color .12s,box-shadow .12s}.segmented-control-full{width:100%}.segmented-control-full>button{flex:1 1 0}.segmented-control-compact>button{min-height:32px;padding-inline:8px;font-size:12px}.segmented-control-large>button{min-height:48px;padding-inline:16px;font-size:16px}.segmented-control>button:hover:not(:disabled),.segmented-control-state-hover>button[aria-pressed=true]{background:color-mix(in srgb, var(--bright-surface) 60%, var(--bright-accent-soft));color:var(--bright-ink)}.segmented-control>button:focus-visible,.segmented-control-state-focus>button[aria-pressed=true]{outline:2px solid var(--bright-accent);outline-offset:-2px}.segmented-control>button:active:not(:disabled),.segmented-control-state-pressed>button[aria-pressed=true]{background:var(--bright-accent-soft)}.segmented-control>button.is-active{background:var(--bright-surface);color:var(--bright-accent-strong);box-shadow:var(--bright-shadow-raised)}.segmented-control>button:disabled{color:var(--bright-disabled-text);cursor:not-allowed}.ds-select{--select-height:40px;--select-font:14px;text-align:left;gap:4px;width:min(100%,440px);display:grid;position:relative}.ds-select-compact{--select-height:32px;--select-font:12px}.ds-select-large{--select-height:48px;--select-font:16px}.ds-select.is-full{width:100%;max-width:none}.ds-select-label{font-size:var(--select-font)}.ds-select-control{position:relative}.ds-select-trigger{width:100%;min-height:var(--select-height);border:1px solid var(--bright-line);border-radius:var(--bright-radius-control);background:var(--bright-surface);color:var(--bright-ink);font-family:var(--bright-font-family);text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:8px;padding:4px 12px;transition:border-color .12s,background .12s,box-shadow .12s;display:grid}.ds-select-trigger>span{min-width:0;color:var(--bright-ink);font:var(--bright-font-weight-book) var(--select-font)/20px var(--bright-font-family);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-select-trigger .is-placeholder{color:var(--bright-ink-3)}.ds-select-trigger>svg{color:var(--bright-ink-3);transition:transform .12s}.ds-select-trigger:hover,.ds-select.is-hover .ds-select-trigger{border-color:color-mix(in srgb, var(--bright-accent) 52%, var(--bright-line));background:color-mix(in srgb, var(--bright-accent-soft) 32%, var(--bright-surface))}.ds-select-trigger:active,.ds-select.is-pressed .ds-select-trigger{border-color:var(--bright-accent);background:color-mix(in srgb, var(--bright-accent-soft) 76%, var(--bright-accent));box-shadow:var(--bright-shadow-none);transform:none}.ds-select-trigger:focus-visible,.ds-select.is-focus .ds-select-trigger,.ds-select.is-open .ds-select-trigger{border-color:var(--bright-accent);box-shadow:0 0 0 4px var(--bright-accent-soft);outline:0}.ds-select.is-open .ds-select-trigger>svg{transform:rotate(180deg)}.ds-select.is-error .ds-select-trigger{border-color:var(--bright-danger);background:var(--bright-danger-soft)}.ds-select.is-error .ds-select-trigger:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--bright-danger) 16%, transparent)}.ds-select.is-disabled .ds-select-trigger{border-color:var(--bright-disabled-border);background:var(--bright-disabled-bg);color:var(--bright-disabled-text);cursor:not-allowed;box-shadow:none}.ds-select-clear{width:28px;height:28px;color:var(--bright-ink-3);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.ds-select-clear:hover{background:var(--bright-surface-subtle);color:var(--bright-ink)}.ds-select-control:has(.ds-select-clear) .ds-select-trigger>span{padding-right:28px}.ds-select-backdrop{display:none}.ds-select-popup{z-index:40;left:var(--select-popup-left);top:var(--select-popup-top);width:var(--select-popup-width);min-width:var(--select-popup-min-width);min-height:var(--select-popup-min-height);max-height:var(--select-popup-max-height);border:1px solid var(--bright-line);background:var(--bright-surface);box-shadow:var(--bright-shadow-overlay);border-radius:8px;flex-direction:column;display:flex;position:fixed;overflow:hidden}.ds-select-popup-head{border-bottom:1px solid var(--bright-line);justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:8px 12px;display:none}.ds-select-popup-head>div{min-width:0;display:grid}.ds-select-popup-head strong{font:650 14px/20px var(--bright-font-family);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-select-popup-head small{color:var(--bright-ink-3);font:400 12px/16px var(--bright-font-family)}.ds-select-popup-head>button{cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:32px;height:32px;padding:0}.ds-select-search.input-field{height:auto;color:inherit;background:0 0;margin:12px;padding:0;display:grid}.ds-select-search.input-field:focus-within{box-shadow:none}.ds-select-search .input-field-control{width:100%}.ds-select-tabs{border-bottom:1px solid var(--bright-line);flex:none;padding:0 12px;overflow-y:hidden}.ds-select-all{border:0;border-bottom:1px solid var(--bright-line);width:100%;min-height:44px;color:var(--bright-ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:8px 12px;display:grid}.ds-select-all:hover{background:var(--bright-surface-subtle)}.ds-select-all strong{font:650 12px/16px var(--bright-font-family)}.ds-select-list{overscroll-behavior:contain;scrollbar-color:var(--bright-scrollbar-thumb) transparent;scrollbar-width:thin;flex:auto;min-height:0;max-height:280px;margin:4px 4px 4px 0;padding:0 4px;overflow-y:auto}.ds-select-list::-webkit-scrollbar{width:6px}.ds-select-list::-webkit-scrollbar-thumb{background:var(--bright-scrollbar-thumb);border-radius:9996px;min-height:32px}.ds-select-list::-webkit-scrollbar-thumb:hover{background:var(--bright-scrollbar-thumb-hover)}.ds-select-list>button{width:100%;min-height:44px;color:var(--bright-ink);font-family:var(--bright-font-family);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:8px;padding:8px;display:grid}.ds-select-list>button:has(.ds-select-check){grid-template-columns:20px minmax(0,1fr)}.ds-select-list>button:hover{background:var(--bright-surface-subtle)}.ds-select-list>button:active{background:var(--bright-accent-soft)}.ds-select-list>button:focus-visible{outline:2px solid var(--bright-accent);outline-offset:-2px}.ds-select-list>button.is-selected{color:var(--bright-accent-strong)}.ds-select-list>button:disabled{color:var(--bright-disabled-text);cursor:not-allowed}.ds-select-list>button>span:not(.ds-select-check){min-width:0;display:grid}.ds-select-option-label{color:var(--bright-ink);font:var(--bright-font-weight-book) 14px/20px var(--bright-font-family);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-select-list small{color:var(--bright-ink-3);font:400 12px/16px var(--bright-font-family)}.ds-select-check{place-items:center;width:20px;height:20px;display:grid}.ds-select-empty{min-height:96px;color:var(--bright-ink-3);font:400 14px/20px var(--bright-font-family);place-items:center;padding:16px;display:grid}.ds-select-virtual-note{border-top:1px solid var(--bright-line);background:var(--bright-surface-subtle);min-height:32px;color:var(--bright-ink-3);font:500 12px/16px var(--bright-font-family-mono);justify-content:space-between;align-items:center;gap:16px;padding:4px 12px;display:flex}.ds-select-footer{border-top:1px solid var(--bright-line);grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.ds-select-list.is-virtualized{height:280px;max-height:280px;padding:0 4px;position:relative}.ds-select-virtual-space{width:100%;position:relative}.ds-select-virtual-space>.ds-select-option{width:100%;height:48px;color:var(--bright-ink);font-family:var(--bright-font-family);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:8px;padding:8px;display:grid;position:absolute;inset:0}.ds-select-virtual-space>.ds-select-option:hover{background:var(--bright-surface-subtle)}.ds-select-virtual-space>.ds-select-option:active{background:var(--bright-accent-soft)}.ds-select-virtual-space>.ds-select-option.is-selected{color:var(--bright-accent-strong)}.ds-select-virtual-space>.ds-select-option>span{min-width:0;display:grid}.admin-file-field{color:var(--bright-ink-2);font:400 13px/20px var(--bright-font-family);gap:6px;display:grid}.admin-file-field>input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.admin-file-control{border:1px dashed var(--bright-line-strong);border-radius:var(--bright-radius-control);background:var(--bright-surface);min-height:64px;color:var(--bright-ink-2);cursor:pointer;align-items:center;gap:12px;padding:12px;display:flex}.admin-file-control:hover,.admin-file-field>input:focus-visible+.admin-file-control{border-color:var(--bright-accent);background:var(--bright-accent-soft);box-shadow:0 0 0 3px var(--bright-focus-ring)}.admin-file-control>svg{color:var(--bright-accent)}.admin-file-control>span{min-width:0;display:grid}.admin-file-control strong{color:var(--bright-ink);font:650 13px/20px var(--bright-font-family);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-file-control small{color:var(--bright-ink-3);font:400 11px/16px var(--bright-font-family)}.section-intro{max-width:760px;color:var(--bright-ink);font-family:var(--bright-font-family)}.section-kicker,.eyebrow{color:var(--bright-ink-3);font:700 12px/16px var(--bright-font-family);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;display:inline-flex}.section-intro h2{font-size:var(--bright-font-size-2xl);line-height:var(--bright-line-height-2xl);letter-spacing:-.03em;margin:8px 0 12px;font-weight:620}.section-intro p{color:var(--bright-ink-2);margin:0;font-size:16px;line-height:24px}.page-header{max-width:none;color:var(--bright-ink);font-family:var(--bright-font-family);margin-bottom:64px}.page-header-top{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.page-header-top>:first-child{min-width:0}.page-header h1{letter-spacing:-.048em;max-width:800px;margin:12px 0 16px;font-size:clamp(40px,5vw,64px);font-weight:680;line-height:1.04}.page-header>p{max-width:760px;color:var(--bright-ink-2);margin:0;font-size:18px;line-height:28px}.page-header-top .breadcrumb{margin-bottom:0}.page-actions{flex:none;align-items:center;gap:8px;display:flex}.page-actions>.button{min-height:32px;padding:4px 10px;font-size:12px}.component-page-shell{width:100%;min-width:0}.ds-sidebar{z-index:21;border-right:1px solid var(--bright-line);background:var(--bright-canvas);width:248px;color:var(--bright-ink);font-family:var(--bright-font-family);flex-direction:column;padding:0 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.ds-sidebar-compact{width:216px}.ds-sidebar-large{width:280px}.ds-sidebar-brand{flex:0 0 64px;align-items:center;height:64px;padding:0 12px 0 0;display:flex}.ds-sidebar-brand>*{min-width:0}.ds-sidebar-nav{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--bright-ink-3) 36%, transparent) transparent;flex:1;align-content:start;gap:2px;width:calc(100% + 16px);padding-top:4px;padding-right:16px;display:grid;overflow-y:auto}.ds-sidebar-nav::-webkit-scrollbar{width:4px;height:0}.ds-sidebar-nav::-webkit-scrollbar-track{background:0 0}.ds-sidebar-nav::-webkit-scrollbar-track-piece{background:0 0}.ds-sidebar-nav::-webkit-scrollbar-button{-webkit-appearance:none;width:0!important;height:0!important;display:none!important}.ds-sidebar-nav::-webkit-scrollbar-button:single-button{-webkit-appearance:none;width:0!important;height:0!important;display:none!important}.ds-sidebar-nav::-webkit-scrollbar-button:vertical:decrement{-webkit-appearance:none;width:0!important;height:0!important;display:none!important}.ds-sidebar-nav::-webkit-scrollbar-button:vertical:increment{-webkit-appearance:none;width:0!important;height:0!important;display:none!important}.ds-sidebar-nav::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--bright-ink-3) 36%, transparent);border:0;border-radius:999px;min-height:32px}.ds-sidebar-nav::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--bright-ink-3) 54%, transparent)}.ds-sidebar-group{gap:2px;display:grid}.ds-sidebar-item{width:100%;min-height:48px;color:var(--bright-ink);text-align:left;font-family:var(--bright-font-family);cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:6px 12px;display:grid}.ds-sidebar-compact .ds-sidebar-item{min-height:var(--bright-control-md)}.ds-sidebar-large .ds-sidebar-item{min-height:56px}.ds-sidebar-item>svg{color:var(--bright-ink-3)}.ds-sidebar-item>span{gap:0;min-width:0;display:grid}.ds-sidebar-item strong{font:620 14px/20px var(--bright-font-family)}.ds-sidebar-item small{display:none}.ds-sidebar-item:hover{background:var(--bright-surface)}.ds-sidebar-item.is-active{background:var(--bright-surface);color:var(--bright-accent-strong);box-shadow:none}.ds-sidebar-item.is-active>svg{color:var(--bright-accent)}.ds-sidebar-subnav{border-left:1px solid var(--bright-line);gap:2px;margin:0 0 6px 20px;padding-left:20px;display:grid}.ds-sidebar-subnav>button{min-height:32px;color:var(--bright-ink-3);text-align:left;font:400 12px/16px var(--bright-font-family);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 8px}.ds-sidebar-subnav>button:hover{background:var(--bright-surface);color:var(--bright-ink)}.ds-sidebar-subnav>button.is-active{background:var(--bright-accent-soft);color:var(--bright-accent-strong);font-weight:700}.ds-sidebar-footer{flex:none;margin-top:12px}.divider{align-items:center;gap:var(--bright-space-3);width:min(100%,480px);color:var(--bright-ink-3);font-size:var(--bright-font-size-sm);line-height:var(--bright-line-height-sm);display:flex}.divider>i{background:var(--bright-line);flex:1;height:1px}.divider-compact{gap:var(--bright-space-2);font-size:var(--bright-font-size-xs)}.divider-large{gap:var(--bright-space-4);font-size:var(--bright-font-size-md)}.divider-vertical{flex-direction:column;width:auto;min-height:160px}.divider-vertical>i{width:1px;height:auto;min-height:112px}.progress{--progress-height:8px;gap:var(--bright-space-2);width:min(100%,400px);display:grid}.progress-compact{--progress-height:4px;font-size:var(--bright-font-size-xs)}.progress-regular{font-size:var(--bright-font-size-sm)}.progress-large{--progress-height:12px;font-size:var(--bright-font-size-md)}.progress-meta{justify-content:space-between;gap:var(--bright-space-3);line-height:var(--bright-line-height-sm);display:flex}.progress-track{height:var(--progress-height);border-radius:var(--bright-radius-round);background:var(--bright-surface-subtle);overflow:hidden}.progress-track>span{border-radius:inherit;background:var(--bright-accent);height:100%;display:block}.progress-indeterminate .progress-track>span{width:40%;animation:1.2s ease-in-out infinite bright-progress-slide}.progress-success .progress-track>span{background:var(--bright-success)}.progress-error .progress-track>span{background:var(--bright-danger)}.progress-error .progress-meta>strong{color:var(--bright-danger)}@keyframes bright-progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.pagination{--pagination-control:var(--bright-control-md);align-items:center;gap:var(--bright-space-1);color:var(--bright-ink-2);font:var(--bright-font-weight-book) var(--bright-font-size-sm)/var(--bright-line-height-sm) var(--bright-font-family);display:flex}.pagination-compact{--pagination-control:var(--bright-control-sm);font-size:var(--bright-font-size-xs)}.pagination-large{--pagination-control:var(--bright-control-lg);font-size:var(--bright-font-size-md)}.pagination>button{width:var(--pagination-control);height:var(--pagination-control);border:1px solid var(--bright-line);border-radius:var(--bright-radius-sm);background:var(--bright-surface);color:var(--bright-ink);font:inherit;cursor:pointer;place-items:center;padding:0;display:grid}.pagination>button:hover:not(:disabled){border-color:var(--bright-accent);background:var(--bright-accent-soft)}.pagination>button:focus-visible{outline:2px solid var(--bright-accent);outline-offset:2px}.pagination>button.is-active{border-color:var(--bright-accent);background:var(--bright-accent);color:var(--bright-on-accent);font-weight:var(--bright-font-weight-heading)}.pagination>button:disabled{border-color:var(--bright-disabled-border);background:var(--bright-disabled-bg);color:var(--bright-disabled-text);cursor:not-allowed}.pagination>span{padding-inline:var(--bright-space-2);font-variant-numeric:tabular-nums}.hint{color:var(--bright-ink-2);display:inline-flex}.hint-trigger{width:var(--bright-control-md);height:var(--bright-control-md);border:1px solid var(--bright-line);background:var(--bright-surface);color:var(--bright-ink-3);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.hint-trigger:focus-visible{outline:2px solid var(--bright-accent);outline-offset:2px}.hint-content{gap:var(--bright-space-3);max-width:440px;padding:var(--bright-space-4);border-radius:var(--bright-radius-md);background:var(--bright-info-soft);color:var(--bright-ink-2);display:flex}.hint-content>span{gap:var(--bright-space-1);display:grid}.hint-content strong{color:var(--bright-ink);font-size:var(--bright-font-size-sm)}.hint-content span span{font-size:var(--bright-font-size-xs);line-height:var(--bright-line-height-xs)}.hint-tooltip .hint-content{background:var(--bright-ink);max-width:280px;color:var(--bright-on-accent)}.hint-tooltip .hint-content strong{color:var(--bright-on-accent)}.hint-popover .hint-content{box-shadow:var(--bright-shadow-overlay)}.hint-compact .hint-content{padding:var(--bright-space-2)}.hint-large .hint-content{padding:var(--bright-space-5)}.toolbar{min-height:var(--bright-control-md);align-items:center;gap:var(--bright-space-1);padding:var(--bright-space-1);border:1px solid var(--bright-line);border-radius:var(--bright-radius-control);background:var(--bright-surface);display:flex}.toolbar-compact{min-height:var(--bright-control-sm)}.toolbar-large{min-height:var(--bright-control-lg);padding:var(--bright-space-2)}.toolbar>button{min-width:var(--bright-control-sm);min-height:var(--bright-control-sm);justify-content:center;align-items:center;gap:var(--bright-space-1);padding:var(--bright-space-1) var(--bright-space-2);border-radius:var(--bright-radius-sm);color:var(--bright-ink);cursor:pointer;background:0 0;border:0;display:inline-flex}.toolbar>button:hover{background:var(--bright-surface-subtle)}.toolbar>button:focus-visible{outline:2px solid var(--bright-accent);outline-offset:1px}.toolbar-selection{padding-inline:var(--bright-space-2);color:var(--bright-ink-2);font-size:var(--bright-font-size-xs);font-weight:var(--bright-font-weight-heading)}.toolbar-editor .toolbar-action-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.modal-backdrop{z-index:90;padding:var(--bright-space-6);background:var(--bright-overlay-scrim);place-items:center;display:grid;position:fixed;inset:0}.modal-backdrop.modal-contained{border-radius:var(--bright-radius-lg);width:min(100%,600px);min-height:320px;position:relative;inset:auto}.modal{width:min(100%,400px);padding:var(--bright-space-6);border-radius:var(--bright-radius-lg);background:var(--bright-surface);box-shadow:var(--bright-shadow-overlay)}.modal-compact{max-width:360px;padding:var(--bright-space-5)}.modal-large{max-width:560px;padding:var(--bright-space-8)}.modal>header{justify-content:space-between;align-items:start;gap:var(--bright-space-4);display:flex}.modal>header h2{color:var(--bright-ink);font:var(--bright-font-weight-heading) var(--bright-font-size-lg)/var(--bright-line-height-lg) var(--bright-font-family);margin:0}.modal>header button{width:var(--bright-control-sm);height:var(--bright-control-sm);border-radius:var(--bright-radius-sm);color:var(--bright-ink-3);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.modal>header button:hover{background:var(--bright-surface-subtle);color:var(--bright-ink)}.modal-content{margin-top:var(--bright-space-4);color:var(--bright-ink-2);font-size:var(--bright-font-size-sm);line-height:var(--bright-line-height-sm)}.modal>footer{justify-content:flex-end;gap:var(--bright-space-2);margin-top:var(--bright-space-6);display:flex}.list-view{border:1px solid var(--bright-line);border-radius:var(--bright-radius-md);background:var(--bright-surface);width:min(100%,520px);overflow:hidden}.list-view>[role=listitem]{--list-view-height:60px;min-height:var(--list-view-height);grid-template-columns:var(--bright-control-sm) minmax(0, 1fr) auto;gap:var(--bright-space-3);padding:var(--bright-space-2) var(--bright-space-3);border-bottom:1px solid var(--bright-line);align-items:center;display:grid}.list-view-compact>[role=listitem]{--list-view-height:48px}.list-view-large>[role=listitem]{--list-view-height:72px;padding:var(--bright-space-3) var(--bright-space-4)}.list-view>[role=listitem]:last-child{border-bottom:0}.list-view>[role=listitem].is-disabled{color:var(--bright-disabled-text)}.list-view-index{width:var(--bright-control-sm);height:var(--bright-control-sm);border-radius:var(--bright-radius-control);background:var(--bright-surface-subtle);color:var(--bright-ink-2);font-size:var(--bright-font-size-xs);place-items:center;display:grid}.list-view-copy{min-width:0;display:grid}.list-view-copy strong{font-size:var(--bright-font-size-sm);line-height:var(--bright-line-height-sm)}.list-view-copy small{color:var(--bright-ink-3);font-size:var(--bright-font-size-xs);line-height:var(--bright-line-height-xs)}.list-view>[role=listitem]>button{width:var(--bright-control-sm);height:var(--bright-control-sm);border-radius:var(--bright-radius-sm);color:var(--bright-ink-3);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.list-view>[role=listitem]>button:hover{background:var(--bright-surface-subtle);color:var(--bright-ink)}.list-view-state{min-height:160px;padding:var(--bright-space-6);color:var(--bright-ink-3);font-size:var(--bright-font-size-sm);place-items:center;display:grid}.content-nav{width:min(100%,280px);padding:var(--bright-space-3);border:1px solid var(--bright-line);border-radius:var(--bright-radius-md);background:var(--bright-surface)}.content-nav-heading{width:100%;min-height:var(--bright-control-sm);padding:var(--bright-space-1) var(--bright-space-2);border-radius:var(--bright-radius-sm);color:var(--bright-ink);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}.content-nav-heading strong{font-size:var(--bright-font-size-xs);text-transform:uppercase}.content-nav-items{gap:var(--bright-space-1);margin-top:var(--bright-space-1);display:grid}.content-nav-entry{display:grid}.content-nav-row{min-width:0;padding-left:calc(var(--content-nav-depth) * var(--bright-space-4));align-items:center;display:flex}.content-nav-row>a,.content-nav-row>button:not(.content-nav-toggle){min-width:0;min-height:var(--bright-control-md);padding:var(--bright-space-1) var(--bright-space-3);border-radius:var(--bright-radius-sm);color:var(--bright-ink-2);font:var(--bright-font-weight-book) var(--bright-font-size-sm)/var(--bright-line-height-sm) var(--bright-font-family);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;text-decoration:none;display:flex}.content-nav-compact .content-nav-row>a,.content-nav-compact .content-nav-row>button:not(.content-nav-toggle){min-height:var(--bright-control-sm);font-size:var(--bright-font-size-xs)}.content-nav-large .content-nav-row>a,.content-nav-large .content-nav-row>button:not(.content-nav-toggle){min-height:var(--bright-control-lg);font-size:var(--bright-font-size-md)}.content-nav-row>a:hover,.content-nav-row>button:not(.content-nav-toggle):hover{background:var(--bright-surface-subtle)}.content-nav-row>a[aria-current],.content-nav-row>button.is-active{background:var(--bright-accent-soft);color:var(--bright-accent-strong);font-weight:var(--bright-font-weight-heading)}.content-nav-toggle,.content-nav-spacer{border-radius:var(--bright-radius-sm);width:24px;height:24px;color:var(--bright-ink-3);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.status-panel{grid-template-columns:var(--bright-control-lg) minmax(0, 1fr) auto;gap:var(--bright-space-4);width:min(100%,600px);padding:var(--bright-space-5);border:1px solid var(--bright-line);border-radius:var(--bright-radius-lg);background:var(--bright-surface);align-items:center;display:grid}.status-panel-compact{grid-template-columns:var(--bright-control-md) minmax(0, 1fr) auto;padding:var(--bright-space-4)}.status-panel-large{grid-template-columns:var(--bright-space-16) minmax(0, 1fr) auto;padding:var(--bright-space-6)}.status-panel-icon{width:var(--bright-control-lg);height:var(--bright-control-lg);border-radius:var(--bright-radius-md);background:var(--bright-info-soft);color:var(--bright-info);place-items:center;display:grid}.status-panel-success .status-panel-icon{background:var(--bright-success-soft);color:var(--bright-success)}.status-panel-warning .status-panel-icon{background:var(--bright-warning-soft);color:var(--bright-warning)}.status-panel-error .status-panel-icon{background:var(--bright-danger-soft);color:var(--bright-danger)}.status-panel-copy{gap:var(--bright-space-1);min-width:0;display:grid}.status-panel-copy>strong{margin-top:var(--bright-space-1);font-size:var(--bright-font-size-md);line-height:var(--bright-line-height-md)}.status-panel-copy>p{color:var(--bright-ink-3);font-size:var(--bright-font-size-xs);line-height:var(--bright-line-height-xs);margin:0}.status-panel.is-loading .status-panel-icon svg{animation:.72s linear infinite bright-spin}@media (width<=600px){.modal-backdrop{padding:var(--bright-space-4)}.modal{padding:var(--bright-space-5)}.modal>footer{flex-direction:column;align-items:stretch}.status-panel{grid-template-columns:var(--bright-control-md) minmax(0, 1fr);gap:var(--bright-space-3);padding:var(--bright-space-4)}.status-panel-icon{width:var(--bright-control-md);height:var(--bright-control-md)}.status-panel-action{grid-column:1/-1}.status-panel-action>*{width:100%}}.data-grid{--data-grid-cell-padding-x:12px;--data-grid-cell-font-size:14px;--data-grid-row-height:40px;border:1px solid var(--bright-line);background:var(--bright-surface);width:max-content;min-width:0;color:var(--bright-ink);font:400 var(--data-grid-cell-font-size)/20px var(--bright-font-family);border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:hidden}.data-grid.is-full-width{width:100%}.data-grid-compact{--data-grid-cell-padding-x:8px;--data-grid-cell-font-size:12px;--data-grid-row-height:32px}.data-grid-large{--data-grid-cell-padding-x:16px;--data-grid-cell-font-size:16px;--data-grid-row-height:48px}.data-grid-viewport{width:100%;height:var(--data-grid-height,480px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--bright-scrollbar-thumb) transparent;background:var(--bright-surface);min-height:160px;position:relative;overflow:auto}.data-grid-table-viewport{scrollbar-width:thin;scrollbar-color:var(--bright-scrollbar-thumb) transparent;width:100%;overflow:auto}.data-grid-table-viewport table{border-collapse:separate;border-spacing:0;table-layout:auto;min-width:100%;color:inherit;font:inherit}.data-grid-table-layout-fixed .data-grid-table-viewport table{table-layout:fixed}.data-grid-header{z-index:6;background:var(--bright-surface-subtle);box-shadow:0 1px 0 var(--bright-line-strong);position:relative}.data-grid.has-sticky-header .data-grid-header{position:sticky;top:0}.data-grid-header-row{height:var(--data-grid-header-height);display:grid}.data-grid-header-cell{min-width:0;padding:6px var(--data-grid-cell-padding-x);border-right:0;border-bottom:1px solid var(--bright-line);background:var(--bright-surface-subtle);color:var(--bright-ink-3);font:650 var(--data-grid-cell-font-size)/18px var(--bright-font-family);text-align:center;justify-content:center;align-items:center;gap:4px;display:flex;position:relative;overflow:hidden}.data-grid.has-multilevel-header .data-grid-header-cell{border-right:1px solid var(--bright-line)}.data-grid-header-cell:last-child{border-right:0}.data-grid-table-viewport th.data-grid-header-cell{height:var(--data-grid-header-height);vertical-align:middle;text-align:left;padding:6px 12px;font-size:12px;line-height:16px;display:table-cell}.data-grid-table-viewport th.data-grid-header-cell:has(>.data-grid-header-action){padding-right:48px}.data-grid-table-viewport th.data-grid-header-cell:has(>.data-grid-header-action+.data-grid-header-action){padding-right:76px}.data-grid-table-viewport th.data-grid-header-cell>.data-grid-header-label{justify-content:flex-start}.data-grid-table-viewport th.data-grid-header-cell.is-align-center{text-align:center}.data-grid-table-viewport th.data-grid-header-cell.is-align-center>.data-grid-header-label{justify-content:center}.data-grid-table-viewport th.data-grid-header-cell.is-align-end{text-align:right}.data-grid-table-viewport th.data-grid-header-cell.is-align-end>.data-grid-header-label{justify-content:flex-end}.data-grid.has-sticky-header .data-grid-table-viewport th.data-grid-header-cell{top:calc(var(--data-grid-header-row,0) * var(--data-grid-header-height));z-index:5;position:sticky}.data-grid-header-label{overflow-wrap:anywhere;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.data-grid-header-sort{min-width:0;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;padding:0;display:inline-flex}.data-grid-header-sort:hover{color:var(--bright-ink)}.data-grid-header-sort:focus-visible,.data-grid-header-action:focus-visible,.data-grid-tree-toggle:focus-visible{outline:2px solid var(--bright-accent);outline-offset:1px}.data-grid-header-action{width:24px;height:24px;color:var(--bright-ink-3);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;padding:0;display:grid}.data-grid-header-action:hover{background:color-mix(in srgb, var(--bright-ink) 7%, transparent);color:var(--bright-ink)}.data-grid-table-viewport th.data-grid-header-cell>.data-grid-header-action{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.data-grid-table-viewport th.data-grid-header-cell>.data-grid-header-action+.data-grid-header-action{right:28px}.data-grid-body{position:relative}.data-grid-row{background:var(--bright-surface);contain:layout paint style;align-items:stretch;width:100%;display:grid;position:absolute;inset:0 auto auto 0}.data-grid-mode-table .data-grid-row{contain:none;display:table-row;position:static;transform:none!important}.data-grid-mode-table.data-grid-compact{--data-grid-row-height:32px}.data-grid-mode-table.data-grid-regular{--data-grid-row-height:40px}.data-grid-mode-table.data-grid-large{--data-grid-row-height:48px}.data-grid-row.is-group{background:var(--bright-surface-subtle);font-weight:650}.data-grid-interaction-row .data-grid-row:hover,.data-grid-interaction-row .data-grid-row:focus-visible{background:color-mix(in srgb, var(--bright-accent-soft) 56%, var(--bright-surface));outline:none}.data-grid-row.is-selected{background:var(--bright-accent-soft)}.data-grid-row.is-group.is-selected{background:color-mix(in srgb, var(--bright-accent-soft) 78%, var(--bright-surface-subtle))}.data-grid-cell{min-width:0;min-height:var(--data-grid-row-height);padding:6px var(--data-grid-cell-padding-x);border-right:1px solid var(--bright-line);border-bottom:1px solid var(--bright-line);color:inherit;font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;background:0 0;align-items:center;display:flex;overflow:hidden}.data-grid-mode-table td.data-grid-cell,.data-grid-mode-table th.data-grid-row-header{height:var(--data-grid-row-height);vertical-align:middle;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;border-right:0;padding:8px 12px;display:table-cell;overflow:visible}.data-grid-mode-table.data-grid-compact td.data-grid-cell,.data-grid-mode-table.data-grid-compact th.data-grid-row-header{padding:6px 8px}.data-grid-mode-table.data-grid-large td.data-grid-cell,.data-grid-mode-table.data-grid-large th.data-grid-row-header{padding:10px 16px}:is(.data-grid-mode-table .data-grid-cell:has(>[data-bright-component]),.data-grid-mode-table .data-grid-cell:has([data-bright-component=Chip],[data-bright-component=Badge])){padding-block:0}.data-grid-mode-table.data-grid-compact th.data-grid-header-cell{padding:4px 8px;font-size:11px;line-height:14px}.data-grid-mode-table.data-grid-large th.data-grid-header-cell{padding:8px 16px;font-size:13px;line-height:18px}.data-grid-mode-table .data-grid-cell.is-nowrap{white-space:nowrap;overflow-wrap:normal}.data-grid-mode-table .data-grid-row-header{color:var(--bright-ink);text-align:left;font-weight:600}.data-grid-mode-table tbody tr:last-child>.data-grid-cell{border-bottom:0}.data-grid-mode-table .data-grid-cell-content{white-space:inherit;text-overflow:clip;overflow:visible}.data-grid-mode-table.data-grid-appearance-plain,.data-grid-mode-table.data-grid-appearance-plain .data-grid-row{background:var(--bright-surface)}.data-grid-mode-table.data-grid-appearance-plain .data-grid-header-cell{background:var(--bright-surface-subtle)}.data-grid-mode-table.data-grid-appearance-soft,.data-grid-mode-table.data-grid-appearance-soft .data-grid-table-viewport,.data-grid-mode-table.data-grid-appearance-soft .data-grid-row{background:var(--bright-surface)}.data-grid-mode-table.data-grid-appearance-soft .data-grid-header-cell{background:var(--bright-canvas)}.data-grid-mode-table .data-grid-row.is-group{background:var(--bright-surface-subtle)}.data-grid-mode-table .data-grid-row.is-selected{background:var(--bright-accent-soft)}.data-grid-mode-table.data-grid-interaction-row .data-grid-row:hover,.data-grid-mode-table.data-grid-interaction-row .data-grid-row:focus-visible{background:color-mix(in srgb, var(--bright-accent-soft) 56%, var(--bright-surface))}.data-grid.has-row-highlight .data-grid-row:not(.is-selected):hover{background:color-mix(in srgb, var(--bright-accent-soft) 48%, var(--bright-surface))}.data-grid-cell:last-child{border-right:0}.data-grid-cell.is-align-center{text-align:center;justify-content:center}.data-grid-cell.is-align-end{text-align:right;justify-content:flex-end}.data-grid-cell.is-wrapped{white-space:normal;overflow-wrap:anywhere}.data-grid-interaction-cell .data-grid-cell:not(:has(.data-grid-editor)):hover{background:color-mix(in srgb, var(--bright-accent-soft) 42%, transparent)}.data-grid-interaction-cell .data-grid-cell:focus{z-index:2;outline:2px solid var(--bright-accent);outline-offset:-2px;background:var(--bright-surface);overflow:visible}.data-grid-cell.is-selected{background:var(--bright-accent-soft)}.data-grid-cell.is-pending{background-image:linear-gradient(90deg, transparent, color-mix(in srgb, var(--bright-accent) 10%, transparent), transparent);background-size:200% 100%;animation:1.2s linear infinite data-grid-pending}.data-grid-cell.is-error{box-shadow:inset 0 0 0 2px var(--bright-danger)}.data-grid-cell-content{text-overflow:ellipsis;min-width:0;overflow:hidden}.data-grid-tree-cell{width:100%;min-width:0;padding-left:calc(var(--data-grid-tree-depth,0) * 20px);align-items:center;gap:4px;display:flex}.data-grid-tree-toggle,.data-grid-tree-spacer{width:20px;height:20px;color:var(--bright-ink-3);background:0 0;border:0;border-radius:4px;flex:none;place-items:center;padding:0;display:grid}.data-grid-tree-toggle{cursor:pointer}.data-grid-tree-toggle:hover{background:color-mix(in srgb, var(--bright-ink) 7%, transparent);color:var(--bright-ink)}.data-grid-checkbox{justify-content:center;align-items:center;min-width:20px;min-height:20px;display:inline-flex}.data-grid-checkbox .checkbox{gap:0;position:relative}.data-grid-checkbox .checkbox>span:last-child{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.data-grid-editor{width:100%;min-width:0;margin:-4px -8px}.data-grid-editor.input-field,.data-grid-editor.textarea-field,.data-grid-editor.ds-select{color:inherit}.data-grid-editor.input-field .input-field-control,.data-grid-editor.ds-select .ds-select-trigger{min-height:calc(var(--data-grid-row-height) - 8px);padding-block:2px}.data-grid-editor.textarea-field>textarea{min-height:80px;padding:8px}.data-grid-editor-checkbox{margin:0}.data-grid-state{width:100%;min-height:200px;color:var(--bright-ink-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.data-grid-state>svg{color:var(--bright-ink-3)}.data-grid-state>strong{color:var(--bright-ink);font-weight:650}.data-grid-state>span{max-width:480px}.data-grid-loading-more{z-index:4;border-top:1px solid var(--bright-line);background:color-mix(in srgb, var(--bright-surface) 92%, transparent);min-height:36px;color:var(--bright-ink-3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex;position:sticky;bottom:0}.data-grid-summary-band{border-top:1px solid var(--bright-line-strong);background:var(--bright-surface-subtle);width:100%;overflow:hidden}.data-grid-summary-row{background:var(--bright-surface-subtle);font-weight:650;display:grid}.data-grid-mode-table .data-grid-summary-row{display:table-row}.data-grid-summary-row .data-grid-cell{border-bottom:0}.data-grid-status-bar{border-top:1px solid var(--bright-line);background:var(--bright-surface-subtle);min-height:44px;color:var(--bright-ink-3);justify-content:space-between;align-items:center;gap:16px;padding:6px 12px;font-size:12px;line-height:16px;display:flex}.data-grid-status-start,.data-grid-status-end{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.data-grid-status-end{justify-content:flex-end}.data-grid-status-start>span,.data-grid-status-end>span{align-items:center;gap:4px;display:inline-flex}.data-grid-status-start .is-error{color:var(--bright-danger)}.data-grid-edit-actions,.data-grid-pagination{align-items:center;gap:6px;display:flex}.data-grid-pagination label{align-items:center;gap:6px;display:inline-flex}.data-grid-pagination select{border:1px solid var(--bright-line);background:var(--bright-surface);min-height:28px;color:var(--bright-ink);font:inherit;border-radius:4px;padding:2px 24px 2px 6px}.data-grid-pagination>button{border:1px solid var(--bright-line);background:var(--bright-surface);width:28px;height:28px;color:var(--bright-ink);border-radius:4px;place-items:center;padding:0;display:grid}.data-grid-pagination>button:disabled{opacity:.4}.data-grid-column-menu{z-index:100;border:1px solid var(--bright-line);background:var(--bright-surface);width:min(280px,100vw - 16px);box-shadow:var(--bright-shadow-overlay);color:var(--bright-ink);font:400 13px/18px var(--bright-font-family);border-radius:8px;gap:2px;padding:6px;display:grid;position:fixed}.data-grid-column-menu>button{width:100%;min-height:34px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 10px}.data-grid-column-menu>button:hover,.data-grid-column-menu>button:focus-visible{background:var(--bright-surface-subtle);outline:none}.data-grid-column-menu>button.is-danger{color:var(--bright-danger)}.data-grid-column-menu>button:disabled{color:var(--bright-disabled-text);cursor:not-allowed}.data-grid-column-menu>span{color:var(--bright-ink-3);padding:8px 10px}.data-grid-spin{animation:.72s linear infinite data-grid-spin}@keyframes data-grid-spin{to{transform:rotate(360deg)}}@keyframes data-grid-pending{to{background-position:-200% 0}}@media (width<=800px){.ds-select-backdrop{z-index:79;background:var(--bright-overlay-scrim);border:0;display:block;position:fixed;inset:0}.ds-select-popup{z-index:80;border-radius:12px 12px 0 0;width:100%;max-height:calc(100dvh - 48px);inset:auto 0 0}.ds-select-popup-head{min-height:64px;padding:12px 16px;display:flex}.ds-select-popup-head>button{display:grid}.ds-select-search.input-field{flex:none;margin:0 16px 12px}.ds-select-tabs{padding-inline:16px}.ds-select-list{max-height:none}.ds-select-list>button,.ds-select-all{min-height:52px;padding-inline:16px}.ds-select-footer{padding:12px 16px max(12px, env(safe-area-inset-bottom));flex:none}.page-header{margin-bottom:48px}.page-header h1{font-size:40px}.ds-sidebar{visibility:hidden;pointer-events:none;width:min(320px,88vw);box-shadow:var(--bright-shadow-overlay);transition:transform .2s,visibility .2s;transform:translate(-100%)}.ds-sidebar.is-open{visibility:visible;pointer-events:auto;transform:none}.data-grid-status-bar{flex-direction:column;align-items:stretch}.data-grid-status-end{justify-content:space-between}.data-grid-pagination{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){:where([data-bright-component],[data-bright-component] *,[data-bright-component-part],[data-bright-component-part] *){transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}