:root{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#d7deed;background:#101419;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{width:min(1056px,calc(100% - 40px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0 23px}.brand{display:flex;gap:14px;align-items:center}.mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #a9bee3;color:#fff;font-size:13px;letter-spacing:-1px}.brand h1{font-size:16px;letter-spacing:1.6px;margin:0;font-weight:600}.brand h1 span{color:#748496}.brand p{font-size:11px;margin:7px 0 0;color:#8292a5}.version{align-self:start;margin-top:3px;color:#97a5b7;font-size:10px;border:1px solid #38414d;padding:4px 5px}.settings{display:flex;gap:16px;align-items:end}.settings label{display:grid;gap:6px;font-size:10px;color:#8796a8}.settings select,button{font:inherit;background:#1a222c;color:#d8e4f6;border:1px solid #3c4859;border-radius:2px;padding:8px 10px;font-size:11px;cursor:pointer}button:hover,select:hover{border-color:#879cb9}button:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid #88b2ff;outline-offset:4px}.workspace{border:1px solid #344152;background:#151d27;padding:18px 18px 0;box-shadow:0 16px 50px #0003}#frame{background:white;max-width:896px;margin:auto;padding:clamp(14px,4.4vw,64px) clamp(14px,4.4vw,64px);overflow:hidden}#screen{display:block;width:100%;aspect-ratio:8/5;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;cursor:none;background:white}.readout{display:flex;justify-content:space-between;gap:10px;padding:13px 2px;font-size:10px;color:#8fa2bc}.notice{display:flex;gap:10px;align-items:flex-start;margin:17px 0;font-size:11px;color:#a8b9cc;min-height:32px}.notice p{margin:0;line-height:1.7}.lamp{width:5px;height:5px;background:#81b693;flex:none;margin-top:7px}.guide{border-top:1px solid #2e3947;padding:14px 0;color:#899bb2;font-size:11px;line-height:1.8}.guide summary{cursor:pointer;color:#b6c6d9}.guide p{margin:12px 0}.accessible-menus{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.accessible-menus button{font-size:10px;padding:5px 8px}.accessible-menus button[aria-disabled=true]{color:#7d8897;border-style:dotted}footer{padding:24px 0;font-size:10px;color:#607186;display:flex;justify-content:space-between;gap:16px}dialog{background:#1a222c;color:#d8e4f6;border:1px solid #536781;max-width:600px;width:calc(100% - 36px);padding:28px;line-height:1.8;font-size:12px}dialog h2{font-size:16px;margin-top:0}dialog::backdrop{background:#000a}@media(max-width:680px){.shell{width:calc(100% - 24px)}header{flex-wrap:wrap;padding:17px 0;gap:16px}.settings{justify-content:space-between;width:100%}.brand h1{font-size:13px;letter-spacing:1px}.workspace{padding:8px 8px 0}#frame{padding:12px}.readout{font-size:9px;flex-wrap:wrap}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:no-preference){button,select{transition:border-color .12s}}

:root{background:#28313f;color:#fdf7ed}.studio-logo{display:block;width:320px;height:auto}.brand #intro{font:400 14px Arial,Helvetica,sans-serif;letter-spacing:0;line-height:1.5;margin:8px 0 0;color:#b4c2d3}.settings label,.settings select,button{font-size:14px}.settings select,button{min-height:42px}.guide,.notice,dialog{font-size:14px}.readout{font-size:12px}.version,footer{font-size:12px}.accessible-menus button{font-size:13px;min-height:36px}footer{color:#b4c2d3}@media(max-width:800px){header{flex-wrap:wrap}.studio-logo{width:280px}.settings{width:100%;flex-wrap:wrap;justify-content:space-between}}@media(max-width:400px){.settings{gap:10px}.settings select,button{padding:8px}.studio-logo{width:260px}}