body.sd-page .site-header{position:static}.sd,.sd-dock,.sd-toast{--sd-text:var(--text);--sd-muted:var(--text-muted);--sd-faint:color-mix(in srgb, var(--text) 40%, transparent);--sd-line:var(--card-border);--sd-panel:var(--card-bg);--sd-surface:color-mix(in srgb, var(--text) 5%, var(--bg));--sd-media:#0b0b0b;--sd-accent:var(--accent);--sd-accent-soft:color-mix(in srgb, var(--accent) 12%, transparent);--sd-on-accent:var(--bg);--sd-radius:1.25rem;--sd-mono:ui-monospace, "SF Mono", Menlo, monospace}.sd ::selection{background:var(--sd-accent);color:var(--sd-on-accent)}.sd [hidden],.sd-dock [hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-hero{margin-bottom:2.5rem}.sd-hero .kicker{margin:0 0 .75rem}.sd-hero h1{margin:0;font-size:clamp(2rem,4vw,3rem)}.sd-subtitle{color:var(--sd-text);margin:.35rem 0 1.25rem;font-size:1.15rem}.sd-lede{max-width:40rem;color:var(--sd-muted);margin:0}.sd-stats{flex-wrap:wrap;gap:2rem;margin:1.75rem 0 0;display:flex}.sd-stats dt{letter-spacing:.2em;text-transform:uppercase;color:var(--sd-muted);font-size:.75rem}.sd-stats dd{margin:.25rem 0 0;font-size:1.3rem;font-weight:600}.sd-advanced-link{border:1px solid color-mix(in srgb, var(--accent) 65%, transparent);background:color-mix(in srgb, var(--sd-accent) 8%, transparent);cursor:pointer;border-radius:999px;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin-top:1.75rem;padding:.6rem 1.1rem;font-size:.9rem;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.sd-advanced-link span{color:var(--sd-accent);font-weight:600}.sd-advanced-link:hover{border-color:var(--sd-accent);background:color-mix(in srgb, var(--sd-accent) 18%, transparent);transform:translate(3px)}.sd-anatomy{border-top:1px solid var(--sd-line);grid-template-columns:160px 1fr;gap:2rem;padding:2.5rem 0;display:grid}.sd-label{letter-spacing:.2em;text-transform:uppercase;color:var(--sd-accent);margin:0;font-size:.85rem}.sd-anatomy h2{margin:0 0 1.25rem;font-size:clamp(1.4rem,3vw,2rem)}.sd-anatomy__example{max-width:52rem;margin:0 0 1rem;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.8}.tk{border-bottom:2px solid var(--c);padding-bottom:1px}.tk-framing{--c:var(--accent)}.tk-angle{--c:#e08a5f}.tk-subject{--c:var(--text)}.tk-movement{--c:#7fb7a4}.tk-lens{--c:#8fa6d8}.tk-light{--c:#d9c25a}.tk-time{--c:#b78fc7}.sd-legend{color:var(--sd-muted);flex-wrap:wrap;gap:.5rem 1.25rem;margin:0 0 2.5rem;padding:0;font-size:.8rem;list-style:none;display:flex}.sd-legend li{align-items:center;gap:.45rem;display:flex}.sd-legend .sw{background:var(--c);border-radius:2px;width:14px;height:3px}.sd-rules{counter-reset:rule;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.sd-rules li{counter-increment:rule;border-radius:var(--sd-radius);background:var(--sd-panel);border:1px solid var(--sd-line);padding:1.25rem 1.5rem 1.5rem}.sd-rules li:before{content:counter(rule, decimal-leading-zero);letter-spacing:.2em;color:var(--sd-accent);font-size:.75rem}.sd-rules h3{margin:.5rem 0 .4rem;font-size:1.05rem}.sd-rules p{color:var(--sd-muted);margin:0;font-size:.95rem}.sd-controls{z-index:5;background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--sd-line);gap:.75rem;margin:0 0 2rem;padding:1rem 0;display:grid;position:sticky;top:0}.sd-search input{background:var(--sd-panel);border:1px solid var(--sd-line);width:100%;color:var(--sd-text);font:inherit;border-radius:999px;outline:none;padding:.7rem 1.15rem}.sd-search input:focus{border-color:var(--sd-accent)}.sd-search input::placeholder{color:var(--sd-faint)}.sd-chips{scrollbar-width:none;gap:.5rem;padding-bottom:2px;display:flex;overflow-x:auto}.sd-chip,.sd-seg button{background:var(--sd-panel);color:inherit;border:1px solid var(--sd-line);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:.35rem .85rem;font-size:.85rem}.sd-chip:hover,.sd-seg button:hover{border-color:var(--sd-faint)}.sd-chip[aria-pressed=true],.sd-seg button[aria-pressed=true]{color:var(--sd-on-accent);background:var(--sd-accent);border-color:var(--sd-accent)}.sd-controls__row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sd-seg{gap:.35rem;display:inline-flex}.sd-count{color:var(--sd-muted);margin:0;font-size:.85rem}.sd-count span{color:var(--sd-text);font-weight:600}.sd-group{margin-bottom:3.5rem}.sd-group__head{grid-template-columns:auto 1fr;align-items:baseline;column-gap:.85rem;margin-bottom:1.25rem;display:grid}.sd-group__num{letter-spacing:.2em;color:var(--sd-accent);grid-row:span 2;font-size:.85rem}.sd-group__head h2{margin:0;font-size:clamp(1.5rem,3vw,2rem);line-height:1.1}.sd-group__head p{color:var(--sd-muted);margin:.35rem 0 0;font-size:.95rem}.sd-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.sd-card{border-radius:var(--sd-radius);border:1px solid var(--sd-line);background:var(--sd-panel);flex-direction:column;min-width:0;scroll-margin-top:12rem;display:flex;overflow:hidden}.sd-card:target{border-color:var(--sd-accent)}.sd-card__fig{background:var(--sd-media);border-bottom:1px solid var(--sd-line);aspect-ratio:16/9;position:relative;overflow:hidden}.sd-clip,.sd-photo{object-fit:cover;background:var(--sd-media);cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.sd-photo{cursor:default}.sd-card__fig[data-view=diagram] .sd-clip,.sd-card__fig[data-view=diagram] .sd-photo{display:none}.sd-figtoggle{background:color-mix(in srgb, var(--bg) 70%, transparent);backdrop-filter:blur(6px);border-radius:999px;gap:2px;padding:2px;display:flex;position:absolute;top:8px;right:8px}.sd-figtoggle button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.25rem .6rem;font-size:.72rem}.sd-figtoggle button[aria-pressed=true]{background:var(--sd-accent);color:var(--sd-on-accent)}.sd-figtoggle button:focus-visible{outline:1px solid var(--sd-accent);outline-offset:1px}.sd-card__body{flex-direction:column;flex:1;gap:.55rem;padding:1rem 1.25rem 1.25rem;display:flex}.sd-card__head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.sd-card h3{margin:0;font-size:1.1rem;line-height:1.25}.sd-card h3 a{text-decoration:none}.sd-card h3 a:hover{color:var(--sd-accent)}.sd-badge{letter-spacing:.15em;text-transform:uppercase;color:var(--sd-muted);flex:none;font-size:.7rem}.sd-badge--motion{color:var(--sd-accent)}.sd-aka{color:var(--sd-faint);margin:-.3rem 0 0;font-size:.8rem}.sd-what,.sd-why{margin:0;font-size:.95rem;line-height:1.5}.sd-why{color:var(--sd-muted)}.sd-prompt{margin-top:auto;padding-top:.4rem}.sd-prompt code{font-family:var(--sd-mono);color:var(--sd-accent);background:var(--sd-accent-soft);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);white-space:normal;overflow-wrap:anywhere;border-radius:.75rem;padding:.6rem .8rem;font-size:.8rem;line-height:1.5;display:block}.sd-actions{gap:.5rem;display:flex}.sd-btn{background:var(--sd-panel);color:inherit;border:1px solid var(--sd-line);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;flex:1;padding:.45rem .85rem;font-size:.85rem}.sd-btn:hover{border-color:var(--sd-faint)}.sd-btn--add[aria-pressed=true]{color:var(--sd-accent);border-color:var(--sd-accent)}.sd-btn--primary{background:var(--sd-accent);border-color:var(--sd-accent);color:var(--sd-on-accent)}.sd-btn--primary:hover{border-color:var(--sd-accent);background:color-mix(in srgb, var(--accent) 85%, var(--text))}.sd-btn:focus-visible,.sd-chip:focus-visible,.sd-seg button:focus-visible,.sd-link:focus-visible,.sd-more summary:focus-visible,.sd-search input:focus-visible{outline:1px solid var(--sd-accent);outline-offset:2px}.sd-more{color:var(--sd-muted);font-size:.9rem}.sd-more summary{cursor:pointer;color:var(--sd-muted);padding:.25rem 0;font-size:.85rem;list-style:none}.sd-more summary:hover{color:var(--sd-text)}.sd-more summary::-webkit-details-marker{display:none}.sd-more summary:before{content:"+ "}.sd-more[open] summary:before{content:"− "}.sd-example{color:var(--sd-text);margin:.5rem 0 .35rem;font-size:.95rem;line-height:1.55}.sd-slot{font-family:var(--sd-mono);color:var(--sd-accent);font-size:.85em}.sd-link{color:var(--sd-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem}.sd-link:hover{text-decoration:underline}.sd-tip,.sd-seen,.sd-clipnote{margin:.65rem 0 0;line-height:1.5}.sd-tip strong,.sd-seen strong,.sd-clipnote strong{color:var(--sd-text);font-weight:600}.sd-empty{color:var(--sd-muted);padding:3rem 0;font-size:1.1rem}.sd-colophon{border-top:1px solid var(--sd-line);color:var(--sd-muted);padding:2rem 0 6rem}.sd-colophon a{color:var(--sd-accent)}.sd-svg{width:100%;height:100%;display:block;overflow:hidden}.sd-svg .k{fill:color-mix(in srgb, var(--sd-text) 55%, transparent)}.sd-svg .k.dim{fill:color-mix(in srgb, var(--sd-text) 28%, transparent)}.sd-svg .eye{fill:var(--sd-media)}.sd-svg .a{fill:var(--sd-accent)}.sd-svg .as{stroke:var(--sd-accent);stroke-width:1.3px;fill:none;stroke-linecap:round;stroke-linejoin:round}.sd-svg .as.thin{stroke-width:1px;opacity:.7}.sd-svg .as.thick{stroke-width:2px}.sd-svg .d{stroke:color-mix(in srgb, var(--sd-text) 30%, transparent);stroke-width:.8px;stroke-dasharray:2 2.5;fill:none}.sd-svg .m{stroke:color-mix(in srgb, var(--sd-text) 22%, transparent);stroke-width:.8px;fill:none}.sd-svg .t{fill:color-mix(in srgb, var(--sd-text) 45%, transparent);letter-spacing:.08em;font:6px ui-monospace,Menlo,monospace}.sd-svg .cam{fill:var(--sd-text)}.sd-svg .ghost{opacity:.3}.sd-svg .ghost .cam{fill:none;stroke:var(--sd-text);stroke-width:.8px}.sd-svg g.ghost{fill:none;stroke:color-mix(in srgb, var(--sd-text) 50%, transparent);stroke-dasharray:1.5 1.5}.sd-svg .hill{fill:color-mix(in srgb, var(--sd-text) 8%, transparent)}.sd-svg .wedge{fill:var(--sd-accent-soft);stroke:var(--sd-accent);stroke-width:1px}.sd-svg .band{stroke:color-mix(in srgb, var(--sd-accent) 55%, transparent);stroke-width:7px}.sd-svg .bokeh{fill:color-mix(in srgb, var(--sd-accent) 35%, transparent)}.sd-svg .seam{fill:color-mix(in srgb, var(--sd-media) 55%, transparent)}.sd-svg .glow{opacity:.6}.sd-svg .trail{stroke:var(--sd-accent);stroke-width:1.4px;opacity:.55}.sd-svg .sky{fill:#d9d4cc}.sd-svg .sil{fill:var(--sd-media)}.sd-svg .slat{fill:#222}.sd-svg .wall{fill:#1c1c1c}.sd-svg .rim{stroke:#fff;stroke-width:2.2px;fill:none;stroke-linecap:round}.sd-svg .beam{fill:color-mix(in srgb, var(--sd-text) 10%, transparent)}.sd-svg .guide{opacity:.35}.sd-dock{z-index:30;background:var(--sd-surface);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:var(--sd-radius);width:min(400px,100vw - 1.5rem);color:var(--sd-text);position:fixed;bottom:clamp(.75rem,3vw,2rem);right:clamp(.75rem,3vw,2rem);overflow:hidden;box-shadow:0 20px 60px #0000008c}.sd-dock__bar{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.75rem;padding:.85rem 1.1rem;display:flex}.sd-dock__title{flex:1;font-weight:600}.sd-dock__count{color:var(--sd-muted);font-size:.8rem}.sd-dock[data-has=true] .sd-dock__count{color:var(--sd-accent)}.sd-dock__chev{color:var(--sd-accent);transition:transform .2s}.sd-dock[data-open=true] .sd-dock__chev{transform:rotate(180deg)}.sd-dock__panel{border-top:1px solid var(--sd-line);gap:.8rem;max-height:min(72vh,640px);padding:1rem 1.1rem 1.1rem;display:grid;overflow-y:auto}.sd-dock__hint{color:var(--sd-muted);margin:0;font-size:.85rem;line-height:1.5}.sd-field{gap:.3rem;display:grid}.sd-field span{letter-spacing:.15em;text-transform:uppercase;color:var(--sd-muted);font-size:.75rem}.sd-field input{background:var(--bg);border:1px solid var(--sd-line);color:var(--sd-text);font:inherit;border-radius:.75rem;outline:none;padding:.55rem .75rem;font-size:.9rem}.sd-field input:focus{border-color:var(--sd-accent)}.sd-picks{border-top:1px solid var(--sd-line);margin:0;padding:0;list-style:none}.sd-picks li{border-bottom:1px solid var(--sd-line);justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem 0;font-size:.85rem;display:flex}.sd-picks__cat{letter-spacing:.15em;text-transform:uppercase;color:var(--sd-muted);font-size:.72rem}.sd-picks__val{text-align:right;align-items:center;gap:.4rem;display:flex}.sd-picks__val a{color:var(--sd-accent);text-decoration:none}.sd-picks li.is-empty .sd-picks__val{color:var(--sd-faint)}.sd-picks__rm{color:var(--sd-muted);cursor:pointer;background:0 0;border:0;padding:0 .15rem;font-size:16px;line-height:1}.sd-picks__rm:hover{color:var(--sd-text)}.sd-output{background:var(--bg);border:1px solid var(--sd-line);font:.8rem/1.6 var(--sd-mono);color:var(--sd-text);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:.75rem;margin:0;padding:.8rem}.sd-dock__actions{gap:.5rem;display:flex}.sd-dock .sd-btn--primary{flex:1.4}.sd-toast{background:var(--sd-accent);color:var(--sd-on-accent);opacity:0;pointer-events:none;z-index:40;border-radius:999px;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,1rem)}.sd-toast.is-on{opacity:1;transform:translate(-50%)}@media (width<=720px){.sd-anatomy{grid-template-columns:1fr;gap:1rem}.sd-dock{border-radius:var(--sd-radius) var(--sd-radius) 0 0;border-bottom:0;border-left:0;border-right:0;width:100%;bottom:0;left:0;right:0}.sd-toast{bottom:5rem}.sd-controls{position:static}}@media (prefers-reduced-motion:reduce){.sd-toast,.sd-dock__chev{transition:none}}