.page-head{--head-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23000' stroke-width='1'%3E%3Cpath d='M0 100H400M0 200H400M0 300H400M100 0V400M200 0V400M300 0V400' stroke-dasharray='2 6'/%3E%3Ccircle cx='200' cy='200' r='190' stroke-opacity='.5'/%3E%3C/g%3E%3Cpath d='M34.7 48.6L15.0 48.6L12.0 25.1L14.2 22.9L19.4 22.1L21.4 15.6L25.0 17.5L30.2 16.5L29.3 17.3L32.7 17.3L34.4 16.0L35.1 16.9L35.4 15.8L37.2 16.4L36.3 15.4L38.5 16.2L38.5 15.4L41.1 16.7L40.9 17.9L45.1 23.1L44.3 24.1L44.9 26.0L41.7 28.5L43.7 26.6L45.8 27.2L44.7 28.3L45.5 28.8L44.4 30.8L45.8 31.2L46.0 30.4L45.8 31.9L46.4 30.8L46.1 33.5L45.2 33.7L47.3 34.4L47.3 35.6L43.0 36.0L48.1 36.6L49.4 38.3L47.9 38.8L49.5 38.9L47.2 38.9L47.4 40.7L50.0 40.4L51.7 41.7L50.8 42.1L52.0 41.8L50.9 43.1L51.9 43.3L50.0 43.0L51.7 46.1L50.7 45.4L51.3 46.6L50.0 46.3L51.1 47.1L47.8 45.2L47.0 43.4L45.4 44.7L47.2 46.0L46.2 47.8L47.7 48.5Z' transform='translate(-26 -36) scale(7.4)' fill='%23000'/%3E%3C/svg%3E");isolation:isolate;position:relative}.page-head:after{content:"";z-index:-1;aspect-ratio:1;background:var(--rule-strong);opacity:.45;width:min(190px,18vw);-webkit-mask:var(--head-art) center / contain no-repeat;-webkit-mask:var(--head-art) center / contain no-repeat;mask:var(--head-art) center / contain no-repeat;pointer-events:none;position:absolute;inset-block-end:20px;inset-inline-end:0}.reference-version{border:1px solid var(--rule);border-left:3px solid var(--teal);background:var(--card);border-radius:0 10px 10px 0;margin-block:22px 0;padding:12px 18px}@media (width<=720px){.page-head:after{opacity:.12;width:46vw;inset-block-end:10px}}@media (prefers-contrast:more){.page-head:after{display:none}}.studio{grid-template-columns:minmax(270px,330px) minmax(0,1fr);gap:clamp(24px,4vw,56px);padding-block:clamp(32px,5vw,56px);display:grid}.studio-controls{align-self:start;gap:22px;display:grid;position:sticky;top:20px}.studio-controls fieldset{border:0;border-top:1px solid var(--ink);min-width:0;margin:0;padding:16px 0 0}.studio-controls legend{float:left;width:100%;font:600 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;padding:0}.studio-controls .segmented{width:100%}.sources{clear:both;gap:8px;display:grid}.source-card{border:1px solid var(--rule);background:var(--card);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-spring) var(--spring-soft);grid-template-columns:18px minmax(0,1fr);gap:10px;padding:12px;display:grid}.source-card:hover{border-color:var(--rule-strong)}.source-card:has(input:checked){border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.source-card:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.source-card input{accent-color:var(--accent);margin:3px 0 0}.source-card strong{font:600 15px var(--sans)}.source-count{font:500 12px var(--sans);color:var(--muted);margin-left:8px}.source-detail{color:var(--ink-2);margin-top:4px;font-size:14px;line-height:1.4;display:block}.checks{clear:both;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}#feature-control{grid-template-columns:minmax(0,1fr)}.studio-canvas{min-width:0}.canvas-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.canvas-actions{flex-wrap:wrap;gap:10px;display:flex}.button.small{min-height:38px;padding:6px 14px;font-size:13px}.studio-frame{min-height:320px}.studio-static{aspect-ratio:1}.studio-map .sf-explorer{border:0;border-radius:0}.studio-static svg{width:100%;height:100%;display:block}.stage-loading{height:100%;font:500 14px var(--sans);color:var(--muted);place-items:center;margin:0;display:grid}.studio-code{margin-top:28px}.divisions{border-top:1px solid var(--rule)}.division-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;display:grid}.division .plate-frame{aspect-ratio:1}.division img{width:100%;height:100%;display:block}.division-more{font-family:var(--sans);margin-top:36px}@media (width<=900px){.studio{grid-template-columns:minmax(0,1fr)}.studio-controls{order:2;position:static}.division-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.division-grid,.checks{grid-template-columns:minmax(0,1fr)}}