.site-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.site-seg{border:var(--line);border-radius:var(--radius);display:inline-flex;overflow:hidden}.site-seg button{background:var(--card);cursor:pointer;color:var(--ink);border:0;padding:6px 12px;font-size:13px;font-weight:600}.site-seg button+button{border-left:1px solid var(--rule)}.site-seg button[aria-pressed=true]{background:var(--ink);color:#fff}.site-seg button:focus-visible,.site-filters button:focus-visible,.site-sort:focus-visible,.site-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.site-picker{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;display:inline-flex}.site-picker select{width:auto}.site-check{align-items:center;gap:6px;font-size:13px;display:inline-flex}.site-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.site-filters button{border:1px solid var(--rule);background:var(--card);cursor:pointer;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;display:inline-flex}.site-filters button b{font-variant-numeric:tabular-nums}.site-filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.site-filters .site-clear{border-style:dashed}.site-count{margin-left:auto;font-size:12.5px}.site-stage{grid-template-columns:minmax(0,1fr);gap:0;display:grid;position:relative}.site-stage.with-drawer{grid-template-columns:minmax(0,1fr) min(400px,100%)}.site-main{gap:8px;min-width:0;display:grid}.site-canvas{border:var(--line);border-radius:var(--radius);background:radial-gradient(circle at 50% 45%, #fff 0, var(--paper) 75%);height:min(70vh,760px);min-height:420px;position:relative;overflow:hidden}.site-canvas canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.site-canvas canvas:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.site-zoom{gap:4px;display:flex;position:absolute;top:10px;right:10px}.site-zoom .btn{color:var(--ink);background:#fffffff2}.site-zoom .btn:hover{background:var(--paper-2)}.site-tip{z-index:3;background:var(--ink);color:#fff;border-radius:var(--radius);pointer-events:none;gap:2px;width:260px;padding:8px 10px;font-size:12.5px;display:grid;position:absolute}.site-tip code{color:#a9e7cd;word-break:break-all;font-size:11.5px}.site-tip-badges{color:#f6d58e}.site-legend{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:12px;display:flex}.site-legend span{align-items:center;gap:5px;display:inline-flex}.site-legend i{border-radius:50%;width:11px;height:11px;display:inline-block}.site-legend-title{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.site-legend .site-legend-size{width:7px;height:7px;box-shadow:9px 0 0 3px var(--ink-3);background:var(--ink-3);margin-right:10px}.site-legend .site-legend-orphan{border:1.5px dotted var(--ink);background:0 0}.site-legend .site-legend-dash{border-top:1.5px dashed var(--ink-3);border-radius:0;width:18px;height:0}.site-legend .site-legend-ring{border:2px solid var(--ink);background:0 0}.site-legend .site-legend-ring.dashed{border-style:dashed}.site-drawer{background:var(--card);border:var(--line);border-radius:0 var(--radius) var(--radius) 0;border-left-width:0;max-height:min(84vh,980px);padding:18px 18px 40px;position:relative;overflow-y:auto}.site-drawer h2{word-break:break-word;margin:4px 30px 4px 0;font-size:20px}.site-drawer h3{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);margin:14px 0 4px;font-size:12px}.site-drawer-close{width:30px;padding:0;position:absolute;top:10px;right:10px}.site-url{font:12px var(--mono);word-break:break-all;color:var(--ink-2)}.site-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;display:grid}.site-facts div{border-bottom:1px solid var(--rule-2);padding-bottom:4px;display:grid}.site-facts span{font:11px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}.site-facts b{font-variant-numeric:tabular-nums}.site-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.site-list li{flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:13px;display:flex}.site-list li small{flex-basis:100%}.site-rec{border:1px solid var(--rule-2);border-radius:var(--radius);padding:8px 10px;font-size:13px}.site-rec p{margin:4px 0}.site-shot img{border:1px solid var(--rule);border-radius:var(--radius);width:100%}.site-propose{border-top:1.5px solid var(--ink);margin-top:12px;padding-top:4px}.site-tree{border:var(--line);border-radius:var(--radius);background:var(--card);max-height:min(70vh,760px);padding:10px 12px;font-size:13px;overflow:auto}.site-branch [role=group]{border-left:1px solid var(--rule-2);margin-left:18px;padding-left:6px}.site-branch-row{flex-wrap:wrap;align-items:center;gap:6px;padding:2px 0;display:flex}.site-branch.faint>.site-branch-row{opacity:.4}.site-toggle{cursor:pointer;width:18px;height:18px;color:var(--ink-2);background:0 0;border:0;padding:0;display:inline-block}.site-swatch{border-radius:50%;width:10px;height:10px;display:inline-block}.site-table .site-path{text-align:left;word-break:break-all;font-family:var(--mono);font-size:12px}.site-table tr[aria-selected=true]{background:var(--green-soft)}.site-sort{font:inherit;color:inherit;cursor:pointer;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0}.site-shots{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.site-shot-card{border:var(--line);border-radius:var(--radius);background:var(--card);cursor:pointer;text-align:left;width:100%;color:var(--ink);gap:6px;padding:8px;display:grid}.site-shot-card img{aspect-ratio:9/16;object-fit:cover;object-position:top;border:1px solid var(--rule-2);background:var(--paper);width:100%}.site-shot-meta{word-break:break-all;font-size:12.5px;display:grid}.site-alt summary{cursor:pointer;font-size:13px;font-weight:600}.onb-steps{counter-reset:step;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.onb-steps li{counter-increment:step}.onb-steps button{border:1px solid var(--rule);background:var(--card);cursor:pointer;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 6px;font-size:13px;display:inline-flex}.onb-steps button:before{content:counter(step);background:var(--paper-2);width:20px;height:20px;font:600 11px var(--mono);border-radius:50%;place-items:center;display:inline-grid}.onb-steps button[aria-current=step]{border-color:var(--ink);font-weight:700}.onb-steps button.done:before{content:"check";background:var(--green);color:#fff;font-feature-settings:"liga";letter-spacing:normal;text-transform:none;white-space:nowrap;font:500 14px/1 Material Symbols Outlined;overflow:hidden}.onb-steps button.skipped:before{content:"remove";font-feature-settings:"liga";letter-spacing:normal;text-transform:none;white-space:nowrap;font:500 14px/1 Material Symbols Outlined;overflow:hidden}@media (width<=900px){.site-stage.with-drawer{grid-template-columns:minmax(0,1fr)}.site-drawer{border-radius:var(--radius);border-left-width:1.5px}.site-count{flex-basis:100%;margin-left:0}}.magic{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.magic-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.magic-head h1{background:linear-gradient(100deg, var(--ink), #6a3fb5);color:#0000;-webkit-background-clip:text;background-clip:text;margin:2px 0 4px;font-size:clamp(24px,3vw,34px)}.magic-head p{max-width:70ch;margin:0}.magic-actions{flex-wrap:wrap;gap:8px;display:flex}.magic-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.magic-stat{border:var(--line);border-radius:var(--radius);background:var(--card);color:inherit;gap:2px;padding:12px 14px;text-decoration:none;animation:.45s both magic-in;display:grid}.magic-stat span{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.magic-stat b{font-size:24px}.magic-stat b.warn{color:var(--amber)}.magic-stat b.ok{color:var(--green-2)}.magic-stat small{color:var(--ink-3)}a.magic-stat:hover{border-color:var(--ink)}.magic-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.magic-when{margin-left:auto;font-size:13px}.magic-stage{position:relative}.magic-stage .site-canvas{background:radial-gradient(circle at 50% 40%,#fff 0,#eef3f7 55%,#e3e8f3 100%);border-radius:14px;height:calc(100vh - 330px);min-height:460px}.magic-legend{pointer-events:none;background:#ffffffe0;border-radius:8px;flex-wrap:wrap;gap:4px 12px;max-width:70%;padding:6px 10px;font-size:12px;display:flex;position:absolute;bottom:12px;left:12px}.magic-legend span{align-items:center;gap:5px;display:inline-flex}.magic-legend i{border-radius:50%;width:10px;height:10px}.magic-hint{background:var(--ink);color:#fff;pointer-events:none;border-radius:999px;align-items:center;gap:6px;margin:0;padding:6px 12px;font-size:13px;animation:2.4s ease-in-out infinite magic-bob;display:inline-flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.magic-empty{text-align:center;justify-items:center;gap:8px;padding:48px 16px;display:grid}.magic-panel{z-index:60;width:min(440px,100vw);animation:.28s cubic-bezier(.2,.8,.2,1) both magic-slide;position:fixed;top:0;bottom:0;right:0;box-shadow:-18px 0 40px #10231c2e}.magic-panel .site-drawer{border:0;border-left:var(--line);border-radius:0;height:100%;max-height:none;padding-top:22px}@keyframes magic-slide{0%{transform:translate(100%)}to{transform:none}}@keyframes magic-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes magic-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,4px)}}@media (prefers-reduced-motion:reduce){.magic-panel,.magic-stat,.magic-hint{animation:none}}.site-relations{background:#fffffff5;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-size:13px;font-weight:600;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 10px #10231c1f}.site-relations span{align-items:center;gap:6px;display:inline-flex}.site-relations i{border-radius:2px;width:18px;height:4px;display:inline-block}