*{box-sizing:border-box}html,body{margin:0;height:100%;background:#101010;color:#f1efe9;font:14px system-ui,sans-serif}#app{height:100%;display:flex;flex-direction:column}header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #333;letter-spacing:.12em}header span{color:#888}nav{display:flex;gap:6px;align-items:center}button,select{background:#191919;border:1px solid #555;color:inherit;border-radius:3px;padding:8px 11px;font:inherit}button:hover,button:focus,select:focus{border-color:#e8bd72;outline:2px solid #e8bd72;outline-offset:1px}#stage{position:relative;flex:1;min-height:0}canvas{display:block;width:100%;height:100%}#status{position:absolute;z-index:2;inset:16px auto auto 18px;color:#34312b;background:rgba(255,255,255,.86);padding:8px 12px;border-radius:4px;pointer-events:none}.error{color:#ff927e!important}@media(max-width:600px){header{height:auto;min-height:58px;flex-wrap:wrap;gap:8px;padding:10px}nav{width:100%;justify-content:flex-end}select{max-width:130px}}