:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafafa;--bg-rgb:250, 250, 250;--bg-panel:#fff;--bg-elevated:#f3f0fa;--fg:#111113;--fg-muted:#5b6270;--fg-subtle:#666;--border:#0000000f;--border-strong:#0000001a;--brand:#000;--brand-fg:#fff;--brand-tint:color-mix(in oklch, var(--brand) 12%, transparent);--brand-tint-strong:color-mix(in oklch, var(--brand) 22%, transparent);--brand-ring:color-mix(in oklch, var(--brand) 35%, transparent);--brand-glow:color-mix(in oklch, var(--brand) 28%, transparent);--accent:var(--brand);--accent-fg:var(--brand-fg);--violet:#6b5dff;--violet-rgb:107, 93, 255;--hover-tint:#0000000a;--search-highlight:rgba(var(--violet-rgb), .16);--press-tint:#00000014;--radius:10px;--radius-sm:6px;--radius-lg:24px;--radius-xl:32px;--shadow-1:0 1px 2px #0f11150a, 0 0 0 1px #0f111505;--shadow-2:0 4px 14px #0f11150f, 0 1px 2px #0f11150a;--shadow-3:0 12px 32px #0f11151a, 0 2px 6px #0f11150f;--shadow-glow:0 0 0 4px var(--brand-tint);--shadow-sm:var(--shadow-1);--shadow:var(--shadow-2);--shadow-glass:0 12px 24px 0 #a297b826, 0 20px 40px 0 #a297b833;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--font-display:28px;--font-h2:20px;--font-body:14px;--font-sm:12px;--font-xs:11px;--font-2xs:10px;--tracking-tight:-.02em;--tracking-eyebrow:.08em;--dur-1:.1s;--dur-2:.16s;--dur-3:.24s;--dur-4:.38s;--dur-5:.6s;--ease-snap:cubic-bezier(.32, .72, 0, 1);--ease-glide:cubic-bezier(.25, 1, .5, 1);--ease-jelly:cubic-bezier(.34, 1.56, .64, 1);--ease-spring:cubic-bezier(.5, 1.6, .4, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--glass-bg:#ffffff40;--glass-bg-strong:#ffffff73;--glass-border:#fff6;--glass-blur:saturate(180%) blur(18px);--glass-blur-soft:saturate(140%) blur(12px);--tile-bg:#00000005;--tile-bg-hover:#0000000d;--tile-shadow-hover:0 6px 16px #6b5dff1a;--warn:#b45309;--warn-bg:color-mix(in oklch, var(--warn) 12%, transparent);--warn-fg:var(--warn)}
*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#0006 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0006;border-radius:999px}::-webkit-scrollbar-corner{background:0 0}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Text,system-ui,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}button{font:inherit;cursor:pointer}input[type=range]{width:100%;accent-color:var(--brand);cursor:pointer}input[type=range]::-webkit-slider-thumb{transition:transform var(--dur-2) var(--ease-jelly), box-shadow var(--dur-2) var(--ease-glide)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 6px var(--brand-tint);transform:scale(1.25)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px var(--brand-tint);transform:scale(1.25)}input[type=range]::-moz-range-thumb{transition:transform var(--dur-2) var(--ease-jelly), box-shadow var(--dur-2) var(--ease-glide)}input[type=range]:hover::-moz-range-thumb{transform:scale(1.15)}input[type=range]:active::-moz-range-thumb{box-shadow:0 0 0 6px var(--brand-tint);transform:scale(1.25)}input[type=checkbox]{accent-color:var(--brand)}.app{--col-side:clamp(224px, 17.6vw, 272px);--nav-w:var(--col-side);--col-inspector:calc(var(--col-side) + 40px);grid-template-columns:var(--nav-w) 1fr;height:100vh;transition:grid-template-columns var(--dur-3) var(--ease-glide);grid-template-rows:auto minmax(0,1fr);gap:0;display:grid;overflow:hidden}.app[data-nav=collapsed]{--nav-w:52px}.app[data-nav=collapsed] .category-nav{visibility:hidden;pointer-events:none;border-right:0}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.top-nav{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);min-height:52px;display:flex}.app>.top-nav{border-bottom:1px solid var(--border);padding-inline:var(--space-4);grid-area:1/1/auto/-1}.top-nav-brand{align-items:center;gap:var(--space-2);color:var(--fg);letter-spacing:var(--tracking-tight);white-space:nowrap;font-weight:650;text-decoration:none;display:inline-flex}.top-nav-links{align-items:center;gap:var(--space-1);flex-wrap:wrap;min-width:0;display:flex}.top-nav a:not(.top-nav-brand){border-radius:var(--radius-sm);color:var(--fg-muted);font-size:var(--font-sm);white-space:nowrap;align-items:center;padding:6px 10px;text-decoration:none;display:inline-flex}.top-nav a:not(.top-nav-brand):hover{color:var(--fg);background:var(--hover-tint)}.top-nav a[aria-current=page]{color:var(--fg);background:var(--bg-elevated);font-weight:600}.top-nav-repo{margin-left:auto}.app-wrapper{grid-template-columns:1fr var(--col-inspector);border-radius:var(--radius-xl);box-shadow:none;background:0 0;border:0;min-width:0;height:100%;min-height:0;margin:4px;display:grid;overflow:hidden}.main{padding:var(--space-7) 0 140px;min-width:0;min-height:0;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 0% calc(100% - 200px),#0000 calc(100% - 100px));mask-image:linear-gradient(#000 0% calc(100% - 200px),#0000 calc(100% - 100px))}.app>.category-nav{grid-area:2/1}.category-nav{height:100%;padding:var(--space-7) var(--space-4);background:0 0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 16px calc(100% - 16px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 16px calc(100% - 16px),#0000 100%)}.sidebar-brand{margin-bottom:var(--space-5);padding-bottom:var(--space-4);gap:var(--space-1);padding-left:var(--space-2);padding-right:var(--space-2);flex-direction:column;display:flex}.sidebar-brand-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.category-nav .nav-collapse-btn{width:24px;height:24px;color:var(--fg-subtle);cursor:pointer;opacity:.7;text-transform:none;font-size:inherit;font-weight:inherit;transition:background var(--dur-2) var(--ease-glide), color var(--dur-2) var(--ease-glide), opacity var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-jelly);background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.category-nav .nav-collapse-btn:hover{background:var(--hover-tint);color:var(--fg);opacity:1}.category-nav .nav-collapse-btn:active{transition-duration:var(--dur-1);transform:scale(.92)}.nav-expand-btn{margin-top:calc(var(--space-7) - 3px);background:var(--glass-bg-strong,var(--bg));width:30px;height:30px;-webkit-backdrop-filter:var(--glass-blur,none);backdrop-filter:var(--glass-blur,none);border:1px solid var(--glass-border,var(--border));color:var(--fg-muted);cursor:pointer;transition:background var(--dur-2) var(--ease-glide), color var(--dur-2) var(--ease-glide), border-color var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-jelly);border-radius:8px;grid-area:2/1;justify-content:center;place-self:start center;align-items:center;padding:0;display:inline-flex;box-shadow:0 1px 2px #0000000a}.nav-expand-btn:hover{color:var(--fg);background:var(--press-tint,var(--bg))}.nav-expand-btn:active{transition-duration:var(--dur-1);transform:scale(.94)}.badge.sidebar-brand-badge{padding:3px var(--space-2);font-size:var(--font-2xs);letter-spacing:.02em;background:var(--brand-tint);color:var(--brand);border-radius:999px;align-self:flex-start;font-weight:500}.category-nav h2{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-subtle);margin:0 0 10px 8px;font-size:11px;font-weight:600}.category-nav .nav-list{flex-direction:column;gap:1px;display:flex}.category-nav button{padding:8px var(--space-4);color:var(--fg-muted);text-align:left;transition:background var(--dur-2) var(--ease-glide), color var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-jelly);text-transform:capitalize;background:0 0;border:0;border-radius:999px;justify-content:space-between;align-items:center;font-size:12px;font-weight:400;display:flex}.category-nav button:hover{background:var(--hover-tint);color:var(--fg)}.category-nav button:active{transition-duration:var(--dur-1);transform:scale(.97)}.category-nav button[data-active=true]{background:var(--press-tint);color:var(--fg);opacity:1;font-weight:500}.category-nav .count{color:inherit;font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.sidebar{height:100%;padding:var(--space-7);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;min-height:0;overflow-y:auto}
@media (min-width:961px){.sidebar{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-left:1px solid #0000000d;position:relative}.inspector-close{width:26px;height:26px;color:var(--fg-subtle);cursor:pointer;opacity:.6;transition:background var(--dur-2) var(--ease-glide), opacity var(--dur-2) var(--ease-glide);background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.inspector-close:hover{background:var(--glass-bg-strong);opacity:1}.sidebar .inspector-header,.sidebar .preview-region,.sidebar .inspector-stack{animation:inspector-in var(--dur-3) var(--ease-glide) both}}@keyframes inspector-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.site-header{margin:0 0 4px;padding:0 0 16px}.site-header-top{white-space:nowrap;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.title{letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:28px;font-weight:600}.subtitle{color:var(--fg-muted);margin:0 0 14px;font-size:14px}.search-bar-wrapper{position:relative}.search-entry-row{align-items:center;gap:8px;display:flex}.search-entry-row .search{flex:1;min-width:0}.search-done{display:none}.search-clear{flex:0 0 28px;width:28px}.search-clear[data-visible=false]{visibility:hidden;pointer-events:none}.search{align-items:center;gap:var(--space-3);padding:20px var(--space-6);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);cursor:text;width:100%;min-height:68px;box-shadow:var(--shadow-glass);transition:border-color var(--dur-3) var(--ease-glide), box-shadow var(--dur-3) var(--ease-glide), background var(--dur-2) var(--ease-glide);border-radius:9999px;display:flex}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.search{background:#ffffffd9}}.search:hover{background:var(--glass-bg-strong)}.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-tint), var(--shadow-glass);animation:search-halo var(--dur-4) var(--ease-out)}@keyframes search-halo{0%{box-shadow:0 0 0 0 var(--brand-ring), var(--shadow-glass)}to{box-shadow:0 0 0 4px var(--brand-tint), var(--shadow-glass)}}.search input{min-width:0;color:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.search-glyph{color:var(--fg-subtle);flex-shrink:0;align-items:center;display:inline-flex}.search-clear{color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;line-height:1;display:inline-flex}.search-clear:hover{color:var(--fg);background:var(--bg-elevated)}.search-history{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur-soft);backdrop-filter:var(--glass-blur-soft);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-3);max-height:320px;padding:var(--space-1);z-index:30;transform-origin:bottom;animation:popover-in var(--dur-3) var(--ease-jelly);position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow-y:auto}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.search-history{background:var(--bg-panel)}}@keyframes popover-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.search-history-item{animation:popover-in var(--dur-2) var(--ease-glide) backwards}.search-history-item:first-child{animation-delay:20ms}.search-history-item:nth-child(2){animation-delay:40ms}.search-history-item:nth-child(3){animation-delay:60ms}.search-history-item:nth-child(4){animation-delay:80ms}.search-history-item:nth-child(5){animation-delay:.1s}.search-history-item:nth-child(6){animation-delay:.12s}.search-history-item:nth-child(7){animation-delay:.14s}.search-history-item:nth-child(8){animation-delay:.16s}.search-history-header{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-subtle);justify-content:space-between;align-items:center;padding:6px 10px;font-size:10px;font-weight:600;display:flex}.search-history-header button{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.search-history-header button:hover{color:var(--fg);background:var(--bg-elevated)}.search-history-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--fg);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:13px;display:flex}.search-history-item:hover{background:var(--bg-elevated)}.search-history-item-text{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:10px;display:flex;overflow:hidden}.search-history-remove{color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;line-height:1;display:inline-flex}.search-history-remove:hover{color:var(--fg);background:var(--border)}.search-history-list{margin:0;padding:0;list-style:none}.search-history-list .search-history-item{gap:0;padding:0}.search-history-apply{min-width:0;min-height:44px;color:var(--fg);text-align:left;background:0 0;border:0;border-radius:4px;flex:1;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.search-history-apply>svg{color:var(--fg-muted);flex-shrink:0}.search-history-apply>span{overflow-wrap:anywhere}.search-history-remove{flex:0 0 44px;width:44px;min-height:44px}.search-history-apply:focus-visible,.search-history-remove:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}.presets-strip{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.preset-chip{padding:6px var(--space-3);border:1px solid var(--border);background:var(--bg-panel);font-size:var(--font-sm);color:var(--fg);transition:background var(--dur-2) var(--ease-glide), border-color var(--dur-2) var(--ease-glide), color var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-jelly);border-radius:999px;font-weight:500}.preset-chip:hover{background:var(--hover-tint)}.preset-chip:active{transition-duration:var(--dur-1);transform:scale(.94)}.preset-chip[data-active=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);box-shadow:var(--shadow-glow);animation:chip-pop var(--dur-3) var(--ease-jelly)}@keyframes chip-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.results-meta{margin-bottom:var(--space-3);color:var(--fg-muted);font-size:var(--font-sm);font-family:ui-monospace,SF Mono,Menlo,monospace}.load-sentinel{height:40px;margin-top:var(--space-4);color:var(--fg-subtle);font-size:var(--font-sm);text-align:center;place-items:center;display:grid}.empty-state{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);color:var(--fg-muted);text-align:center;animation:fade-in var(--dur-4) var(--ease-out);flex-direction:column;display:flex}.empty-state h2{font-size:var(--font-h2);color:var(--fg);letter-spacing:var(--tracking-tight);margin:0;font-weight:600}.empty-state p{font-size:var(--font-sm);max-width:36ch;margin:0;line-height:1.5}.empty-state-link{color:var(--brand);font:inherit;text-underline-offset:3px;cursor:pointer;transition:color var(--dur-2) var(--ease-glide);background:0 0;border:0;padding:0;text-decoration:underline}.empty-state-link:hover{color:color-mix(in oklch, var(--brand) 80%, var(--fg))}.layer-id[data-disabled]{cursor:default}.grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.icon-card{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-3) var(--space-3);appearance:none;font:inherit;color:inherit;transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-3) var(--ease-out), background var(--dur-2) var(--ease-out);cursor:pointer;text-align:center;will-change:transform;background:0 0;border:0;border-radius:24px;flex-direction:column;margin:0;display:flex;position:relative}.search-results-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.search-results-heading .results-meta{overflow-wrap:anywhere;margin:0;font-family:inherit;line-height:1.7}.results-meta strong{color:var(--fg);font-weight:600}.search-query-label{color:var(--fg)}.search-scope{border:1px solid var(--border);background:var(--bg-panel);min-height:36px;color:var(--fg);font:inherit;cursor:pointer;border-radius:20px;align-items:center;gap:10px;padding:7px 12px;font-size:12px;display:inline-flex}.search-results-heading>.search-scope{flex-shrink:0}.search-scope:hover,.search-example:hover{background:var(--bg-elevated);border-color:var(--fg-muted)}.search-explore{padding:6px 12px 12px}.search-explore .search-history-header{padding-inline:0}.search-explore p{color:var(--fg-muted);margin:0 0 12px;font-size:12px;line-height:1.5}.search-examples{flex-wrap:wrap;gap:8px;display:flex}.search-examples .search-example{border:1px solid var(--border);white-space:nowrap;border-radius:20px;flex:none;width:auto;min-height:40px;padding:8px 12px;font-size:13px}.search-corrections{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.search-option-count{color:var(--fg-muted);font-variant-numeric:tabular-nums}.search-expand-results{border:1px solid var(--border);background:var(--bg-panel);min-height:44px;color:var(--fg);font:inherit;cursor:pointer;border-radius:8px;margin:20px auto;padding:12px 18px;font-size:13px;display:block}.search-expand-results:hover{background:var(--bg-elevated)}.search-scope:focus-visible,.search-expand-results:focus-visible,.search-refinement:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.search-refinements{flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 20px;display:flex}.search-refinements-label{color:var(--fg-muted);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;margin-right:4px;font-size:10px;font-weight:600}.search-refinement{border:1px solid var(--border-strong);background:var(--bg-panel);min-height:32px;color:var(--fg);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 12px;font-size:12px;display:inline-flex}.search-refinement>span{color:var(--fg-muted)}.search-refinement:hover{background:var(--bg-elevated);border-color:var(--fg-muted)}.results-related{margin-top:var(--space-7)}.results-related-heading{margin:0 0 var(--space-3);color:var(--fg-muted);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.results-related-heading:after{content:"";background:var(--border-strong);flex:1;height:1px}.results-related-count{font-variant-numeric:tabular-nums;letter-spacing:0;font-family:ui-monospace,SF Mono,Menlo,monospace}.search{position:relative}.search-shortcut{right:calc(var(--space-6) + 3px);border:1px solid var(--border-strong);background:var(--bg-panel);min-width:22px;height:22px;color:var(--fg-muted);pointer-events:none;border-radius:6px;place-items:center;padding:0 6px;font:500 12px/1 ui-monospace,SF Mono,Menlo,monospace;display:inline-grid;position:absolute;top:50%;transform:translateY(-50%)}.search-shortcut[data-visible=false]{display:none}
.icon-card:hover{background:var(--tile-bg);z-index:1;transform:translateY(-1px)}.icon-card:active{transition-duration:var(--dur-1);transform:translateY(0)scale(.99)}.icon-card[data-selected=true]{box-shadow:inset 0 0 0 2px var(--brand-tint-strong);background:0 0}.icon-card[data-selected=true]:hover{background:0 0}.grid[data-initial=true] .icon-card{animation:card-in var(--dur-4) var(--ease-out) backwards;animation-delay:calc(var(--card-i,0) * 12ms)}@keyframes card-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:none}}.icon-card .label{color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;overflow:hidden}::highlight(search-match){color:var(--fg);background-color:var(--search-highlight)}.icon-preview{height:48px;color:var(--fg);place-items:center;display:grid}.icon-card [data-icon-pending]{border-radius:var(--radius-sm);background:var(--hover-tint)}.section{margin-bottom:24px}.section h3{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-subtle);margin:0 0 10px;font-size:11px;font-weight:600}.row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.row label{color:var(--fg-muted);flex-shrink:0;width:64px;font-size:12px}.row .value{color:var(--fg);text-align:right;min-width:36px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.code-block{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);white-space:pre-wrap;word-break:break-word;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.5}.detail-header{gap:var(--space-1);padding-top:var(--space-3);margin-top:var(--space-3);margin-bottom:var(--space-5);animation:inspector-swap var(--dur-3) var(--ease-glide);flex-direction:column;display:flex}@keyframes inspector-swap{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.detail-header h2{font-size:var(--font-body);letter-spacing:var(--tracking-tight);margin:0;font-weight:600}.detail-header .meta{color:var(--fg-muted);font-size:var(--font-sm);font-family:ui-monospace,SF Mono,Menlo,monospace}.detail-preview{color:var(--fg);grid-template-rows:1fr auto;row-gap:10px;margin-bottom:0;padding:16px;display:grid;overflow:hidden}.detail-preview-stage{min-height:0;height:var(--preview-stage-h,224px);place-items:center;display:grid;overflow:hidden}.detail-preview-scale{--preview-scale:var(--desktop-preview-scale,1);--preview-offset-x:var(--desktop-preview-offset-x,0px);--preview-offset-y:var(--desktop-preview-offset-y,0px);transform-origin:50%;transform:translate(var(--preview-offset-x,0px), var(--preview-offset-y,0px)) scale(var(--preview-scale,1));width:var(--preview-size,auto);height:var(--preview-size,auto);place-items:center;display:grid}.detail-preview-scale svg path,.detail-preview-scale svg g{vector-effect:none}.detail-preview-caption{text-align:center;color:var(--fg-subtle);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.detail-preview-sizes{justify-content:center;gap:var(--space-1);padding:var(--space-1);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur-soft);backdrop-filter:var(--glass-blur-soft);border:1px solid var(--glass-border);width:fit-content;margin:var(--space-3) auto 0;box-shadow:var(--shadow-1);border-radius:999px;display:flex}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.detail-preview-sizes{background:var(--bg-panel)}}.detail-preview-sizes button{padding:5px var(--space-3);font-size:var(--font-xs);color:var(--fg-muted);cursor:pointer;transition:background var(--dur-2) var(--ease-glide), color var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-jelly);background:0 0;border:0;border-radius:999px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:500}.detail-preview-sizes button:hover{color:var(--fg)}.detail-preview-sizes button:active{transition-duration:var(--dur-1);transform:scale(.92)}.detail-preview-sizes button[data-active=true]{background:var(--accent);color:var(--accent-fg);box-shadow:var(--shadow-1);animation:chip-pop var(--dur-3) var(--ease-jelly)}.button-row{flex-wrap:wrap;gap:6px;display:flex}.button-row button{padding:var(--space-2) 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--fg);transition:background var(--dur-2) var(--ease-glide), border-color var(--dur-2) var(--ease-glide), color var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-jelly), box-shadow var(--dur-2) var(--ease-glide);background:#ffffff8c;flex:1 0 auto;font-weight:500}.button-row button:hover{border-color:var(--border-strong);background:#ffffffe6}.button-row button:active{transition-duration:var(--dur-1);transform:scale(.96)}.button-row button[data-active=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);box-shadow:var(--shadow-glow);animation:chip-pop var(--dur-3) var(--ease-jelly)}.intro{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr;gap:12px;margin-bottom:28px;padding:20px 24px;display:grid}.intro p{color:var(--fg-muted);max-width:62ch;margin:0;font-size:13px}.badge{background:var(--bg-elevated);color:var(--fg-muted);letter-spacing:.02em;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}
.zone{border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:20px}.zone:last-child{border-bottom:0;margin-bottom:0}.zone-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.zone-header h3{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--fg-subtle);margin:0;padding-bottom:3px;font-weight:600;position:relative}.zone-header h3:after{content:"";background:var(--brand);transform-origin:0;width:16px;height:1px;transition:transform var(--dur-3) var(--ease-glide);position:absolute;bottom:0;left:0;transform:scaleX(0)}.zone:hover .zone-header h3:after,.zone:focus-within .zone-header h3:after{transform:scaleX(1)}.zone-action{color:var(--fg-muted);font-size:var(--font-xs);padding:2px var(--space-2);cursor:pointer;transition:color var(--dur-2) var(--ease-glide), background var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-jelly);background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;font-weight:500;display:inline-flex}.zone-action:hover{color:var(--fg);background:var(--hover-tint)}.zone-action:active{transition-duration:var(--dur-1);transform:scale(.94)}.inspector-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.mode-toggle{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-soft);backdrop-filter:var(--glass-blur-soft);border:1px solid var(--glass-border);width:fit-content;box-shadow:var(--shadow-2);border-radius:999px;padding:4px;display:inline-flex}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.mode-toggle{background:var(--bg-elevated)}}.mode-toggle.mode-toggle--compact button{font-size:var(--font-2xs);letter-spacing:-.02em;padding:6px 3px}.mode-toggle button{padding:8px var(--space-4);font-size:var(--font-body);color:var(--fg-muted);cursor:pointer;letter-spacing:-.005em;transition:background var(--dur-2) var(--ease-glide), color var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-jelly);background:0 0;border:0;border-radius:999px;font-weight:600}.mode-toggle button:hover{color:var(--fg)}.mode-toggle button:active{transition-duration:var(--dur-1);transform:scale(.94)}.mode-toggle button[data-active=true]{background:var(--brand-tint);color:var(--brand);animation:chip-pop var(--dur-3) var(--ease-jelly)}.motion-row{flex-direction:column;gap:6px;display:flex}.motion-row-label{color:var(--fg);justify-content:space-between;align-items:baseline;font-size:12px;font-weight:500;display:flex}.motion-row-value{font-variant-numeric:tabular-nums;color:var(--fg-muted);font-weight:400}.motion-row-hint{color:var(--fg-muted);font-variant-numeric:tabular-nums;margin-top:6px;font-size:11px;display:block}.param-row{margin-bottom:14px}.param-row:last-child{margin-bottom:0}.param-label{color:var(--fg-muted);justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:12px;display:flex}.param-label>span:first-child{color:var(--fg);font-weight:500}.param-value{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--font-xs);color:var(--fg-subtle);animation:value-pop var(--dur-3) var(--ease-jelly);display:inline-block}@keyframes value-pop{0%{opacity:.6;transform:scale(.92)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.param-slider{position:relative}.slider-ticks{height:18px;margin-top:2px;position:relative}.slider-tick{cursor:pointer;color:var(--fg-subtle);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:0;display:flex;position:absolute;top:0;transform:translate(-50%)}.slider-tick:before{content:"";opacity:.45;background:currentColor;width:1px;height:4px}.slider-tick-label{color:inherit;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9px;line-height:1}.slider-tick:hover{color:var(--fg)}.slider-tick[data-active=true]{color:var(--brand)}.slider-tick[data-active=true]:before{opacity:1}.param-select{background:var(--bg-panel);width:100%;color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:6px 10px;font-family:inherit;font-size:12px}.param-select:hover{border-color:var(--border-strong)}.param-swap{border:1px solid var(--border);background:var(--bg-panel);width:100%;color:var(--fg);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-2) var(--ease-glide), border-color var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-jelly);padding:8px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:500}.param-swap:hover{background:var(--hover-tint);border-color:var(--border-strong)}.param-swap:active{transition-duration:var(--dur-3);transform:scale(.96)rotate(-180deg)}.animate-params{margin-top:14px}.layer-list{background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;gap:1px;max-height:320px;margin:0 0 14px;padding:4px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;list-style:none;display:flex;overflow-y:auto}.layer-list li{align-items:center;gap:var(--space-2);padding:6px var(--space-2);cursor:pointer;transition:background var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-glide), box-shadow var(--dur-2) var(--ease-glide);border-radius:4px;display:flex}.layer-list li:hover,.layer-list li[data-active=true]{background:var(--bg-panel);transform:translate(2px)}.layer-list li:hover .layer-swatch,.layer-list li[data-active=true] .layer-swatch,.layer-list li[data-selected=true] .layer-swatch{box-shadow:0 0 0 2px var(--brand-tint);transform:scale(1.15)}.layer-list li[data-selected=true]{background:var(--bg-panel);box-shadow:inset 2px 0 0 var(--brand)}.layer-swatch{width:8px;height:8px;transition:transform var(--dur-2) var(--ease-jelly), box-shadow var(--dur-2) var(--ease-glide);border-radius:2px;flex-shrink:0;display:inline-block}.layer-id{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;font-weight:500;overflow:hidden}.layer-meta{color:var(--fg-subtle);text-align:right;white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:10px;overflow:hidden}.detail-preview-pending{border-radius:var(--radius-lg);background:var(--hover-tint);width:96px;height:96px}.detail-preview[data-pending] .detail-preview-caption{visibility:hidden}.detail-preview-scale[data-hover-layer] [data-layer-id]{transition:opacity .12s,filter .12s;opacity:.25!important}.copy-btn{font-size:var(--font-2xs);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);padding:2px var(--space-2);cursor:pointer;transition:color var(--dur-2) var(--ease-glide), background var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-jelly);background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;font-weight:600;display:inline-flex}.copy-btn:hover{color:var(--fg);background:var(--hover-tint)}.copy-btn:active{transition-duration:var(--dur-1);transform:scale(.94)}.copy-btn[data-success=true]{background:var(--brand-tint);color:var(--brand);animation:chip-pop var(--dur-3) var(--ease-jelly)}.code-panel{flex-direction:column;gap:10px;min-width:0;display:flex}.code-tabs{background:var(--glass-bg-strong);width:fit-content;max-width:100%;-webkit-backdrop-filter:var(--glass-blur-soft);backdrop-filter:var(--glass-blur-soft);border:1px solid var(--glass-border);box-shadow:var(--shadow-1);border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.code-tabs{background:var(--bg-panel)}}.code-tabs button{padding:5px var(--space-3);font-size:var(--font-xs);color:var(--fg-muted);white-space:nowrap;cursor:pointer;transition:background var(--dur-2) var(--ease-glide), color var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-jelly);background:0 0;border:0;border-radius:999px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:500}.code-tabs button:hover{color:var(--fg)}.code-tabs button:active{transition-duration:var(--dur-1);transform:scale(.92)}.code-tabs button[data-active=true]{background:var(--accent);color:var(--accent-fg);box-shadow:var(--shadow-1);animation:chip-pop var(--dur-3) var(--ease-jelly)}.code-panel-body{flex-direction:column;gap:10px;min-width:0;display:flex}.code-block.code-block--panel{overscroll-behavior:contain;white-space:pre;word-break:normal;tab-size:2;max-height:280px;margin:0;overflow:auto}.code-block.code-block--panel:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.code-actions{flex-wrap:wrap;gap:6px;display:flex}.code-actions button{padding:var(--space-2) 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--fg);white-space:nowrap;transition:background var(--dur-2) var(--ease-glide), border-color var(--dur-2) var(--ease-glide), color var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-jelly);background:#ffffff8c;flex:1 0 auto;font-weight:500}.code-actions button:hover:not(:disabled){border-color:var(--border-strong);background:#ffffffe6}.code-actions button:active:not(:disabled){transition-duration:var(--dur-1);transform:scale(.96)}.code-actions button[data-success=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);animation:chip-pop var(--dur-3) var(--ease-jelly)}.code-actions button:disabled{opacity:.55;cursor:default}.code-panel .param-hint a{color:inherit;font-weight:500}.detail-header-row{align-items:center;gap:8px;display:flex}.detail-header-row h2{flex:1}.favorite-btn{color:var(--fg-subtle);cursor:pointer;transition:color var(--dur-2) var(--ease-glide), background var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-jelly);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;line-height:1;display:inline-flex}.favorite-btn:hover{color:var(--fg);background:var(--hover-tint)}.favorite-btn:active{transition-duration:var(--dur-1);transform:scale(.88)}.favorite-btn[data-active=true]{color:var(--brand);animation:chip-pop var(--dur-3) var(--ease-jelly)}.detail-header-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reduced-motion-pill{background:var(--bg-elevated);border:1px solid var(--border);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;font-weight:500}.category-nav .favorite-row{transition:background var(--dur-2) var(--ease-glide);border-radius:999px;align-items:center;display:flex}.category-nav .favorite-row:hover{background:var(--hover-tint)}.category-nav .favorite-row[data-active=true]{background:var(--press-tint)}.category-nav .favorite-row>button,.category-nav .favorite-row>button:hover,.category-nav .favorite-row>button[data-active=true]{background:0 0}.category-nav .favorite-select{flex:auto;min-width:0}.category-nav .favorite-row:hover .favorite-select{color:var(--fg)}.category-nav .favorite-remove{width:24px;height:24px;margin-right:var(--space-4);color:var(--fg-subtle);opacity:0;transition:color var(--dur-2) var(--ease-glide), background var(--dur-2) var(--ease-glide), opacity var(--dur-2) var(--ease-glide);border-radius:4px;flex:none;justify-content:center;padding:0}.category-nav .favorite-row:hover .favorite-remove,.category-nav .favorite-remove:focus-visible{color:var(--fg);opacity:1}.playback-controls{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.playback-btn{background:var(--bg-panel);border:1px solid var(--border);color:var(--fg);border-radius:var(--radius-sm);font-size:var(--font-xs);cursor:pointer;transition:background var(--dur-2) var(--ease-glide), border-color var(--dur-2) var(--ease-glide), color var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-jelly), box-shadow var(--dur-2) var(--ease-glide);align-items:center;gap:5px;padding:5px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:500;display:inline-flex}.playback-btn:hover{border-color:var(--border-strong);background:var(--hover-tint)}.playback-btn:active{transition-duration:var(--dur-1);transform:scale(.94)}.playback-btn[data-active=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);box-shadow:var(--shadow-glow);animation:chip-pop var(--dur-3) var(--ease-jelly)}.speed-group{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-soft);backdrop-filter:var(--glass-blur-soft);border:1px solid var(--glass-border);border-radius:var(--radius-sm);margin-left:auto;padding:2px;display:inline-flex}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.speed-group{background:var(--bg-elevated)}}.speed-group button{font-size:var(--font-xs);color:var(--fg-muted);cursor:pointer;transition:background var(--dur-2) var(--ease-glide), color var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-jelly);background:0 0;border:0;border-radius:4px;padding:4px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:500}.speed-group button:hover{color:var(--fg)}.speed-group button:active{transition-duration:var(--dur-1);transform:scale(.94)}.speed-group button[data-active=true]{background:var(--bg-panel);color:var(--fg);box-shadow:var(--shadow-1);animation:chip-pop var(--dur-3) var(--ease-jelly)}.layer-row{align-items:center;gap:8px;width:100%;display:flex}button.layer-row{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}button.layer-row:focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-radius:4px}.layer-override-panel{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:default;margin-top:8px;padding:10px;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:12px}.layer-override-panel .param-row{margin-bottom:10px}.layer-override-dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:4px;height:4px;margin-left:6px;display:inline-block}.schema-toggle{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-family:inherit;font-size:11px;font-weight:600;display:inline-flex}.schema-toggle:hover{color:var(--fg)}.schema-json{max-height:360px;margin-top:6px;font-size:10px;line-height:1.4;overflow:auto}.param-hint{margin:var(--space-2) 0 0;font-size:var(--font-xs);color:var(--fg-muted);line-height:1.45}.toggle-row{align-items:center;gap:var(--space-2);font-size:var(--font-body);cursor:pointer;display:flex}.related-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));margin:0;padding:0;list-style:none;display:grid}.related-grid>li{min-width:0;display:flex}.related-grid>li>.related-card{flex:auto}.tuning-status{align-items:baseline;gap:var(--space-2);min-height:24px;display:flex}.related-grid[data-pending],.detail-peek-column[data-pending]{visibility:hidden}.related-card{min-width:0;padding:var(--space-3) 4px;border-radius:var(--radius-md);color:var(--fg-muted);cursor:pointer;text-transform:none;letter-spacing:0;transition:background var(--dur-2) var(--ease-glide), border-color var(--dur-2) var(--ease-glide), color var(--dur-2) var(--ease-glide);background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:6px;display:flex}.related-card:hover:not(:disabled){background:var(--hover-tint);border-color:var(--border);color:var(--fg)}.related-card-name{max-width:100%;font-size:var(--font-2xs);overflow-wrap:anywhere;line-height:1.25}.inspector-resizer{z-index:5;cursor:col-resize;touch-action:none;justify-content:center;align-items:center;width:11px;display:flex;position:absolute;top:0;bottom:0;left:-5px}.inspector-resizer-grip{background:var(--border-strong,var(--border));opacity:.55;width:3px;height:44px;transition:opacity var(--dur-2) var(--ease-glide), height var(--dur-2) var(--ease-glide), background var(--dur-2) var(--ease-glide);border-radius:999px}.inspector-resizer:hover .inspector-resizer-grip,.inspector-resizer:focus-visible .inspector-resizer-grip{opacity:1;background:var(--fg-muted);height:72px}.inspector-resizer:focus-visible{outline:2px solid var(--violet,var(--fg));outline-offset:-2px;border-radius:var(--radius-sm)}
.replace-side-by-side{background:var(--bg-panel);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:14px;margin-bottom:10px;padding:10px;display:flex}.replace-half{animation:cross-fade var(--dur-4) var(--ease-glide);flex-direction:column;align-items:center;gap:4px;display:flex}.replace-half[data-side=right]{--x:8px}.replace-half[data-side=left]{--x:-8px}@keyframes cross-fade{0%{opacity:0;transform:translateX(var(--x,0)) scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.replace-half-label{font-size:var(--font-2xs);color:var(--fg-muted);font-family:ui-monospace,SF Mono,Menlo,monospace}.replace-arrow{color:var(--fg-subtle);transition:transform var(--dur-3) var(--ease-jelly);align-items:center;display:inline-flex}.replace-side-by-side[data-swapped=true] .replace-arrow{transform:rotate(180deg)}.icon-metaphor-panel{background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border);margin-top:12px;padding:12px}.icon-metaphor-panel .zone-header{margin:var(--space-4) 0 var(--space-2)}.layer-tree{padding:var(--space-1);margin:0 0 var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--font-xs);flex-direction:column;gap:1px;max-height:480px;display:flex;position:relative;overflow-y:auto}.layer-tree[data-disabled]{pointer-events:none}.layer-tree[data-disabled]:after{content:attr(data-disabled-reason);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur-soft);backdrop-filter:var(--glass-blur-soft);color:var(--fg-muted);font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:var(--font-sm);padding:var(--space-4);text-align:center;border-radius:inherit;animation:fade-in var(--dur-3) var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.layer-tree-row{transition:grid-template-rows var(--dur-3) var(--ease-glide), background var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-glide), box-shadow var(--dur-2) var(--ease-glide);cursor:pointer;border-radius:4px;grid-template-rows:auto 0fr;display:grid}.layer-tree-row[data-expanded=true]{grid-template-rows:auto 1fr}.layer-tree-row[data-active=true],.layer-tree-row:hover{background:var(--bg-panel);transform:translate(2px)}.layer-tree-row:hover .layer-swatch,.layer-tree-row[data-active=true] .layer-swatch,.layer-tree-row[data-selected=true] .layer-swatch{box-shadow:0 0 0 2px var(--brand-tint);transform:scale(1.15)}.layer-tree-row[data-selected=true]{background:var(--bg-panel);box-shadow:inset 2px 0 0 var(--brand)}.layer-tree-row[data-level=child]{margin-left:20px}.layer-tree-row-head{align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex}.layer-tree-chevron{color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;flex-shrink:0;width:16px;padding:0 2px;font-family:inherit;font-size:10px}.layer-tree-chevron:hover{color:var(--fg)}.layer-swatch-group{outline:1px solid var(--border-strong);outline-offset:0;background:linear-gradient(135deg,#428cd7,#a542d7)}.layer-tree-editor{transition:grid-template-rows var(--dur-3) var(--ease-glide);grid-template-rows:0fr;display:grid}.layer-tree-row[data-expanded=true] .layer-tree-editor{grid-template-rows:1fr}.layer-tree-editor-inner{min-height:0;overflow:hidden}.layer-tree-row[data-expanded=true] .layer-tree-editor-inner{padding:6px 12px 12px}.row-editor{font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;font-size:12px}.group-edit-hint{color:var(--fg-muted);background:var(--bg-elevated);border-radius:4px;margin-bottom:8px;padding:4px 8px;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;font-size:11px}.override-dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-left:6px;display:inline-block}.mixed-chip{background:var(--warn-bg);color:var(--warn-fg);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;margin-left:6px;padding:1px 6px;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:9px;font-weight:600;display:inline-block}.zone-header-actions{flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;display:flex}.zone-header:has(.zone-header-actions){flex-wrap:wrap;gap:8px}.zone-header-actions .zone-action{white-space:nowrap;flex-shrink:0}.save-preset-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font-size:var(--font-sm);width:160px;transition:border-color var(--dur-2) var(--ease-glide), box-shadow var(--dur-2) var(--ease-glide);outline:none;padding:4px 10px;font-family:inherit}.save-preset-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}.custom-presets-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.custom-preset-chip{border:1px solid var(--border);background:var(--bg-elevated);font-size:var(--font-xs);transition:border-color var(--dur-2) var(--ease-glide), background var(--dur-2) var(--ease-glide), transform var(--dur-2) var(--ease-jelly);border-radius:999px;align-items:stretch;font-weight:500;display:inline-flex;overflow:hidden}.custom-preset-chip:hover{border-color:var(--border-strong);background:var(--bg-panel)}.custom-preset-chip:active{transition-duration:var(--dur-1);transform:scale(.96)}.custom-preset-chip-apply{color:var(--fg);cursor:pointer;background:0 0;border:0;padding:4px 4px 4px 12px;font-family:inherit;font-size:11px;font-weight:500}.custom-preset-chip-delete{color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;padding:4px 8px 4px 4px;font-family:inherit;font-size:14px;line-height:1}.custom-preset-chip-delete:hover{color:var(--fg)}.preset-dropped-toast{background:var(--warn-bg);color:var(--warn-fg);border:1px solid color-mix(in oklch, var(--warn) 25%, transparent);border-radius:var(--radius-sm);font-size:var(--font-xs);margin-top:10px;padding:8px 12px;font-weight:500;animation:4s forwards toast-fade}@keyframes toast-fade{0%{opacity:0;transform:translateY(-4px)}10%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2px)}}.zone-action[disabled]{opacity:.4;pointer-events:none}
.app[data-timeline=open]{height:calc(100vh - var(--timeline-h))}.timeline-dock{height:var(--timeline-h,300px);z-index:40;background:var(--glass-bg-strong,var(--bg-panel));-webkit-backdrop-filter:var(--glass-blur,blur(18px));backdrop-filter:var(--glass-blur,blur(18px));border-top:1px solid var(--border-strong,var(--border));color:var(--fg);flex-direction:column;font-size:12px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -10px 30px #0000001f}.tl-resize{cursor:ns-resize;background:0 0;flex:none;height:6px}.tl-resize:hover{background:var(--hover-tint)}.tl-toolbar{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;padding:5px 12px;display:flex}.tl-transport{align-items:center;gap:4px;display:flex}.tl-btn{border:1px solid var(--border);min-width:26px;height:26px;color:var(--fg-muted);cursor:pointer;transition:background var(--dur-2,.15s), color var(--dur-2,.15s), border-color var(--dur-2,.15s);background:0 0;border-radius:7px;justify-content:center;align-items:center;padding:0 7px;font-size:12px;line-height:1;display:inline-flex}.tl-btn:hover{background:var(--hover-tint);color:var(--fg)}.tl-btn[data-active=true],.tl-btn[data-playing=true]{background:var(--press-tint);color:var(--accent);border-color:var(--brand-ring,var(--accent))}.tl-btn-play{min-width:32px;font-size:11px}.tl-btn-danger:hover{color:#e5484d;border-color:#e5484d}.tl-time{color:var(--fg-muted);font-variant-numeric:tabular-nums;margin-left:6px;font-family:ui-monospace,SF Mono,Menlo,monospace}.tl-time-sep{opacity:.45;margin:0 2px}.tl-toolbar-spacer{flex:auto}.tl-hint{color:var(--fg-subtle);white-space:nowrap;font-size:11px}.tl-preset-tag{background:var(--brand-tint,var(--press-tint));color:var(--brand,var(--accent));border-radius:999px;padding:2px 9px;font-size:11px;font-weight:500}.tl-reset{font-size:11px}.tl-save-group{align-items:center;gap:6px;display:flex}.tl-save{color:var(--brand,var(--accent));border-color:var(--brand-ring,var(--accent));font-size:11px;font-weight:600}.tl-save:hover:not(:disabled){background:var(--brand-tint,var(--press-tint))}.tl-save:disabled{opacity:.55;cursor:default}.tl-saved{color:var(--fg-subtle);white-space:nowrap;font-size:11px;font-weight:500}.tl-drift{color:#b8791f;white-space:nowrap;background:#e5a23d29;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500}.tl-save-error{color:#b42318;background:#d6454524}.tl-zoom{gap:2px;display:flex}.tl-kf-inspector{align-items:center;gap:8px;display:flex}.tl-kf-label{color:var(--fg);font-weight:600}.tl-kf-field{color:var(--fg-subtle);align-items:center;gap:3px;font-size:11px;display:inline-flex}.tl-kf-field input{border:1px solid var(--border);background:var(--bg-panel,var(--bg));width:62px;height:22px;color:var(--fg);font-variant-numeric:tabular-nums;border-radius:6px;padding:0 5px;font-size:11px}.tl-kf-unit{color:var(--fg-subtle)}.tl-body{grid-template-columns:var(--tl-names-w,204px) 1fr;flex:auto;grid-template-rows:26px 1fr;min-height:0;display:grid}.tl-corner{border-right:1px solid var(--border);border-bottom:1px solid var(--border);grid-area:1/1;align-items:center;padding:0 10px;display:flex}.tl-corner-label{color:var(--fg-subtle);font-size:11px}.tl-ruler{border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;grid-area:1/2;position:relative;overflow:hidden}.tl-ruler-content{position:relative}.tl-tick{border-left:1px solid var(--border);position:absolute;top:0;bottom:0}.tl-tick-label{color:var(--fg-subtle);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;position:absolute;top:6px;left:4px}.tl-playhead-head{background:var(--accent);width:2px;position:absolute;top:0;bottom:0}.tl-playhead-head:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--accent);position:absolute;top:0;left:-4px}.tl-names{border-right:1px solid var(--border);grid-area:2/1;overflow:hidden}.tl-names-content{position:relative}.tl-name{border:0;border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);width:100%;color:var(--fg-muted);text-align:left;box-sizing:border-box;background:0 0;align-items:center;gap:6px;padding:0 10px;font-size:11px;display:flex}.tl-name-tier{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle);background:var(--hover-tint);font-size:10px;font-weight:600}.tl-name-icon{color:var(--fg);font-weight:600}.tl-name-empty{color:var(--fg-subtle);padding-left:22px;font-style:italic}.tl-name-layer{cursor:pointer;color:var(--fg);font-weight:500}.tl-name-layer:hover,.tl-name-layer[data-active=true]{background:var(--hover-tint)}.tl-layer-dot{border-radius:2px;flex:none;width:8px;height:8px}.tl-layer-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.tl-layer-tier{border:1px solid var(--border);color:var(--fg-subtle);border-radius:4px;flex:none;padding:0 3px;font-size:9px}.tl-name-track{cursor:pointer;justify-content:space-between;padding-left:24px}.tl-name-track:hover{background:var(--hover-tint)}.tl-name-track[data-selected=true]{background:var(--press-tint);color:var(--accent)}.tl-track-prop{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tl-track-kfcount{color:var(--fg-subtle);font-variant-numeric:tabular-nums;flex:none}.tl-lanes{grid-area:2/2;position:relative;overflow:auto}.tl-lanes-content{position:relative}.tl-lane,.tl-lane-spacer{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);box-sizing:border-box;position:relative}.tl-lane-tier{background:var(--hover-tint)}.tl-lane{cursor:copy}.tl-lane-graph{pointer-events:none;position:absolute;inset:0;overflow:visible}.tl-lane-neutral{stroke:var(--border-strong,var(--border));stroke-dasharray:2 3;stroke-width:1px}.tl-lane-curve{fill:none;stroke:var(--accent);stroke-width:1.5px;opacity:.6}.tl-kf{border:1px solid var(--bg-panel,var(--bg));background:var(--accent);cursor:grab;touch-action:none;border-radius:2px;width:9px;height:9px;padding:0;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.tl-kf:hover{background:var(--fg)}.tl-kf[data-selected=true]{background:var(--bg-panel,#fff);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);z-index:2}.tl-playhead{background:var(--accent);opacity:.85;pointer-events:none;width:2px;position:absolute;top:0}.tl-empty{color:var(--fg-subtle);text-align:center;flex:auto;justify-content:center;align-items:center;padding:20px;display:flex}
.preview-region,.inspector-stack{display:block}.search-host{left:var(--nav-w);right:var(--col-inspector);bottom:var(--space-5);z-index:30;padding:0 var(--space-7);pointer-events:none;background:0 0;position:fixed}.search-host>*{pointer-events:auto}.mobile-tabs,.category-chips,.pinned-row,.detail-scrim,.detail-peek-column,.detail-peek-dock{display:none}.pinned-row{margin:0;padding:0;list-style:none}.pinned-row>li{flex:none;display:flex}
.page{-webkit-overflow-scrolling:touch;height:100vh;scroll-padding-top:24px;overflow-y:auto}.skip-link{z-index:100;background:var(--brand);color:var(--brand-fg);border-radius:var(--radius-sm);padding:8px 12px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:8px}.page-shell{max-width:1080px;padding:var(--space-6) var(--space-5) var(--space-8);margin:0 auto}.site-footer{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border);gap:var(--space-4);font-size:var(--font-sm);color:var(--fg-muted);flex-wrap:wrap;display:flex}.site-footer a{color:inherit}.eyebrow{margin:0 0 var(--space-2);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--fg-muted)}.page :is(a,button,input,summary,[tabindex]):focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-radius:var(--radius-sm)}.page--status{padding:var(--space-6);place-items:center;display:grid}.status-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:520px;box-shadow:var(--shadow-2);padding:var(--space-7)}.status-card h1{margin:0 0 var(--space-3);font-size:var(--font-h2);letter-spacing:var(--tracking-tight)}.status-digest{font-size:var(--font-sm);color:var(--fg-muted)}.status-actions{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.loading-hint{color:var(--fg-muted)}.btn{align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);background:var(--bg-panel);color:var(--fg);font:inherit;font-size:var(--font-sm);cursor:pointer;border-radius:999px;padding:8px 14px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--hover-tint)}.btn--primary{background:var(--brand);color:var(--brand-fg);border-color:var(--brand)}.docs-layout{gap:var(--space-7);grid-template-columns:220px minmax(0,1fr);align-items:start;display:grid}.docs-nav{top:var(--space-5);flex-direction:column;gap:2px;display:flex;position:sticky}.docs-nav a{border-radius:var(--radius-sm);color:var(--fg-muted);font-size:var(--font-sm);padding:6px 10px;text-decoration:none}.docs-nav a:hover{background:var(--hover-tint);color:var(--fg)}.docs-nav a[aria-current=page]{background:var(--brand-tint);color:var(--fg);font-weight:600}.prose{max-width:72ch;font-size:15px;line-height:1.6}.prose h1{font-size:var(--font-display);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-4)}.prose h2{font-size:var(--font-h2);letter-spacing:var(--tracking-tight);margin:var(--space-7) 0 var(--space-3)}.prose h3{margin:var(--space-5) 0 var(--space-2);font-size:16px}.prose p,.prose ul,.prose ol{margin:0 0 var(--space-4)}.prose li+li{margin-top:var(--space-1)}.prose code{background:var(--bg-elevated);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.prose pre{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);font-size:13px;line-height:1.5;overflow:auto}.prose pre code{font-size:inherit;background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;font-size:var(--font-sm);margin:0 0 var(--space-5)}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:8px 10px}.prose th{color:var(--fg-muted);font-weight:600}.prose blockquote{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-left:3px solid var(--violet);background:var(--bg-elevated);border-radius:0 var(--radius) var(--radius) 0}.prose a{color:#4f43c9}.status-pill{font-size:var(--font-xs);background:var(--bg-elevated);color:var(--fg-muted);border-radius:999px;padding:1px 8px;font-weight:600;display:inline-block}.status-pill--public{color:#166534;background:#15803d24;background:lab(46.8753% -41.6488 27.6169/.14)}.status-pill--experimental,.status-pill--planned{background:var(--warn-bg);color:#8a3d05}.license-text{white-space:pre-wrap;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;overflow:auto}@media (max-width:900px){.icon-page{padding-left:var(--space-4);padding-right:var(--space-4);grid-template-columns:minmax(0,1fr)}.icon-page-controls .code-tabs{width:100%;box-shadow:none;border-radius:6px;display:flex}.icon-page-controls .code-tabs button{border-radius:5px;flex:auto;min-height:44px}.icon-page-controls .code-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.icon-page-controls .code-actions button{white-space:normal;overflow-wrap:anywhere;min-width:0;min-height:44px;padding:6px 4px;font-size:12px}.docs-layout{grid-template-columns:1fr}.docs-nav{flex-flow:wrap;position:static}}@media (prefers-reduced-motion:reduce){.page *{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (forced-colors:active){.status-pill,.btn{border:1px solid canvastext}}
.mobile-detail-toolbar,.mobile-detail-tabs,.preview-caption-mobile{display:none}@media (max-width:1200px){.main{padding:0 var(--space-6) var(--space-6)}.search-host{margin:0 calc(var(--space-6) * -1) var(--space-4);padding:var(--space-6)}.sidebar{padding:var(--space-6) var(--space-5) var(--space-6) var(--space-4)}}@media (max-width:960px){html,body{height:auto;overflow:visible}body{-webkit-text-size-adjust:100%}.page--icon{height:auto;overflow:visible}.app{height:auto;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);display:block;overflow:visible}.app-wrapper{display:contents}.category-nav,.nav-expand-btn,.nav-collapse-btn,.inspector-header,.mobile-tabs,.detail-scrim,.detail-peek-dock{display:none}.app button,.app input,.app select,.app textarea{letter-spacing:0}.app button{touch-action:manipulation}.app :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.search-host{z-index:50;padding:8px max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));background:var(--bg);border-bottom:1px solid var(--border);pointer-events:auto;flex-direction:column;gap:8px;margin:0;display:flex;position:sticky;inset:0 0 auto;transform:none}.app>.top-nav{min-width:0;max-width:100%;padding:calc(4px + env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 4px max(12px, env(safe-area-inset-left));flex-wrap:wrap;gap:2px 8px}.top-nav-brand{min-height:44px;font-size:16px}.top-nav a:not(.top-nav-brand){min-height:44px;padding:0 8px;font-size:14px}.app>.top-nav .top-nav-repo{display:none}.search-bar-wrapper{order:-1;min-width:0}.search-host .search{border:1px solid var(--border);background:var(--bg-panel);min-height:48px;box-shadow:none;border-radius:8px;padding:0 12px}.search input{min-width:0;font-size:16px}.app .search input:focus-visible{outline:0}.search-host .search:focus-within{border-color:var(--fg-muted);box-shadow:0 0 0 2px var(--border);animation:none}.search-clear{flex-basis:44px;width:44px;min-width:44px;min-height:44px}.search-bar-wrapper[data-focused=true] .search-done{min-height:48px;color:var(--fg);background:0 0;border:0;flex:0 0 52px;justify-content:center;align-items:center;padding:0 4px;font-size:14px;display:inline-flex}.search-host .category-chips{scrollbar-width:none;overscroll-behavior-x:contain;gap:4px;display:flex;overflow-x:auto}.category-chips::-webkit-scrollbar{display:none}.detail-peek-column::-webkit-scrollbar{display:none}.category-chip{min-height:44px;color:var(--fg-muted);white-space:nowrap;text-transform:capitalize;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.category-chip[data-active=true]{background:var(--bg-elevated);border-color:var(--border);color:var(--fg)}.chip-count{color:var(--fg-muted);font-size:11px}.search-host .search-history{overscroll-behavior:contain;background:var(--bg-panel);-webkit-backdrop-filter:none;border-radius:8px;max-height:min(240px,30dvh);animation:none;top:calc(100% + 60px);bottom:auto;overflow-y:auto}.search-history-item{animation:none}.search-history-item,.search-history button{min-height:44px}.search-shortcut{display:none}.search-results-heading{flex-wrap:wrap;gap:8px}.search-scope{min-height:44px}.search-refinements{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;margin-bottom:16px;overflow-x:auto}.search-refinements::-webkit-scrollbar{display:none}.search-refinement{min-height:44px}.main{padding:12px max(16px, env(safe-area-inset-right)) 24px max(16px, env(safe-area-inset-left));overflow:visible;-webkit-mask-image:none;mask-image:none}.grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.icon-card{border-radius:8px;min-width:0;min-height:128px;padding:12px 6px}.icon-card .label{white-space:normal;overflow-wrap:anywhere;height:45px;font-size:11px;line-height:15px}.pinned-row{gap:6px;margin-bottom:12px;display:flex;overflow-x:auto}.pinned-chip{border:1px solid var(--border);background:var(--bg-elevated);min-height:44px;color:var(--fg);border-radius:6px;flex:none;padding:0 12px}.sidebar{z-index:60;width:100%;min-width:0;height:100dvh;padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px, env(safe-area-inset-left));background:var(--bg);visibility:hidden;transition:transform .2s var(--ease-glide), visibility .2s;border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden;transform:translate(100%)}.app[data-mobile-tab=inspector] .sidebar{visibility:visible;transform:none}.sidebar [hidden],.inspector-stack>[data-mobile-panel][data-mobile-active=false],.inspector-stack>.related-zone,.preview-caption-desktop{display:none}.preview-caption-mobile{display:inline}.detail-preview-scale{--preview-scale:var(--mobile-preview-scale,4);--preview-offset-x:var(--mobile-preview-offset-x,0px);--preview-offset-y:var(--mobile-preview-offset-y,0px)}.mobile-detail-toolbar{flex:none;align-items:center;gap:4px;min-height:60px;padding:6px 0;display:flex}.mobile-detail-toolbar button{width:44px;height:44px;color:var(--fg);background:0 0;border:0;border-radius:6px;flex:0 0 44px;place-items:center;padding:0;display:grid}.mobile-detail-toolbar button[aria-pressed=true]{background:var(--bg-elevated)}.mobile-detail-title{flex:1;min-width:0}.mobile-detail-title h2{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:18px}.mobile-detail-title span{color:var(--fg-muted);overflow-wrap:anywhere;font-size:11px;display:block}.preview-region{flex:none;padding:0 0 8px}.preview-region .detail-header{display:none}.preview-region .detail-preview{row-gap:0;width:100%;height:184px;margin:0;padding:8px;position:relative}.detail-preview-stage{min-width:0;height:auto}.detail-preview-caption{line-height:20px}.detail-preview-sizes{box-shadow:none;border-radius:6px;gap:0;margin-top:0;padding:0}.detail-preview-sizes button{border-radius:5px;min-width:52px;min-height:44px;font-size:13px}.replace-side-by-side{opacity:.65;height:32px;position:absolute;inset:4px 0 auto}.replace-half svg{width:20px;height:20px}.replace-half-label{display:none}.detail-peek-column{scrollbar-width:none;border-top:1px solid var(--border);flex:0 0 52px;align-items:center;gap:4px;display:flex;overflow:auto hidden}.peek-icon{width:44px;height:44px;color:var(--fg-muted);background:0 0;border:1px solid #0000;border-radius:6px;flex:0 0 44px;place-items:center;padding:0;display:grid}.peek-icon[data-selected=true]{border-color:var(--border-strong);background:var(--bg-elevated);color:var(--fg)}.mobile-detail-tabs{border-bottom:1px solid var(--border);flex:0 0 48px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.mobile-detail-tabs button{min-height:48px;color:var(--fg-muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 4px;font-size:14px}.mobile-detail-tabs button[aria-selected=true]{color:var(--fg);border-bottom-color:var(--fg);font-weight:600}.inspector-stack{overscroll-behavior:contain;flex:1;min-width:0;min-height:0;padding:16px 0 24px;overflow-y:auto}.inspector-stack .zone{border:0;margin-bottom:0;padding-bottom:0}.zone-header{flex-wrap:wrap;gap:8px}.zone-header-actions{flex-wrap:wrap}.button-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.button-row button{overflow-wrap:anywhere;min-width:0;min-height:44px;box-shadow:none;padding:6px 4px;font-size:12px}.button-row button[data-active=true],.detail-preview-sizes button[data-active=true]{box-shadow:none;animation:none}.param-label{align-items:center;font-size:14px}.param-value{overflow-wrap:anywhere;font-size:12px}.param-row input[type=range]{height:44px;margin:0}.slider-ticks{display:none}.mode-toggle.mode-toggle--compact{width:100%;box-shadow:none;border-radius:6px;display:flex}.mode-toggle.mode-toggle--compact button{border-radius:4px;flex:1;min-height:44px;font-size:14px}.mode-toggle.mode-toggle--compact button[data-active=true]{background:var(--fg);color:var(--bg);animation:none}.sidebar select,.sidebar textarea,.sidebar input:not([type=range]):not([type=checkbox]){max-width:100%;font-size:16px}.param-select,.param-swap,.copy-btn,.zone-action,.layer-list li{min-height:44px}.code-tabs{width:100%;box-shadow:none;border-radius:6px;display:flex}.code-tabs button{border-radius:5px;flex:auto;min-height:44px}.code-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.code-actions button{white-space:normal;overflow-wrap:anywhere;min-width:0;min-height:44px;padding:6px 4px;font-size:12px}.code-block.code-block--panel{max-height:240px}.layer-list{max-height:none}.layer-meta{white-space:normal;overflow-wrap:anywhere}.mobile-annotations summary{cursor:pointer;min-height:44px;padding:12px 0}}@media (min-width:600px) and (max-width:960px) and (max-height:600px){.sidebar{grid-template-rows:auto 48px minmax(0,1fr) 52px;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);column-gap:20px;display:grid}.mobile-detail-toolbar{grid-area:1/1/auto/-1}.preview-region{grid-area:2/1/4;align-self:center;min-height:0}.preview-region .detail-preview{height:176px}.detail-peek-column{grid-area:4/1/auto/-1}.mobile-detail-tabs{grid-area:2/2}.inspector-stack{grid-area:3/2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.icon-card:hover,.icon-card:active,.layer-list li:hover,.layer-list li[data-active=true],.layer-tree-row:hover,.layer-tree-row[data-active=true]{transform:none}.replace-arrow,.replace-side-by-side[data-swapped=true] .replace-arrow{transition:none}}
.annotations-zone{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:16px}.annotations-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.annotations-head-title{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--fg-subtle);align-items:baseline;gap:6px;font-weight:600;display:inline-flex}.annotations-head-preset{text-transform:none;letter-spacing:0;color:var(--fg-muted);font-weight:500}.annotations-count{background:var(--brand);min-width:14px;height:14px;color:var(--brand-fg,#fff);letter-spacing:0;text-transform:none;border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:9px;font-weight:700;display:inline-flex}.annotations-head-meta{align-items:center;gap:6px;display:inline-flex}.annotations-saving{color:var(--fg-subtle);font-size:10px;animation:.4s ease-out annotations-fade}@keyframes annotations-fade{0%{opacity:0}to{opacity:1}}.annotations-error{font-size:var(--font-xs);color:#d33;background:#dd333314;border-radius:4px;margin-bottom:8px;padding:5px 8px}.annotations-loading{font-size:var(--font-xs);color:var(--fg-subtle);padding:4px 0}.annotations-notes{flex-direction:column;gap:4px;margin:0 0 8px;padding:0;list-style:none;display:flex}.annotations-note{border:1px solid var(--border);background:var(--surface);transition:border-color var(--dur-2) var(--ease-glide);border-radius:5px;align-items:flex-start;gap:6px;padding:6px 8px;display:flex}.annotations-note[data-editing=true]{border-color:color-mix(in srgb, var(--brand) 50%, var(--border));background:color-mix(in srgb, var(--brand) 4%, var(--surface))}.annotations-note-row{flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.annotations-note-text{font-size:var(--font-xs);color:var(--fg);white-space:pre-wrap;word-wrap:break-word;flex:1;min-width:0;line-height:1.4}.annotations-layer-chip{border:1px solid var(--border);background:var(--bg);color:var(--fg-muted);cursor:pointer;font-size:10px;font-family:var(--font-mono,monospace);border-radius:999px;flex-shrink:0;padding:1px 6px;line-height:1.35}.annotations-layer-chip:hover{background:var(--hover-tint);color:var(--fg)}.annotations-layer-chip-global{cursor:default;color:var(--fg-subtle);font-family:inherit}.annotations-note-actions{flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.annotations-icon-btn{cursor:pointer;width:20px;height:20px;color:var(--fg-muted);transition:background var(--dur-2) var(--ease-glide), color var(--dur-2) var(--ease-glide);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.annotations-icon-btn:hover{background:var(--hover-tint);color:var(--fg)}.annotations-composer{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.annotations-composer-layer{font-size:var(--font-xs);color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:4px;flex-shrink:0;max-width:130px;padding:4px 6px}.annotations-composer-text{min-width:140px;font-family:inherit;font-size:var(--font-xs);color:var(--fg);background:var(--bg);border:1px solid var(--border);resize:vertical;border-radius:4px;flex:1;min-height:32px;padding:5px 7px;line-height:1.4}.annotations-composer-text:focus{border-color:color-mix(in srgb, var(--brand) 50%, var(--border));outline:none}.annotations-composer-actions{align-items:center;gap:4px;display:inline-flex}.annotations-composer-save,.annotations-composer-cancel{font-size:var(--font-xs);cursor:pointer;transition:background var(--dur-2) var(--ease-glide);border:0;border-radius:4px;padding:5px 10px;font-weight:500}.annotations-composer-save{background:color-mix(in srgb, var(--brand) 18%, transparent);color:var(--fg)}.annotations-composer-save:hover{background:color-mix(in srgb, var(--brand) 28%, transparent)}.annotations-composer-save[disabled]{opacity:.4;cursor:not-allowed}.annotations-composer-cancel{color:var(--fg-muted);background:0 0}.annotations-composer-cancel:hover{background:var(--hover-tint)}.annotations-other-presets{color:var(--fg-subtle);margin-top:8px;font-size:10px;line-height:1.4}.annotations-other-preset{color:var(--fg-muted)}.annotations-other-preset em{color:var(--fg);font-style:normal;font-weight:600}.icon-tile-annotation-badge{background:var(--brand);min-width:14px;height:14px;color:var(--brand-fg,#fff);pointer-events:none;box-shadow:0 0 0 2px var(--bg);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:9px;font-weight:700;display:inline-flex;position:absolute;top:4px;right:4px}