@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--surface: rgba(255, 255, 255, .05);--surface-border: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--glass-bg: rgba(15, 23, 42, .8);--glass-border: rgba(255, 255, 255, .1);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg-gradient);color:var(--text-main);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Outfit,sans-serif}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.glass{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);box-shadow:var(--shadow-lg)}.app-container{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.canvas-wrapper{width:100%;height:100%;background-color:#fff;position:relative;overflow:hidden}.toolbar-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100;display:flex;gap:.75rem;padding:.75rem;border-radius:1.5rem;animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.tool-btn{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;color:var(--text-muted);position:relative}.tool-btn:hover{background:#ffffff1a;color:var(--text-main)}.tool-btn.active{background:var(--primary);color:#fff;box-shadow:0 0 15px #6366f180}.tool-btn .tooltip{position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);background:#0f172ae6;padding:.25rem .5rem;border-radius:.4rem;font-size:.75rem;opacity:0;pointer-events:none;transition:opacity .2s;white-space:nowrap}.tool-btn:hover .tooltip{opacity:1}.sidebar{position:fixed;top:1.5rem;right:1.5rem;z-index:100;padding:1rem;border-radius:1rem;display:flex;flex-direction:column;gap:1rem}.header{position:fixed;top:1.5rem;left:1.5rem;z-index:100;padding:.75rem 1.25rem;border-radius:1rem;display:flex;align-items:center;gap:.75rem}.header h1{font-size:1.25rem;font-weight:600;background:linear-gradient(to right,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.color-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.color-swatch{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid transparent;transition:transform .2s}.color-swatch.active{transform:scale(1.2);border-color:#fff}