/* SPDX-License-Identifier: GPL-3.0-or-later */
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#121a18;font:14px/1.35 system-ui,sans-serif;color:#e8f0df}
body{display:flex;flex-direction:column}[hidden]{display:none!important}#setup{position:absolute;inset:0;z-index:2;padding:24px;background:#121a18}a{color:#d3e7bb}
#viewport{position:relative;flex:1;min-height:0;overflow:auto;scrollbar-color:#95aa7b #121a18}#stage{position:relative;min-width:100%;min-height:100%}#canvas{position:absolute;outline:none;touch-action:none}#canvas:focus-visible{outline:2px solid #d3e7bb;outline-offset:-2px}#viewport[data-pan=true]{touch-action:none}#viewport[data-pan=true] canvas{cursor:grab!important}
#view-actions{flex:none;max-height:45%;overflow:auto;box-sizing:border-box;padding:6px;background:#eef1e6;color:#29402e;border-top:1px solid #b0bfa0}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}#commands,#save-actions{padding-top:6px;border-top:1px solid #b0bfa0;margin-top:6px}#save-actions p{margin:4px 8px 8px;text-align:center}
button{min-height:44px;min-width:44px;padding:8px 12px;border:1px solid #b0bfa0;border-radius:8px;background:#fbfcf5;color:#29402e;font:500 13px/1.3 system-ui;cursor:pointer}button:focus-visible{outline:3px solid #52794a;outline-offset:2px}button[aria-pressed=true]{background:#30543b;color:#fff}button:disabled{opacity:.5;cursor:default}
#save-notice{margin:6px 8px 2px;font-size:13px;text-align:center}#save-notice:empty{display:none}
@media(max-width:500px){button{padding:8px;font-size:12px}#zoom-out,#zoom-in{font-size:0}#zoom-out::after{content:'−';font-size:20px}#zoom-in::after{content:'+';font-size:20px}}
@media(min-width:600px) and (max-height:500px) and (orientation:landscape){body{flex-direction:row}#viewport{min-width:0}#view-actions{width:180px;max-height:100%;height:100%;border-top:0;border-left:1px solid #b0bfa0;padding:8px}#view-actions button{flex:1;padding:6px;font-size:12px}#view-actions>.toolbar{align-content:center;min-height:50%}}