#drawing-tools{z-index:300;box-sizing:border-box;color:#fff4d8;letter-spacing:0;width:232px;image-rendering:pixelated;border:6px solid #0000;border-image:url(/ui/panel_dark.png) 6 fill;max-height:calc(100dvh - 220px);padding:6px;font:11px Galmuri9,monospace;position:fixed;top:48px;right:48px;overflow-y:auto}#drawing-tools[hidden],#drawing-tools [hidden]{display:none}#drawing-tools *{box-sizing:border-box;letter-spacing:0}#drawing-tools button,#drawing-tools input{font:inherit}#drawing-tools button{color:#fff4d8;cursor:pointer;background:#153b44;border:6px solid #0000;border-image:url(/ui/button.png) 6;border-radius:0;place-items:center;width:28px;min-width:0;height:28px;padding:0;display:grid}#drawing-tools button:hover{background-color:#24545c}#drawing-tools button[aria-pressed=true]{background:#fff4d8;border-image-source:url(/ui/button_pressed.png)}#drawing-tools button[aria-pressed=true]>img,#drawing-tools button[aria-pressed=true]>canvas{filter:brightness(0)}#drawing-tools button:disabled{opacity:.35;cursor:default}#drawing-tools :focus-visible{outline-offset:1px;outline:2px solid #ffe27a}#drawing-tools .draw-icon{width:16px;height:16px;image-rendering:pixelated;pointer-events:none;display:block}#drawing-tools .draw-toolbar{grid-template-columns:repeat(7,28px);gap:2px;display:grid}#drawing-tools .draw-settings{align-items:center;gap:4px;margin-top:6px;display:flex}#drawing-tools .draw-sizes{gap:2px;display:flex}#drawing-tools .draw-sizes button{width:26px}#drawing-tools .draw-current-color{position:relative}#drawing-tools .draw-current-color:after{content:"";background:var(--draw-color);height:3px;position:absolute;bottom:-3px;left:0;right:0}#drawing-tools .draw-colors{margin-top:8px}#drawing-tools .draw-gradient{width:208px;height:96px;position:relative;overflow:hidden}#drawing-tools .draw-gradient>canvas{touch-action:none;cursor:crosshair;width:208px;height:96px;image-rendering:pixelated;display:block}#drawing-tools .draw-color-marker{pointer-events:none;border:1px solid #fff;outline:1px solid #000;width:7px;height:7px;margin:-3px 0 0 -3px;position:absolute}#drawing-tools .draw-hue{appearance:none;width:208px;height:12px;image-rendering:pixelated;background-size:100% 100%;border:0;border-radius:0;margin:8px 0;padding:0}#drawing-tools .draw-hue::-webkit-slider-thumb{appearance:none;background:#12323a;border:1px solid #fff;width:5px;height:18px}#drawing-tools .draw-hex{align-items:center;gap:8px;display:flex}#drawing-tools .draw-bitmap-label{image-rendering:pixelated;pointer-events:none;flex-shrink:0;display:block}#drawing-tools .draw-pixel-field{flex:1;min-width:0;height:28px;display:block;position:relative}#drawing-tools .draw-pixel-field input{color:#0000;caret-color:#153b44;appearance:textfield;background:0 0;border:6px solid #0000;border-image:url(/ui/input.png) 6 fill;border-radius:0;width:100%;min-width:0;height:28px;margin:0;padding:0;font:11px/16px Galmuri9,monospace;display:block}#drawing-tools .draw-pixel-field input::-webkit-inner-spin-button{appearance:none}#drawing-tools .draw-bitmap-value{image-rendering:pixelated;pointer-events:none;position:absolute;top:9px;left:6px}#drawing-tools .draw-hsl{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px;display:grid}#drawing-tools .draw-hsl label{align-items:center;gap:3px;min-width:0;display:flex}#drawing-tools .draw-swatches{grid-template-columns:repeat(6,28px);gap:8px;margin-top:8px;display:grid}#drawing-tools .draw-swatches button{width:28px;height:22px}@media (width<=340px){#drawing-tools{right:40px}}@media (height<=520px){#drawing-tools{max-height:calc(100dvh - 100px);top:38px}}#audio-controls{position:relative}#audio-controls img,#audio-controls canvas{image-rendering:pixelated;flex-shrink:0;display:block}#audio-panel{box-sizing:border-box;z-index:60;color:#fff4d8;touch-action:manipulation;border:6px solid #0000;border-image:url(/ui/panel_dark.png) 6 fill;width:204px;padding:8px;position:absolute;top:36px;left:-72px}#audio-panel[hidden]{display:none}#audio-panel label{align-items:center;gap:8px;min-height:36px;display:flex}#audio-panel label canvas{object-fit:none;width:28px}#audio-panel input{appearance:none;cursor:pointer;background:0 0;width:130px;min-width:0;height:28px;margin:0}#audio-panel input::-webkit-slider-runnable-track{background:linear-gradient(to right, #64e36b var(--level), #153b44 var(--level));border:1px solid #fff4d8;height:6px}#audio-panel input::-webkit-slider-thumb{appearance:none;background:#fff4d8;border:2px solid #153b44;border-radius:0;width:10px;height:14px;margin-top:-5px}#audio-panel input::-moz-range-track{background:#153b44;border:1px solid #fff4d8;height:4px}#audio-panel input::-moz-range-progress{background:#64e36b;height:4px}#audio-panel input::-moz-range-thumb{background:#fff4d8;border:2px solid #153b44;border-radius:0;width:6px;height:10px}#audio-mute{background:0 0;border:6px solid #0000;border-image:url(/ui/button.png) 6 fill;justify-content:center;align-items:center;gap:8px;width:100%;height:30px;display:flex}#audio-mute[aria-pressed=true]{border-image-source:url(/ui/button_pressed.png)}#audio-controls button:focus-visible,#audio-controls input:focus-visible{outline-offset:2px;outline:1px solid #8debff}