:root{--background:#111318;--panel:#181b22;--text:#e5e7eb;--muted:#9ca3af;--border:#2b303b;color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 system-ui,Segoe UI,sans-serif}body{margin:0;overflow:hidden}p{color:var(--muted);margin:0}.app-shell{box-sizing:border-box;min-height:100svh;padding:0}#paint-canvas{background:var(--panel);touch-action:none;-webkit-user-select:none;user-select:none;width:100vw;height:100dvh;display:block}.palette{border:1px solid var(--border);pointer-events:auto;-webkit-user-select:none;user-select:none;background:#181b22d1;border-radius:8px;flex-direction:column;gap:8px;padding:8px;display:flex;position:fixed;top:12px;left:12px}.palette-row{gap:6px;display:flex}.palette button{background:var(--swatch);color:#0000;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:999px;flex:0 0 34px;width:34px;height:34px;padding:0;overflow:hidden}.palette button[data-palette=eraser]{position:relative}.palette button[data-palette=eraser]:after{content:"";background:#ef4444;border-radius:999px;height:3px;position:absolute;top:15px;left:4px;right:4px;transform:rotate(-45deg)}.palette .glass-button{background:radial-gradient(circle at 30% 25%, #ffffffbf, transparent 0 22%), color-mix(in srgb, var(--swatch) 72%, transparent);position:relative}.palette .glass-button:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff6b;position:absolute;inset:4px}.palette button[data-palette=blocker]{border-color:#4b5563}.palette button[data-palette=eraser]{border-color:#d1d5db}.palette .clear-button{width:auto;min-width:64px;color:var(--text);background:#262b36;border-radius:999px;flex-basis:auto;padding:0 12px;font:12px/1 system-ui,Segoe UI,sans-serif}.palette button[aria-pressed=true]{border-color:var(--text);box-shadow:0 0 0 2px #0000008c}.stats{border:1px solid var(--border);color:var(--text);-webkit-user-select:none;user-select:none;background:#0b0d12d1;border-radius:6px;margin:0;padding:8px 10px;font:13px/1.4 ui-monospace,Consolas,monospace;position:fixed;bottom:12px;left:12px}