:root{--graphite:#101114;--surface:#191b20;--paper:#f4f3ef;--steel:#b3b6bf;--signal:#ffad32;--line:rgba(244, 243, 239, .1)}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow:hidden;background:var(--graphite);color:var(--paper);font-family:Inter,system-ui,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}body{display:flex;flex-direction:column}.stage{display:flex;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.canvas{position:relative;flex:0 0 auto;margin:auto}.nui{position:absolute;top:0;left:0;width:1920px;height:1080px;border:0;transform-origin:0 0;display:block}body.is-panning .nui{pointer-events:none}body.is-panning .stage{cursor:grab}body.is-panning .stage:active{cursor:grabbing}.bar{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:9px 14px;background:var(--surface);border-top:1px solid var(--line)}[hidden]{display:none!important}.seg{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.btn,.seg-btn{font:inherit;font-weight:500;color:var(--steel);background:0 0;border:0;cursor:pointer;padding:7px 12px;transition:color .14s,background .14s}.seg-btn+.seg-btn{border-left:1px solid var(--line)}.btn:hover,.seg-btn:hover{color:var(--paper);background:rgba(244,243,239,.06)}.seg-btn.is-on{color:var(--graphite);background:var(--signal);font-weight:600}.sim{display:flex;align-items:center;gap:2px}.sim-label{color:var(--steel);font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-right:8px}.btn{border:1px solid var(--line);border-radius:7px}.sim .btn{padding:7px 10px}.btn-reset{margin-left:auto}.note{color:var(--steel);font-size:11px;flex-basis:100%}.btn:focus-visible,.seg-btn:focus-visible{outline:2px solid var(--signal);outline-offset:2px}body.is-embedded .note,body.is-embedded [data-standalone]{display:none}@media (max-width:720px){.sim-label{display:none}.bar{gap:6px 8px;padding:8px 10px}.btn-reset{margin-left:0}}