.gallery{--g-bg:#fff;--g-surface:#f6f7f9;--g-raised:#fff;--g-text:#171a1f;--g-muted:#545b66;--g-border:#d9dde3;--g-accent:#2754c5;--g-accent-text:#fff;--g-accent-soft:#e8eefc;--g-danger:#b42318;--g-danger-soft:#fdecea;--g-ok:#1a7f37;--g-focus:#2754c5;--g-radius:10px;--g-shadow:0 1px 2px #1018280f, 0 1px 3px #1018281a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.gallery[data-theme=dark]{--g-bg:#0f1115;--g-surface:#161a20;--g-raised:#1c2129;--g-text:#e8eaee;--g-muted:#a3abb8;--g-border:#2d3440;--g-accent:#8aa8ff;--g-accent-text:#0f1115;--g-accent-soft:#1d2740;--g-danger:#ff8a80;--g-danger-soft:#3a1a18;--g-ok:#6fdd8b;--g-focus:#8aa8ff;--g-shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){.gallery[data-theme=system]{--g-bg:#0f1115;--g-surface:#161a20;--g-raised:#1c2129;--g-text:#e8eaee;--g-muted:#a3abb8;--g-border:#2d3440;--g-accent:#8aa8ff;--g-accent-text:#0f1115;--g-accent-soft:#1d2740;--g-danger:#ff8a80;--g-danger-soft:#3a1a18;--g-ok:#6fdd8b;--g-focus:#8aa8ff;--g-shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html,body{margin:0}.gallery{background:var(--g-bg);min-height:100vh;color:var(--g-text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}.gallery *,.gallery :before,.gallery :after{box-sizing:border-box}.gallery :focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}.gallery a{color:var(--g-accent)}.gallery pre{background:var(--g-surface);border:1px solid var(--g-border);border-radius:8px;margin:0;padding:.75rem .875rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}.gallery code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.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}.skip-link{inset-inline-start:1rem;z-index:10;background:var(--g-accent);border-radius:6px;padding:.5rem .75rem;position:absolute;top:-3rem;color:var(--g-accent-text)!important}.skip-link:focus{top:.75rem}.gallery-header{z-index:5;background:var(--g-raised);border-bottom:1px solid var(--g-border);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.brand{white-space:nowrap;font-size:1.0625rem;text-decoration:none;color:var(--g-text)!important}.tagline{color:var(--g-muted);flex:18rem;margin:0;font-size:.875rem}.nav-toggle{display:none}.segmented{border:0;min-inline-size:0;margin:0;padding:0}.segmented>legend{letter-spacing:.02em;text-transform:uppercase;color:var(--g-muted);margin-bottom:.375rem;padding:0;font-size:.75rem;font-weight:600}.segments,.shell-theme{flex-wrap:wrap;gap:.25rem;display:flex}.segment{display:inline-flex;position:relative}.segment input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segment span{border:1px solid var(--g-border);background:var(--g-raised);white-space:nowrap;border-radius:999px;padding:.3125rem .75rem;font-size:.8125rem;display:inline-block}.segment input:checked+span{background:var(--g-accent);border-color:var(--g-accent);color:var(--g-accent-text)}.segment input:focus-visible+span{outline:2px solid var(--g-focus);outline-offset:2px}.segmented:disabled .segment span{opacity:.45}.segmented:disabled .segment input{cursor:not-allowed}.gallery-layout{grid-template-columns:18.5rem minmax(0,1fr);min-height:calc(100vh - 3.5rem);display:grid}.gallery-nav{background:var(--g-surface);border-inline-end:1px solid var(--g-border);align-self:start;height:calc(100vh - 3.5rem);padding:1rem;position:sticky;top:3.5rem;overflow-y:auto}.gallery-main{min-width:0;padding:1.5rem clamp(1rem,3vw,2.25rem) 3rem}.gallery-main:focus{outline:none}.search{gap:.375rem;display:grid}.search label{text-transform:uppercase;letter-spacing:.02em;color:var(--g-muted);font-size:.75rem;font-weight:600}.shortcut{border:1px solid var(--g-border);text-align:center;text-transform:none;border-radius:4px;min-width:1.25rem;margin-inline-start:.25rem;padding:0 .25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-block}.search input{border:1px solid var(--g-border);background:var(--g-raised);width:100%;color:var(--g-text);font:inherit;border-radius:8px;padding:.5rem .75rem}.categories{border:0;margin:1rem 0 0;padding:0}.categories legend{text-transform:uppercase;letter-spacing:.02em;color:var(--g-muted);margin-bottom:.375rem;padding:0;font-size:.75rem;font-weight:600}.chips{flex-wrap:wrap;gap:.25rem;display:flex}.chip,.gallery button{font:inherit;cursor:pointer}.chip{border:1px solid var(--g-border);background:var(--g-raised);color:var(--g-text);border-radius:999px;padding:.1875rem .625rem;font-size:.75rem}.chip[aria-pressed=true]{background:var(--g-accent);border-color:var(--g-accent);color:var(--g-accent-text)}.result-count{color:var(--g-muted);margin:.875rem 0 .375rem;font-size:.75rem}.entry-list{gap:1px;margin:0;padding:0;list-style:none;display:grid}.entry-link{border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .625rem;text-decoration:none;display:flex;color:var(--g-text)!important}.entry-link:hover{background:var(--g-accent-soft)}.entry-link[aria-current=page]{background:var(--g-accent-soft);box-shadow:inset 3px 0 0 var(--g-accent);font-weight:600}.path-dots{gap:3px;display:inline-flex}.path-dot{border:1.5px solid var(--g-muted);border-radius:50%;width:.5rem;height:.5rem}.path-dot[data-rendered]{background:var(--g-accent);border-color:var(--g-accent)}.empty{color:var(--g-muted);font-size:.875rem}.gallery-main h1{margin:0 0 .375rem;font-size:1.75rem;line-height:1.2}.lede{max-width:60ch;color:var(--g-muted);margin:0 0 1.25rem}.section-title{margin:2rem 0 .75rem;font-size:1.125rem}.fine-print{color:var(--g-muted);margin:.75rem 0 0;font-size:.8125rem}.notices ul{margin:0;padding:0}.notices{border:1px solid var(--g-border);background:var(--g-surface);border-radius:8px;margin:0 0 1rem;padding:.625rem .875rem .625rem 2rem;font-size:.875rem}.path-cards{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;display:grid}.path-card,.path-summary,.controls,.not-found{border:1px solid var(--g-border);border-radius:var(--g-radius);background:var(--g-raised);box-shadow:var(--g-shadow);padding:1rem 1.125rem}.path-card h2{margin:0 0 .5rem;font-size:1.0625rem}.path-card p{margin:0 0 .75rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.card-link{border:1px solid var(--g-border);border-radius:var(--g-radius);background:var(--g-raised);gap:.5rem;height:100%;padding:.875rem 1rem;text-decoration:none;display:grid;color:var(--g-text)!important}.card-link:hover{border-color:var(--g-accent)}.card-link h3{margin:0;font-size:1rem}.card-paths{gap:.125rem;display:grid}.card-meta,.badges{flex-wrap:wrap;gap:.25rem;display:flex}.card-path{color:var(--g-muted);font-size:.75rem}.card-path[data-rendered]{color:var(--g-text)}.badge{border:1px solid var(--g-border);background:var(--g-surface);border-radius:999px;align-items:center;padding:.0625rem .5rem;font-size:.75rem;display:inline-flex}.badge[data-tone=ok]{color:var(--g-ok);border-color:currentColor}.badge[data-tone=muted]{color:var(--g-muted)}.badge[data-tone=skin],.badge[data-tone=code]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.entry{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid}.entry-header .badges,.entry-actions{margin-top:.75rem}.entry-actions button,.frame-error button{border:1px solid var(--g-border);background:var(--g-raised);color:var(--g-text);border-radius:8px;padding:.375rem .875rem}.controls{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.axes{flex-wrap:wrap;gap:1rem 1.5rem;display:flex}.stage{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:1rem;display:grid}.frame-panel{border:1px solid var(--g-border);border-radius:var(--g-radius);background:var(--g-raised);grid-template-rows:auto 1fr;min-width:0;display:grid;overflow:hidden}.frame-bar{border-bottom:1px solid var(--g-border);background:var(--g-surface);align-items:center;gap:.75rem;padding:.5rem .875rem;font-size:.875rem;display:flex}.frame-status{color:var(--g-muted)}.frame-panel[data-status=error] .frame-status{color:var(--g-danger)}.frame-open{margin-inline-start:auto;font-size:.8125rem}.frame-viewport{background:repeating-conic-gradient(var(--g-surface) 0% 25%, transparent 0% 50%) 50% / 16px 16px;justify-items:center;display:grid;position:relative}.document-frame{background:0 0;border:0;width:100%;height:480px;display:block}.frame-panel[data-narrow] .document-frame{border-inline:1px dashed var(--g-border);width:390px;max-width:100%}.frame-panel[aria-busy=true] .frame-viewport:after{content:"Rendering…";background:color-mix(in srgb, var(--g-bg) 70%, transparent);color:var(--g-muted);place-items:center;font-size:.875rem;display:grid;position:absolute;inset:0}.frame-error{background:var(--g-danger-soft);color:var(--g-text);align-content:center;justify-items:start;gap:.5rem;padding:1.5rem;display:grid;position:absolute;inset:0}.frame-error strong{color:var(--g-danger)}.frame-error p{max-width:60ch;margin:0}.frame-empty{color:var(--g-muted);padding:1.25rem}.frame-empty p{margin:0 0 .5rem}.path-summaries{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem;display:grid}.path-summary h3{align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1rem;display:flex}.rationale{color:var(--g-muted);margin:0 0 .75rem;font-size:.875rem}.suggestions{padding-inline-start:1.25rem}.suggestions a{min-height:1.5rem;line-height:1.5rem;display:inline-block}@media (max-width:56rem){.gallery-layout{grid-template-columns:minmax(0,1fr)}.nav-toggle{border:1px solid var(--g-border);background:var(--g-raised);color:var(--g-text);border-radius:8px;padding:.375rem .75rem;display:inline-flex}.gallery-nav{z-index:4;visibility:hidden;width:min(20rem,88vw);height:auto;transition:transform .16s,visibility .16s;position:fixed;inset:3.5rem auto 0 0;transform:translate(-105%);box-shadow:0 8px 24px #0003}.gallery-nav[data-open]{visibility:visible;transform:none}.tagline{display:none}}@media (prefers-reduced-motion:reduce){.gallery-nav{transition:none}}