:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-1: #0f1226;--bg-2: #1b0f2e;--bg-3: #0a2e42;--accent: #7c3aed;--accent-2: #22d3ee;--surface: rgba(255, 255, 255, .06);--surface-stroke: rgba(255, 255, 255, .12);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);color-scheme:dark;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:radial-gradient(1200px 600px at 10% 10%,rgba(124,58,237,.18),transparent 60%),radial-gradient(1000px 600px at 90% 30%,rgba(34,211,238,.18),transparent 60%),linear-gradient(135deg,var(--bg-1),var(--bg-2) 40%,var(--bg-3))}h1{font-size:3.2em;line-height:1.1;margin:0 0 1rem;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}button{border-radius:14px;border:1px solid var(--surface-stroke);padding:.8em 1.4em;font-size:1rem;font-weight:600;font-family:inherit;color:var(--text-primary);background:linear-gradient(135deg,#7c3aede6,#22d3eee6);box-shadow:0 10px 30px #7c3aed40,0 8px 24px #22d3ee2e;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}button:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 16px 36px #7c3aed52,0 12px 28px #22d3ee38}button:active{transform:translateY(0);filter:brightness(.98)}button:focus,button:focus-visible{outline:2px solid rgba(124,58,237,.6);outline-offset:3px}@media (prefers-color-scheme: light){:root{color-scheme:light;--text-primary: #0e1320;--text-secondary: rgba(14, 19, 32, .7)}body{background:radial-gradient(1200px 600px at 15% 10%,rgba(124,58,237,.18),transparent 60%),radial-gradient(1000px 600px at 90% 30%,rgba(34,211,238,.18),transparent 60%),linear-gradient(135deg,#f7f8ff,#fff 40%,#eef7ff)}}#root{width:min(100% - 3rem,1100px);margin-inline:auto;padding:2.5rem;text-align:center;border-radius:24px;background:var(--surface);border:1px solid var(--surface-stroke);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 60px #00000059,inset 0 1px #ffffff0f}input[type=text]{width:min(100%,680px);padding:.9em 1.1em;margin-right:.75rem;border-radius:14px;border:1px solid var(--surface-stroke);background:#ffffff14;color:var(--text-primary);outline:none;box-shadow:inset 0 0 0 1px #ffffff08,0 6px 20px #0003;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease}input[type=text]::placeholder{color:var(--text-secondary)}input[type=text]:focus{border-color:#7c3aed99;box-shadow:0 0 0 4px #7c3aed26,0 10px 28px #00000040;background:#ffffff1f}img{display:inline-block;max-width:100%;height:auto;border-radius:18px;box-shadow:0 18px 50px #00000073,0 6px 18px #00000059;border:1px solid rgba(255,255,255,.08)}a{font-weight:600;color:var(--accent);text-decoration:none}a:hover{color:#a78bfa}:root{--bg1: #0a0a0f;--bg2: #1a1a2e;--bg3: #16213e;--ink: #ffffff;--muted: #a0a0a0;--border: rgba(255, 255, 255, .16);--glass: rgba(255, 255, 255, .08);--neon-pink: #ff0080;--neon-blue: #00ffff;--neon-purple: #8000ff;--neon-green: #00ff80;--neon-yellow: #ffff00;--violet-600: #7c3aed;--violet-400: #a855f7;--ring: rgba(255, 0, 128, .6);--shadow: rgba(0, 0, 0, .8)}html,body,#root{height:100%}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;margin:0;padding:0;color:var(--ink);background:radial-gradient(circle at 20% 80%,rgba(255,0,128,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(128,0,255,.1) 0%,transparent 50%),linear-gradient(135deg,var(--bg1) 0%,var(--bg2) 50%,var(--bg3) 100%);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,var(--neon-pink),transparent),radial-gradient(2px 2px at 40px 70px,var(--neon-blue),transparent),radial-gradient(1px 1px at 90px 40px,var(--neon-purple),transparent),radial-gradient(1px 1px at 130px 80px,var(--neon-green),transparent),radial-gradient(2px 2px at 160px 30px,var(--neon-yellow),transparent);background-repeat:repeat;background-size:200px 100px;animation:float 20s linear infinite;opacity:.3;pointer-events:none;z-index:1}@keyframes float{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-100px) rotate(360deg)}}.paint-root{min-height:100vh;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:.6rem;color:var(--ink);background:radial-gradient(1200px 800px at 15% 85%,rgba(255,0,128,.18),transparent 55%),radial-gradient(900px 700px at 85% 20%,rgba(0,255,255,.16),transparent 50%),radial-gradient(800px 700px at 40% 30%,rgba(128,0,255,.14),transparent 55%),radial-gradient(600px 500px at 75% 70%,rgba(255,200,0,.07),transparent 60%),linear-gradient(135deg,var(--bg1) 0%,var(--bg2) 50%,var(--bg3) 100%);position:relative;overflow:hidden}.paint-root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(1200px 800px at 50% 30%,transparent 40%,rgba(0,0,0,.25) 100%);z-index:0}.paint-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,var(--neon-pink),transparent),radial-gradient(2px 2px at 40px 70px,var(--neon-blue),transparent),radial-gradient(1px 1px at 90px 40px,var(--neon-purple),transparent),radial-gradient(1px 1px at 130px 80px,var(--neon-green),transparent),radial-gradient(2px 2px at 160px 30px,var(--neon-yellow),transparent);background-size:200px 100px;animation:float 20s linear infinite;opacity:.28;pointer-events:none;z-index:1}@keyframes float{to{transform:translateY(-100px) rotate(360deg)}}.bg-elements{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.floating-orb{position:absolute;border-radius:50%;filter:blur(1px);animation:orb 15s ease-in-out infinite}.orb-1{width:150px;height:150px;background:radial-gradient(circle,rgba(255,0,128,.28),transparent);top:10%;left:10%}.orb-2{width:110px;height:110px;background:radial-gradient(circle,rgba(0,255,255,.28),transparent);top:60%;right:15%;animation-delay:5s}.orb-3{width:120px;height:120px;background:radial-gradient(circle,rgba(128,0,255,.28),transparent);bottom:20%;left:18%;animation-delay:10s}.orb-4{width:90px;height:90px;background:radial-gradient(circle,rgba(0,255,128,.28),transparent);top:34%;right:28%;animation-delay:7s}@keyframes orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.paint-hero{z-index:2;text-align:center;padding:3.5rem 1rem 1.25rem}.title h1{margin:0 0 .35rem;font-family:Orbitron,ui-sans-serif,system-ui,-apple-system;font-size:clamp(2rem,4vw,3.25rem);font-weight:900;letter-spacing:-.5px;background:linear-gradient(45deg,var(--neon-pink),var(--neon-purple),var(--neon-blue),var(--neon-green));background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 5s ease infinite;text-shadow:0 0 35px rgba(255,255,255,.25)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{color:var(--muted);margin:0 auto;max-width:720px}.dock{z-index:2;display:flex;justify-content:center;gap:.65rem;padding:.5rem 1rem 0;flex-wrap:wrap}.dock-input{width:min(100%,720px);padding:.95rem 1.15rem;border-radius:14px;border:1px solid var(--border);background:#ffffff1a;color:#fff;-webkit-text-fill-color:#fff;caret-color:#fff;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #ffffff08,0 10px 28px #00000047;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease}.dock-input::placeholder{color:#d7d7d7cc;-webkit-text-fill-color:#d7d7d7cc}.dock-input:focus{border-color:#00ffff8c;box-shadow:0 0 0 4px #00ffff2e,0 12px 30px #00000059;background:#ffffff24}.dock-button{border-radius:14px;border:1px solid rgba(0,255,255,.35);padding:.95rem 1.35rem;font-weight:800;letter-spacing:.3px;color:var(--ink);background:linear-gradient(135deg,#ff0080e6,#00ffffe6);text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:0 12px 30px #7c3aed40,0 10px 24px #22d3ee2e;cursor:pointer;transition:transform .15s ease,filter .2s ease,box-shadow .2s ease}.dock-button:hover{transform:translateY(-1px);filter:brightness(1.06)}.dock-button:active{transform:translateY(0);filter:brightness(.98)}.stage{z-index:2;min-height:560px;padding:1rem 1.25rem 2rem;display:grid;place-items:center}.canvas{width:min(100%,960px);border-radius:18px;border:1px solid var(--border);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 22px 60px #00000073,0 6px 18px #00000059;position:relative;padding:.9rem .9rem 1rem}.canvas img{width:100%;display:block;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.canvas.idle{display:grid;place-items:center;color:var(--muted);height:520px}.kbd{display:inline-block;padding:.15rem .45rem;border-radius:6px;border:1px solid var(--border);background:#ffffff0f;margin-right:.4rem;font-size:.85rem}.canvas.loading{height:auto;aspect-ratio:1 / 1;display:grid;place-items:center}.spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.25);border-top-color:#ffffffe6;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scanline{position:absolute;inset:auto 12% 14% 12%;height:10px;border-radius:999px;background:linear-gradient(90deg,#ffffff2e,#ffffff0f)}.legend{margin-top:.7rem;color:#dfe9ffcc;font-size:.95rem;display:inline-flex;align-items:center;gap:.5rem}.dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(90deg,var(--neon-pink),var(--neon-blue));box-shadow:0 0 12px #00ffff80}.toast.error{width:fit-content;margin:.6rem auto 0;padding:.55rem .8rem;background:#ff505014;border:1px solid rgba(255,80,80,.25);border-radius:10px;color:#ffbcbc}.info-bar{z-index:2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:0 .95rem;margin:.25rem auto 0;width:min(100%,980px)}.info-left{min-width:0;color:#e9ecffdd;font-size:.98rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:.95}.info-right{display:inline-flex;gap:.4rem;flex-wrap:wrap;justify-self:end}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:999px;font-size:.78rem;border:1px solid var(--border);background:#ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chip-model{border-color:#8000ff59;background:linear-gradient(135deg,#ff008033,#00ffff26)}.chip-count{border-color:#00ff8059;background:linear-gradient(135deg,#00ff802e,#00ffff1a)}.chip-size{border-color:#ffff0059;background:linear-gradient(135deg,#ffff002e,#ff008014)}.footer{z-index:2;text-align:center;color:#d7d7d7cc;padding:1rem 1rem 2rem}.footer code{background:#ffffff0f;border:1px solid var(--border);padding:.2rem .45rem;border-radius:8px}@media (max-width: 760px){.dock{padding:0 .75rem}.dock-input,.canvas{width:100%}}