:root{--placey-bg: #0a0a0f;--placey-surface: #14141f;--placey-surface-hover: #1e1e2e;--placey-border: #2a2a3a;--placey-text: #e0e0ea;--placey-text-dim: #8888a0;--placey-accent: #ff4500;--placey-accent-glow: rgba(255, 69, 0, .3);--placey-success: #00c853;--placey-radius: 10px;--placey-radius-sm: 6px;--placey-font: "Inter", system-ui, -apple-system, sans-serif;--placey-shadow: 0 8px 32px rgba(0, 0, 0, .5);--placey-glass: rgba(14, 14, 22, .85);--placey-glass-border: rgba(255, 255, 255, .06);--placey-fg-subtle: rgba(255, 255, 255, .06);--placey-fg-muted: rgba(255, 255, 255, .25)}[data-theme=light]{--placey-bg: #dddde6;--placey-surface: #ffffff;--placey-surface-hover: #f2f2f6;--placey-border: #c8c8d4;--placey-text: #1a1a2e;--placey-text-dim: #5a5a72;--placey-accent: #ff4500;--placey-accent-glow: rgba(255, 69, 0, .25);--placey-success: #00a843;--placey-shadow: 0 4px 24px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .06);--placey-glass: rgba(255, 255, 255, .92);--placey-glass-border: rgba(0, 0, 0, .12);--placey-fg-subtle: rgba(0, 0, 0, .06);--placey-fg-muted: rgba(0, 0, 0, .25)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--placey-bg: #dddde6;--placey-surface: #ffffff;--placey-surface-hover: #f2f2f6;--placey-border: #c8c8d4;--placey-text: #1a1a2e;--placey-text-dim: #5a5a72;--placey-accent: #ff4500;--placey-accent-glow: rgba(255, 69, 0, .25);--placey-success: #00a843;--placey-shadow: 0 4px 24px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .06);--placey-glass: rgba(255, 255, 255, .92);--placey-glass-border: rgba(0, 0, 0, .12);--placey-fg-subtle: rgba(0, 0, 0, .06);--placey-fg-muted: rgba(0, 0, 0, .25)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--placey-font);background:var(--placey-bg);color:var(--placey-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#canvas{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.hud{position:fixed;inset:0;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:16px;gap:12px;transition:opacity .15s ease}.hud.hud-hidden{opacity:0;pointer-events:none!important}.hud>*{pointer-events:auto}.hud-top{display:flex;justify-content:flex-start;align-items:flex-start;pointer-events:none}.hud-top>*{pointer-events:auto}.hud-top-right{margin-left:auto}.hud-center{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:auto;pointer-events:none}.hud-center>*{pointer-events:auto}.hud-bottom{pointer-events:none}.hud-bottom>*{pointer-events:auto}.hud-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:end}.hud-toolbar>*:first-child{justify-self:start}.hud-toolbar>*:nth-child(2){justify-self:center}.hud-toolbar>*:last-child{justify-self:end}.hud-toolbar-actions{display:flex;gap:8px}.mobile-only{display:none!important}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;padding:10px 20px;background:var(--placey-glass);backdrop-filter:blur(12px);border:1px solid var(--placey-glass-border);border-radius:var(--placey-radius);color:var(--placey-text);font-size:13px;font-weight:500;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.toast.visible{opacity:1;pointer-events:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--placey-border);border-radius:3px}@media(max-width:600px){.hud{padding:8px;gap:8px}placey-feed{display:none!important}.hud-top-right{display:none}.mobile-only{display:block!important}.hud-bottom{display:flex;flex-direction:column;gap:6px}.hud-center{padding:0}placey-palette{width:100%}.hud-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;background:var(--placey-glass);border:1px solid var(--placey-glass-border);border-radius:12px;padding:4px 8px;box-shadow:var(--placey-shadow)}.hud-toolbar-actions{gap:4px}}