*{box-sizing:border-box}body{color:#e7ece5;background:#c8d2d6;margin:0;font:14px/1.5 Segoe UI,system-ui}canvas{width:100vw;height:100dvh;display:block}header{background:#152a24ee;border-radius:6px;align-items:center;gap:24px;padding:12px 18px;display:flex;position:absolute;top:16px;left:20px;right:20px}h1{margin:0;font-size:20px}a{color:#e3cd90}nav{flex-wrap:wrap;gap:7px;display:flex;position:absolute;top:98px;left:20px;right:20px}button{font:inherit;color:#e7ece5;cursor:pointer;background:#173029ed;border:1px solid #839584;border-radius:4px;padding:9px 12px;font-size:12px}button:hover,button[aria-pressed=true]{color:#fff2bd;background:#4b5b43}aside{background:#152a24ef;border-radius:6px;padding:14px 18px;position:absolute;bottom:18px;left:20px;right:20px}h2{margin:0;font-size:18px}p{color:#becabd;margin:6px 0;font-size:12px}#gallery-actions{flex-wrap:wrap;gap:7px;display:flex}#gallery-status{color:#e6cc8a}@media (max-width:720px){header{padding:8px;top:10px;left:10px;right:10px}h1{font-size:15px}nav{gap:4px;top:85px;left:10px;right:10px}nav button{padding:6px;font-size:10px}aside{padding:9px;bottom:10px;left:10px;right:10px}h2{font-size:15px}p{font-size:10px}}