:root{--anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-hi:#26262a;--anatomy-lit:#000;--anatomy-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}figure{margin:0}body{background:var(--anatomy-page);color:var(--anatomy-text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#app{width:min(1180px,100% - 32px);margin:0 auto 96px}.site-nav{border-bottom:1px solid var(--anatomy-lo);align-items:center;gap:20px;margin-bottom:30px;padding:18px 0;display:flex}.site-nav .brand{color:var(--anatomy-strong);font:600 15px/1 var(--anatomy-mono);letter-spacing:.04em;flex:none;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.site-nav .brand svg{width:26px;height:26px;color:var(--anatomy-hi)}.site-nav .links{flex-wrap:wrap;flex:1;gap:4px 16px;display:flex}.site-nav .links a{color:var(--anatomy-muted);font:500 11px/1.8 var(--anatomy-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.site-nav .links a:hover,.site-nav .links a[aria-current=page]{color:var(--anatomy-strong)}i[data-accent]{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 1px var(--anatomy-card), 0 0 0 2px var(--accent);vertical-align:middle;border-radius:50%;display:inline-block}h1 i[data-accent]{width:10px;height:10px;margin:-3px 12px 0 2px}i[data-accent=red]{--accent:#e5484d}i[data-accent=green]{--accent:#30a46c}i[data-accent=blue]{--accent:#3e63dd}i[data-accent=amber]{--accent:#d9822b}i[data-accent=violet]{--accent:#7c4ddc}i[data-accent=cyan]{--accent:#0d9cc0}i[data-accent=magenta]{--accent:#d1349b}.home-hero{margin:8px 0 34px}.home-hero h1{color:var(--anatomy-strong);font:600 clamp(28px, 4.4vw, 46px)/1.08 var(--anatomy-mono);letter-spacing:-.01em;margin:0 0 10px}.home-hero p{max-width:70ch;margin:0;font-size:15px}.categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:36px;display:grid}.category{color:inherit;text-decoration:none;display:block}.category .plate{transition:box-shadow .2s var(--anatomy-ease,ease);padding:40px 16px 16px}.category:hover .plate,.category:focus-visible .plate{box-shadow:0 0 0 1px var(--anatomy-hi)}.category canvas{height:200px}.category .about{margin-top:10px;display:block}.category .about strong{color:var(--anatomy-strong);font:600 13px/1.4 var(--anatomy-mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;display:flex}.category .about span{color:var(--anatomy-muted);margin-top:3px;font-size:13px;display:block}.top{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.top h1{color:var(--anatomy-strong);font:600 22px/1.2 var(--anatomy-mono);letter-spacing:.02em;margin:0 0 6px}.top p{max-width:62ch;margin:0}.top .tools{flex:none;gap:8px;display:flex}button{appearance:none;background:var(--anatomy-card);color:var(--anatomy-strong);font:500 11px/1 var(--anatomy-mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 0 1px var(--anatomy-lo);cursor:pointer;border:0;border-radius:999px;padding:7px 14px}button:hover{box-shadow:0 0 0 1px var(--anatomy-mid)}button:focus-visible{outline:2px solid var(--anatomy-mid);outline-offset:2px}.plate{background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);margin:0;padding:44px 20px;position:relative}.plate canvas{touch-action:manipulation;cursor:pointer;width:100%;height:300px;display:block}.plate.hero canvas{touch-action:pan-y;height:min(620px,62vw);min-height:360px}.corner{color:var(--anatomy-muted);font:10.5px/1 var(--anatomy-mono);letter-spacing:.04em;white-space:nowrap;pointer-events:none;position:absolute}.corner.fig{color:var(--anatomy-text);top:18px;left:20px}.corner.title{text-transform:uppercase;letter-spacing:.1em;top:18px;right:20px}.corner.hint{text-transform:uppercase;letter-spacing:.1em;bottom:18px;left:20px}.corner.readout{color:var(--anatomy-text);font-variant-numeric:tabular-nums;bottom:18px;right:20px}.hero-tools{gap:8px;display:flex;position:absolute;top:40px;left:20px}.legend{color:var(--anatomy-muted);margin:12px 0 0;font-size:13px;line-height:1.55}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px;display:grid}.grid figure{margin:0}.grid .legend{margin:10px 0 0}.notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px;display:grid}.notes h2{color:var(--anatomy-strong);font:600 12px/1.3 var(--anatomy-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}.notes p{margin:0;font-size:13px}.error{background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);font-family:var(--anatomy-mono);white-space:pre-wrap;padding:24px}@media (max-width:1100px){.categories{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.categories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.grid,.notes{grid-template-columns:1fr}.site-nav{flex-wrap:wrap}.site-nav .links{flex-basis:100%;order:3}.top{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.categories{grid-template-columns:1fr}.plate{padding:40px 10px 64px}.corner.hint{white-space:normal;max-width:calc(100% - 40px);bottom:36px}.corner.readout{white-space:normal;text-align:right;line-height:1.35;left:20px}.plate canvas{height:260px}.plate.hero canvas{height:72vw;min-height:220px}.plate.hero{padding-bottom:84px}.plate.hero .corner.hint{bottom:42px}.hero-tools{justify-content:center;margin:4px 0 8px;position:static}}body.solo .grid{grid-template-columns:1fr}body.solo .plate canvas{height:calc(100vh - 220px)}body.solo .notes{display:none}.plate.world .hero-tools{flex-wrap:wrap;align-items:center;right:20px}.hero-tools .seed{color:var(--anatomy-muted);font:500 11px/1 var(--anatomy-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.hero-tools input[type=number]{background:var(--anatomy-card);width:92px;color:var(--anatomy-strong);box-shadow:0 0 0 1px var(--anatomy-lo);font:500 12px/1 var(--anatomy-mono);border:0;border-radius:999px;padding:6px 10px}.chunk-nav{gap:2px;display:inline-flex}.chunk-nav button{padding:7px 9px}.schema{background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-lo);margin-top:14px;padding:14px}.schema .tricks{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.schema textarea{background:var(--anatomy-page);width:100%;height:300px;color:var(--anatomy-strong);box-shadow:inset 0 0 0 1px var(--anatomy-lo);font:12px/1.5 var(--anatomy-mono);resize:vertical;border:0;padding:12px;display:block}.schema-bar{align-items:center;gap:8px;margin-top:10px;display:flex}.schema-error{color:var(--anatomy-muted);font:11px/1.4 var(--anatomy-mono);white-space:pre-wrap}.schema-error[data-state=error]{color:#e5484d}.plate.world .hero-tools{row-gap:8px;margin:0 0 10px;position:static}.tool-row{gap:2px;display:inline-flex}button[aria-pressed=true]{background:var(--anatomy-hi);color:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-hi)}.hero-tools select{background:var(--anatomy-card);color:var(--anatomy-strong);box-shadow:0 0 0 1px var(--anatomy-lo);font:500 11px/1 var(--anatomy-mono);border:0;border-radius:999px;padding:6px 10px}@media (max-width:560px){.plate.world{padding-bottom:88px}.plate.world .corner.hint{bottom:54px}}.plate.game{padding:40px 14px 44px}.plate.game canvas{cursor:crosshair;outline:none;height:min(74vh,760px)}.hud{pointer-events:none;font:11px/1.3 var(--anatomy-mono);color:var(--anatomy-text);position:absolute;inset:40px 14px 44px}.hud-stats{background:color-mix(in srgb, var(--anatomy-card) 82%, transparent);border:1px solid var(--anatomy-line,#7f7f7f59);border-radius:6px;gap:6px;padding:8px 10px;display:grid;position:absolute;top:10px;left:12px}.hearts{gap:4px;display:flex}.heart{width:14px;height:12px;clip-path:path("M7 12 L1.2 5.6 A3.2 3.2 0 0 1 7 2.2 A3.2 3.2 0 0 1 12.8 5.6 Z");background:#e5484d;display:inline-block}.heart.half{background:linear-gradient(90deg, #e5484d 50%, var(--anatomy-muted) 50%)}.heart.empty{background:var(--anatomy-muted);opacity:.45}.counts{flex-wrap:wrap;gap:10px;display:flex}.counts span{align-items:center;gap:4px;display:inline-flex}.ico{border:1px solid;border-radius:50%;width:9px;height:9px;display:inline-block}.ico.coin{background:#d9822b;border-color:#a35e18}.ico.bomb{background:var(--anatomy-text)}.ico.key{background:#d9822b;border-radius:2px;transform:rotate(45deg)}.ico.block{background:var(--anatomy-muted);border-radius:1px}.items{color:var(--anatomy-muted);max-width:260px}.items:empty{display:none}.plate.game canvas.hud-map{cursor:default;width:150px;height:150px;position:absolute;top:10px;right:12px}.hud-compass{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:36px;left:50%;transform:translate(-50%)}.hud-compass[hidden]{display:none}.hud-compass i{filter:drop-shadow(0 0 1px #000c);border-bottom:22px solid #d9822b;border-left:11px solid #0000;border-right:11px solid #0000;width:0;height:0;transition:transform 80ms linear;display:block}.hud-compass span{background:color-mix(in srgb, var(--anatomy-card) 85%, transparent);border-radius:4px;padding:2px 8px}.hud-map i{border:1px solid var(--anatomy-muted);opacity:.35;border-radius:2px}.hud-map i.seen{opacity:.8}.hud-map i.clear{background:color-mix(in srgb, var(--anatomy-muted) 35%, transparent)}.hud-map i.boss{border-color:#e5484d}.hud-map i.treasure{border-color:#d9822b}.hud-map i.secret{border-style:dashed}.hud-map i.here{opacity:1;background:var(--anatomy-text)}.hud-boss{border:1px solid var(--anatomy-text);border-radius:4px;width:min(40%,360px);height:8px;position:absolute;top:14px;left:50%;overflow:hidden;transform:translate(-50%)}.hud-boss span{background:#e5484d;height:100%;display:block}.crosshair{width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair i,.crosshair i:before{background:#fff;border-radius:1px;width:22px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000bf}.crosshair i:before{content:"";transform:translate(-50%,-50%)rotate(90deg)}.crosshair b{opacity:var(--dig,0);border:2px solid #fff;border-radius:50%;transition:opacity .1s;position:absolute;inset:0;box-shadow:0 0 0 1px #000000b3,inset 0 0 0 1px #000000b3}.hud-dead{z-index:5;pointer-events:auto;background:#e5484d2e;place-items:center;display:grid;position:absolute;inset:0}.hud-dead[hidden]{display:none}.hud-dead>div{text-align:center;background:var(--anatomy-card);border:1px solid var(--anatomy-text);border-radius:8px;max-width:440px;padding:18px 22px}.hud-dead h2{font:600 15px/1.2 var(--anatomy-mono);letter-spacing:.12em;text-transform:uppercase;color:#e5484d;margin:0 0 6px}.hud-dead p{margin:0 0 12px}.dead-buttons{justify-content:center;gap:10px;display:flex}.dead-buttons button{font:600 12px/1 var(--anatomy-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--anatomy-text);background:var(--anatomy-card);border:1.5px solid var(--anatomy-text);cursor:pointer;border-radius:6px;padding:10px 18px}.dead-buttons [data-respawn]{border-color:#30a46c}.hud-messages{text-align:center;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hud-messages p{background:color-mix(in srgb, var(--anatomy-card) 85%, transparent);border-radius:4px;margin:3px 0;padding:3px 10px}.hud-hurt{opacity:0;background:radial-gradient(#0000 45%,#e5484da6);transition:opacity .12s;position:absolute;inset:0}.hud-overlay{background:color-mix(in srgb, var(--anatomy-card) 55%, transparent);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.hud-overlay[hidden]{display:none}.hud-overlay>div{text-align:center;background:var(--anatomy-card);border:1px solid var(--anatomy-text);border-radius:8px;max-width:520px;padding:18px 22px}.hud-overlay h2{font:600 15px/1.2 var(--anatomy-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}.hud-overlay p{margin:0;line-height:1.8}@media (max-width:560px){.plate.game canvas{height:62vh}.hud-stats{transform-origin:0 0;transform:scale(.85)}}.touch{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:40px 14px 44px}.plate.game.touch-on canvas{touch-action:none}.plate.game.touch-on{padding:32px 8px 30px}.plate.game.touch-on canvas{height:max(240px,100svh - 76px)}.plate.game.touch-on .hud,.plate.game.touch-on .touch{inset:32px 8px 30px}.plate.game.touch-on .hud-boss{top:calc(clamp(34px,10vmin,44px) + 18px)}.touch button{pointer-events:auto;touch-action:none;width:clamp(40px,12vmin,54px);height:clamp(40px,12vmin,54px);font:600 10px/1 var(--anatomy-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--anatomy-text);background:color-mix(in srgb, var(--anatomy-card) 70%, transparent);border:1.5px solid color-mix(in srgb, var(--anatomy-text) 60%, transparent);-webkit-tap-highlight-color:transparent;border-radius:50%;padding:0}.touch button.big{width:clamp(48px,15vmin,72px);height:clamp(48px,15vmin,72px)}.touch button.main{border-color:#0d9cc0;width:clamp(56px,19vmin,86px);height:clamp(56px,19vmin,86px)}.touch button.held{background:color-mix(in srgb, var(--anatomy-text) 30%, var(--anatomy-card))}.touch-buttons{grid-template-columns:repeat(3,auto);grid-template-areas:"block bomb jump"".dig fire";place-items:end center;gap:clamp(6px,2vmin,10px);display:grid;position:absolute;bottom:10px;right:10px}.touch-buttons [data-act=block]{grid-area:block}.touch-buttons [data-act=bomb]{grid-area:bomb}.touch-buttons [data-act=jump]{grid-area:jump}.touch-buttons [data-act=dig]{grid-area:dig}.touch-buttons [data-act=fire]{grid-area:fire}.touch-top{flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.touch-top button{width:clamp(34px,10vmin,44px);height:clamp(34px,10vmin,44px);font-size:9px}.stick{border:1.5px solid color-mix(in srgb, var(--anatomy-text) 50%, transparent);background:color-mix(in srgb, var(--anatomy-card) 35%, transparent);pointer-events:none;border-radius:50%;width:112px;height:112px;position:absolute;transform:translate(-50%,-50%)}.stick i{background:color-mix(in srgb, var(--anatomy-text) 35%, transparent);border:1.5px solid var(--anatomy-text);border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stick[hidden]{display:none}.plate.game.touch-on .hud-messages{bottom:120px}.plate.game:fullscreen{background:var(--anatomy-card);border:0;border-radius:0;width:100vw;height:100vh;margin:0;padding:0}.plate.game:fullscreen canvas{width:100vw;height:100vh}:is(.plate.game:fullscreen .hud,.plate.game:fullscreen .touch){inset:0}.plate.game:fullscreen .corner{display:none}@media (orientation:portrait){.touch-top{flex-direction:row;top:78px;left:4px;transform:none}.plate.game.touch-on .hud-boss{top:70px}}.plate.game.touch-on canvas.hud-map{width:120px;height:120px}@media (max-height:480px){.plate.game.touch-on .hud-stats,.plate.game.touch-on .hud-map{transform:scale(.78)}.plate.game.touch-on .hud-stats{transform-origin:0 0}.plate.game.touch-on .hud-map{transform-origin:100% 0}}.game-settings{font:11px/1.4 var(--anatomy-mono);color:var(--anatomy-text);align-items:center;gap:18px;padding:8px 4px 0;display:flex}.game-settings label{align-items:center;gap:8px;display:inline-flex}.game-settings input[type=range]{width:140px;accent-color:var(--anatomy-text)}.puzzles{gap:36px;margin-top:8px;display:grid}.puzzles figure{margin:0}.plate.puzzle canvas{height:min(540px,58vw);min-height:300px}.plate.puzzle .hero-tools{align-items:center}.plate.puzzle .stamp{box-shadow:0 0 0 1px var(--anatomy-hi);color:var(--anatomy-strong);font:600 10.5px/1 var(--anatomy-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:5px 10px}.plate.puzzle .stamp[hidden]{display:none}.puzzle-tally{font:500 11px/1 var(--anatomy-mono);letter-spacing:.06em;color:var(--anatomy-text);align-items:center}.puzzle-tally span{box-shadow:0 0 0 1px var(--anatomy-lo);border-radius:999px;padding:7px 12px}@media (max-width:720px){.plate.puzzle canvas{height:66vw;min-height:230px}}.site-nav .links{align-items:center;gap:4px 6px}.nav-item{position:relative}.site-nav .links .nav-item>a,.nav-group>button{color:var(--anatomy-muted);font:500 11px/1.4 var(--anatomy-mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:none;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;text-decoration:none;display:inline-flex}.site-nav .links .nav-item>a:hover,.nav-group>button:hover,.nav-group.open>button{color:var(--anatomy-strong);box-shadow:0 0 0 1px var(--anatomy-lo)}.site-nav .links .nav-item>a[aria-current=page],.nav-group.here>button{color:var(--anatomy-strong);box-shadow:0 0 0 1px var(--anatomy-mid)}.nav-group>button b{border-top:4px solid;border-left:3.5px solid #0000;border-right:3.5px solid #0000;width:0;height:0;transition:transform .15s}.nav-group.open>button b{transform:rotate(180deg)}.nav-group .menu{z-index:30;background:var(--anatomy-card);min-width:300px;box-shadow:0 0 0 1px var(--anatomy-mid), 0 14px 40px #00000047;padding:12px;display:none;position:absolute;top:calc(100% + 8px);left:0}.nav-group.open .menu{gap:2px;display:grid}@media (hover:hover){.nav-group:hover .menu{gap:2px;display:grid}.nav-group:hover>button{color:var(--anatomy-strong)}.nav-group .menu:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}}.nav-group .menu p{color:var(--anatomy-muted);margin:0 0 6px;padding:0 8px;font-size:12px}.nav-group .menu a{color:var(--anatomy-text);font:500 11px/1.4 var(--anatomy-mono);letter-spacing:.06em;text-transform:uppercase;align-items:flex-start;gap:9px;padding:8px;text-decoration:none;display:flex}.nav-group .menu a i{flex:none;margin-top:3px}.nav-group .menu a small{color:var(--anatomy-muted);letter-spacing:0;text-transform:none;margin-top:2px;font:12px/1.4 system-ui,sans-serif;display:block}.nav-group .menu a:hover,.nav-group .menu a[aria-current=page]{background:color-mix(in srgb, var(--anatomy-hi) 10%, transparent);color:var(--anatomy-strong)}.crumb{color:var(--anatomy-muted);font:500 10.5px/1 var(--anatomy-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px!important}.crumb a{color:inherit;text-decoration:none}.crumb a:hover{color:var(--anatomy-strong)}.crumb span{opacity:.6;margin:0 7px}.site-foot{border-top:1px solid var(--anatomy-lo);justify-content:space-between;gap:16px;margin-top:56px;padding:22px 0 40px;display:flex}.site-foot a{color:var(--anatomy-strong);font:600 13px/1.3 var(--anatomy-mono);letter-spacing:.04em;gap:4px;text-decoration:none;display:grid}.site-foot a small{color:var(--anatomy-muted);font:500 10px/1 var(--anatomy-mono);letter-spacing:.12em;text-transform:uppercase}.site-foot .next{text-align:right}.site-foot a:hover{color:var(--anatomy-hi)}.home-group{margin-top:46px}.home-group>header{border-bottom:1px solid var(--anatomy-lo);flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding-bottom:10px;display:flex}.home-group h2{color:var(--anatomy-strong);font:600 13px/1.2 var(--anatomy-mono);letter-spacing:.14em;text-transform:uppercase;margin:0}.home-group>header p{color:var(--anatomy-muted);margin:0;font-size:13px}.home-group .categories{margin-top:18px}@media (max-width:720px){.site-nav{flex-wrap:wrap}.site-nav .links{flex-basis:100%;order:3}.nav-group .menu{min-width:0;position:fixed;top:auto;left:12px;right:12px}}.studio{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.studio-figure{margin:0;position:sticky;top:12px}.plate.studio-plate canvas{touch-action:none;cursor:grab;height:min(680px,72vh);min-height:380px}.studio-panel{background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);flex-direction:column;max-height:calc(100vh - 24px);display:flex;position:sticky;top:12px}.studio-tabs{border-bottom:1px solid var(--anatomy-lo);flex-wrap:wrap;gap:4px;padding:10px;display:flex}.studio-tabs button{letter-spacing:.06em;padding:6px 8px;font-size:10px}.studio-body{padding:4px 14px 18px;overflow-y:auto}.studio-body h3{color:var(--anatomy-strong);font:600 11px/1.2 var(--anatomy-mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:10px;margin:18px 0 8px;display:flex}.studio-body h3 small{color:var(--anatomy-muted);letter-spacing:0;text-transform:none;font:400 11px/1 system-ui,sans-serif}.studio-body .field{margin:8px 0;display:block}.studio-body .label{color:var(--anatomy-muted);font:500 10.5px/1.2 var(--anatomy-mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px;display:block}.studio-body .chips{flex-wrap:wrap;gap:5px;display:flex}.studio-body .chips button{box-shadow:0 0 0 1px var(--anatomy-lo);align-items:center;gap:6px;padding:5px 9px;font-size:10.5px;display:inline-flex}.studio-body .chips button small{color:var(--anatomy-muted);letter-spacing:.04em;font-size:9.5px;display:block}.studio-body .chips button[aria-pressed=true] small{color:inherit;opacity:.75}.studio-body .presets button{border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px}.studio-body .swatch{width:10px;height:10px;box-shadow:0 0 0 1px var(--anatomy-mid);border-radius:50%}.studio-body .slider{grid-template-columns:1fr 52px;align-items:center;column-gap:10px;display:grid}.studio-body .slider .label{grid-column:1/-1;margin-bottom:2px}.studio-body .slider output{color:var(--anatomy-text);font:500 11px/1 var(--anatomy-mono);text-align:right;font-variant-numeric:tabular-nums}.studio-body input[type=range]{width:100%;accent-color:var(--anatomy-hi)}.studio-body input[type=range]:disabled{opacity:.35}.studio-body .toggle{color:var(--anatomy-text);align-items:center;gap:8px;font-size:13px;display:flex}.studio-body select,.studio-body input.text,.studio-body textarea{box-sizing:border-box;width:100%;color:var(--anatomy-text);box-shadow:0 0 0 1px var(--anatomy-lo);font:12px/1.4 var(--anatomy-mono);background:0 0;border:0;border-radius:4px;padding:7px 9px}.studio-body select option{background:var(--anatomy-card);color:var(--anatomy-text)}.studio-body textarea.json{resize:vertical;height:180px;font-size:10.5px}.studio-body .buttons{flex-wrap:wrap;gap:5px;margin:10px 0;display:flex}.studio-body .buttons button{box-shadow:0 0 0 1px var(--anatomy-lo);padding:6px 10px}.studio-body .hint{color:var(--anatomy-muted);margin:10px 0;font-size:12px;line-height:1.5}.studio-body .library{gap:4px;display:grid}.studio-body .library div{gap:4px;display:flex}.studio-body .library [data-load]{box-shadow:0 0 0 1px var(--anatomy-lo);border-radius:6px;flex:1;justify-content:space-between;display:flex}.studio-body .library small{color:var(--anatomy-muted)}.timeline{margin:6px 0 4px}.timeline .track{height:30px;box-shadow:0 0 0 1px var(--anatomy-lo);background:repeating-linear-gradient(90deg, transparent 0 calc(10% - 1px), var(--anatomy-lo) calc(10% - 1px) 10%);cursor:ew-resize;touch-action:none;border-radius:4px;position:relative}.timeline .head{background:var(--anatomy-hi);width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.timeline .key{background:var(--anatomy-card);width:9px;height:9px;box-shadow:0 0 0 1.5px var(--anatomy-mid);margin:-5px 0 0 -5px;position:absolute;top:50%;transform:rotate(45deg)}.timeline .key.on{background:var(--anatomy-hi)}.timeline .times{color:var(--anatomy-muted);font:10px/1 var(--anatomy-mono);justify-content:space-between;margin-top:4px;display:flex}.studio-toast{background:var(--anatomy-hi);color:var(--anatomy-card);font:600 11px/1 var(--anatomy-mono);letter-spacing:.06em;opacity:0;pointer-events:none;border-radius:999px;padding:6px 12px;transition:opacity .2s,transform .2s;position:absolute;bottom:46px;left:50%;transform:translate(-50%,6px)}.studio-toast.on{opacity:1;transform:translate(-50%)}@media (max-width:1000px){.studio{grid-template-columns:1fr}.studio-figure,.studio-panel{position:static}.studio-panel{max-height:none}.plate.studio-plate canvas{height:82vw;min-height:300px;max-height:560px}}.plate.studio-plate .corner.readout{white-space:normal;text-align:right;max-width:calc(100% - 40px);line-height:1.35}@media (max-width:720px){.plate.studio-plate{padding-bottom:92px}.plate.studio-plate .corner.hint{bottom:66px}}.plate.course-plate .course-touch{touch-action:none;-webkit-user-select:none;user-select:none;z-index:3;position:absolute;inset:40px 14px 44px}.plate.course-plate .course-touch[hidden]{display:none}.course-buttons{align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:10px;right:10px}.plate.course-plate.playing canvas{cursor:grab}.plate.course-plate.playing .corner.hint{visibility:hidden}
