@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";:root{--bg: #09090b;--bg-card: #0f0f12;--bg-hover: #18181b;--border: rgba(255,255,255,.06);--border-active: rgba(255,255,255,.12);--text: #fafafa;--text-dim: #a1a1aa;--text-muted: #52525b;--accent: #10b981;--accent-soft: rgba(16, 185, 129, .1);--font: "DM Sans", system-ui, sans-serif;--mono: "DM Mono", "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:0}input[type=range]{-webkit-appearance:none;width:100%;height:2px;background:#ffffff14;border-radius:1px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 0 0 1px #10b9814d;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}input[type=color]{-webkit-appearance:none;border:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:1px}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.preview-canvas{max-width:70%;max-height:70%;display:block;margin:0 auto;border-radius:8px}