@font-face{font-family:AtlasUI;src:local('Segoe UI Variable'),local('Segoe UI')}
*{box-sizing:border-box}body{margin:0;background:#071016;color:#e6f4f7;font:15px AtlasUI,system-ui,sans-serif}main{max-width:1800px;margin:0 auto;padding:22px 28px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.identity{display:flex;align-items:center;gap:13px}.identity img{width:43px;height:43px;border-radius:50%}.identity strong{font-size:18px;font-weight:600;letter-spacing:-.4px}.identity span{display:block;font:11px monospace;text-transform:uppercase;letter-spacing:2px;color:#8da6ae;margin-top:4px}.controls,.views{display:flex;align-items:center;gap:7px}.views{border:1px solid #28414c;border-radius:10px;padding:4px}button{font:13px AtlasUI,system-ui;cursor:pointer;border:1px solid #28414c;color:#a8bdc7;background:transparent;padding:9px 13px;border-radius:7px}button:hover{background:#153039;color:#e7f8fa}button[aria-pressed=true]{background:#173b40;color:#8ef4db;border-color:#34776e}.views button{border-color:transparent}#export{color:#08191d;background:#8aefd6;border-color:#8aefd6;font-weight:600}button:focus-visible,a:focus-visible{outline:2px solid #c3fbe6;outline-offset:4px}canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;border:1px solid #1a323e;border-radius:10px;cursor:crosshair;background:#07121c}.inspection{margin-top:14px;min-height:26px;color:#aec5cd;font-family:monospace;font-size:12px;line-height:1.6}footer{margin:15px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#6f8c99}a{color:#8de3cc;text-decoration:none}a:hover{text-decoration:underline}@media(max-width:750px){main{padding:14px 10px}header{align-items:flex-start;flex-direction:column}.controls{flex-wrap:wrap;gap:6px}button{padding:9px 10px}footer{flex-wrap:wrap;gap:8px}.identity strong{font-size:16px}}

.embed{height:100dvh;overflow:hidden}.embed main{height:100%;padding:8px;display:flex;flex-direction:column;align-items:center}.embed header{width:100%;flex-direction:row;flex:none;margin-bottom:6px}.embed .identity{display:none}.embed .controls{flex-wrap:nowrap}.embed button{padding:6px 8px;font-size:11px}.embed canvas{width:min(100%,calc((100dvh - 82px)*1.6));height:auto;flex:none}.embed .inspection{display:none}.embed footer{width:100%;margin:5px 0;font-size:10px;justify-content:space-between}.embed footer span{display:none}