@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1b2027;--ink-soft:#3c4854;--muted:#69747d;--faint:#8a949d;--navy:#2a3a33;--on-navy:#fff;--teal:#2f7f6c;--accent:#4fa48c;--warn:#b4543f;--line:#17242f1a;--line-soft:#17242f10;--stage:#eeefec;--surface:#fff;--surface-soft:#fffd;--wash:#17242f0a;--wash-firm:#17242f14;--shadow:0 1px 2px #2433440a, 0 2px 6px #24334408, 0 18px 48px #2433440d}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e9eef2;--ink-soft:#bcc8d2;--muted:#8f9ba6;--faint:#717e89;--navy:#4b9d86;--on-navy:#f2fbf8;--teal:#74c9b0;--accent:#4fa48c;--warn:#e08a74;--line:#ffffff24;--line-soft:#ffffff14;--stage:#121714;--surface:#1f2724;--surface-soft:#1f2724d9;--wash:#ffffff0f;--wash-firm:#ffffff1c;--shadow:0 1px 2px #00000040, 0 2px 8px #00000038, 0 18px 48px #00000045}*{box-sizing:border-box}[hidden]{display:none!important}body{font-synthesis:none;color:var(--ink);background:var(--stage);margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:8px 11px;font-size:12px;font-weight:550}button:hover{background:var(--wash)}button.active{background:var(--navy);color:var(--on-navy);border-color:#0000}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}a{color:var(--teal)}h1,h2,h3,p,ul{margin:0}svg{flex-shrink:0;width:18px;height:18px}.studio{grid-template-rows:auto 1fr;height:100dvh;display:grid}header{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:24px;height:68px;padding:0 20px;display:flex}.brand{color:var(--ink);white-space:nowrap;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{background:var(--navy);width:36px;height:36px;color:var(--on-navy);border-radius:10px;place-items:center;display:grid}.brand-mark svg{width:22px;height:22px}.brand b{letter-spacing:-.2px;font-size:19px;font-weight:800}.brand small{color:var(--muted);letter-spacing:.25px;font-size:10px;display:block}nav{flex:1;gap:3px;display:flex}nav button{color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;padding:9px 13px;display:flex}nav button.active{background:var(--wash-firm);color:var(--ink)}.header-tools{align-items:center;gap:8px;display:flex}main{grid-template-columns:264px 1fr 340px;min-height:0;display:grid}.panel{background:var(--surface);border-right:1px solid var(--line);min-height:0;padding:14px;overflow-y:auto}.inspector{border-right:0;border-left:1px solid var(--line);padding:18px}.panel h2,.inspector h2{text-transform:uppercase;letter-spacing:.9px;color:var(--faint);margin-bottom:8px;font-size:10px;font-weight:650}input[type=search]{border:1px solid var(--line);background:var(--wash);border-radius:7px;width:100%;margin-bottom:14px;padding:8px 10px}.group{margin-bottom:14px}.region{text-align:left;width:100%;color:var(--ink-soft);background:0 0;border:0;border-radius:7px;padding:7px 9px;font-weight:500;line-height:1.35;display:block}.region:hover{background:var(--wash)}.region.selected{background:var(--navy);color:var(--on-navy)}.region span{color:var(--faint);margin-top:1px;font-size:10px;display:block}.region.selected span{color:#fffa}.stage{background:var(--stage);min-height:0;display:grid;position:relative}.stage canvas{width:100%;height:100%;display:block}#viewport,#slice-view{position:absolute;inset:0}#slice-view{grid-template-rows:1fr auto;gap:12px;padding:16px;display:grid}#slice-frame{place-items:center;min-height:0;display:grid}#slice-frame canvas{width:auto;max-width:100%;height:100%;max-height:100%;image-rendering:pixelated;border:1px solid var(--line);background:#000;border-radius:6px}.stage-tools{background:var(--surface-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100% - 32px);padding:8px;display:flex;position:absolute;bottom:16px;left:16px}.slice-tools{-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:center;position:static}.tool{align-items:center;gap:6px;display:flex}.tool+.tool{border-left:1px solid var(--line);margin-left:3px;padding-left:9px}.tool-label{text-transform:uppercase;letter-spacing:.7px;color:var(--faint);padding:0 4px;font-size:10px;font-weight:650}input[type=range]{width:118px;accent-color:var(--accent)}.readout{color:var(--muted);font-variant-numeric:tabular-nums;min-width:96px;font-size:11px}.progress{background:var(--stage);color:var(--muted);z-index:5;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.progress[hidden]{display:none}.scale-bar{color:var(--muted);text-align:center;font-size:10px;position:absolute;bottom:16px;right:16px}.scale-bar div{border:1px solid var(--muted);border-top:0;height:4px;margin-bottom:3px}.inspector h3{letter-spacing:-.2px;margin-bottom:4px;font-size:18px;font-weight:700}.inspector .summary{color:var(--ink-soft);margin-bottom:16px;font-size:13px;line-height:1.55}.facts{grid-template-columns:auto 1fr;gap:4px 12px;margin-bottom:18px;font-size:11.5px;display:grid}.facts dt{color:var(--faint)}.facts dd{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:0}.look{color:var(--ink-soft);gap:10px;margin-bottom:18px;padding:0;font-size:12.5px;line-height:1.55;list-style:none;display:grid}.look li{border-left:2px solid var(--line);padding-left:12px}.landmarks{gap:2px;margin-bottom:18px;display:grid}.landmark{text-align:left;color:var(--ink-soft);background:0 0;border:0;border-radius:7px;padding:7px 9px;font-weight:500}.landmark:hover{background:var(--wash)}.landmark.selected{background:var(--wash-firm);color:var(--ink)}.landmark p{color:var(--muted);margin-top:4px;font-size:11.5px;font-weight:400;line-height:1.5}.note{color:var(--muted);border-top:1px solid var(--line);padding-top:12px;font-size:11.5px;line-height:1.55}.hover-label{z-index:20;pointer-events:none;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:7px;padding:5px 9px;font-size:12px;position:fixed}.hover-label[hidden]{display:none}.reading{background:var(--stage);grid-column:1/-1;min-height:0;padding:44px 24px 80px;overflow-y:auto}.reading .column{gap:28px;max-width:760px;margin:0 auto;display:grid}.reading h1{letter-spacing:-.5px;font-size:30px}.reading h2{margin-bottom:10px;font-size:17px}.reading p{color:var(--ink-soft);margin-bottom:10px;font-size:14.5px;line-height:1.68}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:22px 24px}.card table{border-collapse:collapse;width:100%;font-size:13.5px}.card td{border-top:1px solid var(--line-soft);vertical-align:top;color:var(--ink-soft);padding:7px 0}.card td:first-child{width:42%;color:var(--ink);padding-right:16px;font-weight:550}.limits{gap:14px;padding:0;list-style:none;display:grid}.limits li{color:var(--ink-soft);border-left:2px solid var(--warn);padding-left:14px;font-size:13.5px;line-height:1.65}@media (width<=1100px){main{grid-template-columns:220px 1fr 300px}}@media (width<=900px){main{grid-template-rows:42vh auto;grid-template-columns:1fr;overflow-y:auto}.panel{border-right:0;border-top:1px solid var(--line);order:2}.inspector{border-left:0;border-top:1px solid var(--line);order:3}.stage{order:1;min-height:42vh}header{flex-wrap:wrap;gap:10px;height:auto;padding:10px 14px}nav{order:3;width:100%;overflow-x:auto}}