@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#05070c;--bg-secondary:#0c0e17;--bg-tertiary:#131726;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-primary:#6366f1;--accent-secondary:#a855f7;--accent-glow:#6366f126;--border-color:#ffffff0f;--border-hover:#ffffff1f;--glass-bg:#0c0e1799;--glass-border:#ffffff14;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.bg-gradient-glow{filter:blur(80px);z-index:0;pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#a855f70d 50%,#0000 100%);width:600px;height:600px;position:absolute;top:-10%;left:20%}.bg-gradient-glow-bottom{filter:blur(80px);z-index:0;pointer-events:none;background:radial-gradient(circle,#a855f71a 0%,#6366f108 60%,#0000 100%);width:500px;height:500px;position:absolute;bottom:-10%;right:10%}.gradient-text{background:linear-gradient(135deg,#a855f7 0%,#6366f1 50%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #00000080}.glass-panel:hover{border-color:var(--border-hover);box-shadow:0 15px 35px #6366f10d}.glass-input-wrapper{border:1px solid var(--glass-border);background:#ffffff08;border-radius:12px;align-items:center;padding:4px 6px;transition:all .3s;display:flex;position:relative}.glass-input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 20px var(--accent-glow);background:#ffffff0d}.glass-input{color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;outline:none;width:100%;padding:12px 16px;font-size:16px}.glass-input::placeholder{color:var(--text-muted)}.btn-primary{background:linear-gradient(135deg, var(--accent-secondary) 0%, var(--accent-primary) 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff1a}.color-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;display:grid}.color-card{border:1px solid var(--border-color);cursor:pointer;background:#ffffff05;border-radius:12px;padding:8px;transition:all .2s}.color-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}.color-preview{border-radius:8px;height:80px;margin-bottom:8px;box-shadow:inset 0 0 0 1px #ffffff1a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.shimmer{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s infinite loading-shimmer}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}