@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap";.modal-overlay[data-v-6366012b]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-6366012b]{background:#0f1419;border:1px solid rgba(255,255,255,.08);border-radius:16px;display:flex;flex-direction:column;max-width:600px;width:90vw;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #000c}.modal-header[data-v-6366012b]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.06)}.modal-header h3[data-v-6366012b]{margin:0;font-size:18px;color:#e2e8f0}.close-btn[data-v-6366012b]{background:none;border:none;color:#94a3b8;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-6366012b]:hover{color:#e2e8f0}.modal-body[data-v-6366012b]{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.series-section[data-v-6366012b],.colors-section[data-v-6366012b]{display:flex;flex-direction:column;gap:8px}.section-title[data-v-6366012b]{font-weight:600;color:#e2e8f0;font-size:14px}.series-controls[data-v-6366012b]{display:flex;gap:8px}.ghost-small[data-v-6366012b]{background:#ffffff0f;color:#e2e8f0;border:1px solid rgba(255,255,255,.08);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600}.ghost-small[data-v-6366012b]:hover{background:#ffffff1a}.series-list[data-v-6366012b]{display:flex;flex-direction:column;gap:8px}.series-item[data-v-6366012b]{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;background:#ffffff05;cursor:pointer;transition:background .12s ease}.series-item[data-v-6366012b]:hover{background:#ffffff0f}.series-item input[data-v-6366012b]{width:16px;height:16px;cursor:pointer}.series-name[data-v-6366012b]{color:#cbd5e1}.colors-grid[data-v-6366012b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.color-item[data-v-6366012b]{position:relative;aspect-ratio:1;border-radius:8px;border:2px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:border-color .12s ease}.color-item input[data-v-6366012b]{position:absolute;width:16px;height:16px;opacity:0;cursor:pointer}.color-item[data-v-6366012b]:has(input:checked){border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933}.color-label[data-v-6366012b]{position:absolute;bottom:0;left:0;right:0;background:#00000080;color:#f8fafc;padding:4px;font-size:11px;text-align:center;font-weight:600}.stats[data-v-6366012b]{padding:8px 12px;background:#ffffff0a;border-radius:8px;font-size:12px;color:#cbd5e1;text-align:center}.modal-footer[data-v-6366012b]{display:flex;gap:8px;padding:16px;border-top:1px solid rgba(255,255,255,.06);justify-content:flex-end}button[data-v-6366012b]{padding:10px 16px;border-radius:8px;border:1px solid transparent;font-weight:600;cursor:pointer;transition:all .12s ease}.primary[data-v-6366012b]{background:linear-gradient(135deg,#0ea5e9,#22d3ee);color:#0b1021}.ghost[data-v-6366012b]{background:#ffffff0f;color:#e2e8f0;border:1px solid rgba(255,255,255,.08)}.ghost[data-v-6366012b]:hover{background:#ffffff1a}input[type=checkbox][data-v-6366012b]{accent-color:#0ea5e9}.palette-panel[data-v-76f3251c]{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:16px}.palette-header[data-v-76f3251c]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.title-section[data-v-76f3251c]{flex:1;min-width:200px}.panel-title[data-v-76f3251c]{font-weight:700;font-size:16px;color:#e2e8f0;margin-bottom:4px}.note[data-v-76f3251c]{margin:0;color:#94a3b8;font-size:13px}.expand-hint[data-v-76f3251c]{color:#7dd3fc;font-weight:600}.palette-toolbar[data-v-76f3251c]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.current-brush[data-v-76f3251c]{display:flex;align-items:center;gap:6px;margin-right:8px;padding:4px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px}.brush-label[data-v-76f3251c]{font-size:12px;color:#94a3b8;font-weight:600}.brush-chip[data-v-76f3251c]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.2);color:#e2e8f0;font-weight:600;font-size:12px;box-shadow:inset 0 1px 2px #0000001a}.palette-grid-compact[data-v-76f3251c],.palette-grid-full[data-v-76f3251c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:8px;max-width:100%}.swatch[data-v-76f3251c]{position:relative;aspect-ratio:1;border:3px solid transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #0003;transition:all .12s ease;cursor:pointer}.swatch[data-v-76f3251c]:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #0003,0 4px 12px #0000004d}.swatch input[data-v-76f3251c]{position:absolute;width:16px;height:16px;opacity:0;cursor:pointer;z-index:1}.swatch-btn[data-v-76f3251c]{width:100%;height:100%;border:none;background:transparent;cursor:pointer;border-radius:5px}.expand-card[data-v-76f3251c],.collapse-card[data-v-76f3251c]{aspect-ratio:1;border:2px dashed rgba(255,255,255,.2);background:#ffffff0a;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease;padding:0}.expand-card[data-v-76f3251c]:hover,.collapse-card[data-v-76f3251c]:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px)}.expand-icon[data-v-76f3251c]{font-size:20px;color:#7dd3fc}button[data-v-76f3251c]{cursor:pointer;border-radius:8px;border:1px solid transparent;font-weight:600;transition:all .12s ease}.primary-small[data-v-76f3251c]{background:linear-gradient(135deg,#0ea5e9,#22d3ee);color:#0b1021;border:none;padding:8px 14px;font-size:13px}.primary-small[data-v-76f3251c]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.ghost-small[data-v-76f3251c]{background:#ffffff0f;color:#e2e8f0;border:1px solid rgba(255,255,255,.08);padding:8px 14px;font-size:13px}.ghost-small[data-v-76f3251c]:hover{background:#ffffff1a}@media(max-width:720px){.palette-grid-compact[data-v-76f3251c],.palette-grid-full[data-v-76f3251c]{grid-template-columns:repeat(auto-fill,minmax(28px,1fr))}.palette-header[data-v-76f3251c]{flex-direction:column;align-items:stretch}.palette-toolbar[data-v-76f3251c]{justify-content:flex-start}.current-brush[data-v-76f3251c]{width:100%;justify-content:space-between}}.canvas-section[data-v-dbddab9a]{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.canvas-header[data-v-dbddab9a]{display:flex;align-items:start;flex-direction:column;justify-content:space-between;gap:12px}.eyebrow[data-v-dbddab9a]{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#7dd3fc;margin-bottom:6px}h2[data-v-dbddab9a]{margin:0 0 8px;font-size:24px;color:#e2e8f0}.note[data-v-dbddab9a]{margin:0;color:#94a3b8;font-size:14px}.usage[data-v-dbddab9a]{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.chip[data-v-dbddab9a]{width:80px;display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff14;color:#e2e8f0;font-size:12px;font-weight:600}.dot[data-v-dbddab9a]{width:12px;height:12px;border-radius:50%;background:#e2e8f0;border:1px solid rgba(0,0,0,.2)}.pixel-grid[data-v-dbddab9a]{display:grid;gap:2px;max-width:100%;background:#0b1021;padding:8px;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.pixel[data-v-dbddab9a]{width:100%;aspect-ratio:1 / 1;border:1px solid rgba(0,0,0,.35);border-radius:4px;transition:transform .12s ease,box-shadow .12s ease;cursor:pointer}.pixel[data-v-dbddab9a]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}@media(max-width:720px){.canvas-header[data-v-dbddab9a]{flex-direction:column;align-items:flex-start}}.panel[data-v-85128558]{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.panel-title[data-v-85128558]{font-weight:700;font-size:16px;color:#e2e8f0}.note[data-v-85128558]{margin:0;color:#94a3b8;font-size:14px;line-height:1.5}.export-actions[data-v-85128558]{display:flex;gap:10px;flex-wrap:wrap}button[data-v-85128558]{cursor:pointer;border-radius:10px;border:1px solid transparent;padding:10px 14px;font-weight:700;color:#0b1021;transition:all .12s ease;font-size:14px}.primary[data-v-85128558]{background:linear-gradient(135deg,#0ea5e9,#22d3ee);color:#0b1021}.primary[data-v-85128558]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.ghost[data-v-85128558]{background:#ffffff0f;color:#e2e8f0;border:1px solid rgba(255,255,255,.08)}.ghost[data-v-85128558]:hover{background:#ffffff1a}:root{font-family:Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 20%,#0ea5e9 0,transparent 18%),radial-gradient(circle at 90% 10%,#22d3ee 0,transparent 20%),#0b1021;color:#e5e7eb;box-sizing:border-box}.page{width:100%;width:fit-content;margin:0 auto;padding:32px 20px 64px;display:flex;flex-direction:column;align-items:center;gap:24px}.hero{width:100%;background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:24px;box-shadow:0 16px 60px #0f172a99}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#7dd3fc;margin-bottom:6px}h1{margin:0 0 8px;font-size:28px;color:#e2e8f0}.lede{margin:0;color:#cbd5e1;max-width:100%;line-height:1.6}.canvas-workspace{width:100%;display:grid;grid-template-columns:280px 1fr 280px;gap:20px;align-items:start}.left-controls,.right-controls{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}.canvas-container{display:block;min-height:400px}.control-group{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.section-title{font-weight:700;font-size:14px;color:#e2e8f0;text-transform:uppercase;letter-spacing:.05em}.button-row{display:flex;gap:10px;flex-wrap:wrap}.button-col{display:flex;flex-direction:column;gap:10px}.form-row{display:flex;gap:10px;flex-wrap:wrap}.form-col{display:flex;flex-direction:column;gap:10px}label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px;flex:1;min-width:0}.form-row label{min-width:120px}input[type=number],select{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px;color:#e2e8f0;font-size:14px}input:focus,select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}button{cursor:pointer;border-radius:10px;border:1px solid transparent;padding:10px 16px;font-weight:700;font-size:14px;transition:all .12s ease;display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn-icon{font-size:16px;line-height:1}.primary{background:linear-gradient(135deg,#0ea5e9,#22d3ee);color:#0b1021;border:none}.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.primary:disabled{opacity:.5;cursor:not-allowed}.ghost{background:#ffffff0f;color:#e2e8f0;border:1px solid rgba(255,255,255,.08)}.ghost:hover{background:#ffffff1a}.upload-btn{cursor:pointer;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#e2e8f0;padding:10px 16px;font-weight:700;font-size:14px;transition:all .12s ease;display:inline-flex;align-items:center;gap:8px;justify-content:center;position:relative;overflow:hidden}.upload-btn:hover{background:#ffffff1a;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.upload-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.chip-display{display:inline-flex;align-items:center;padding:12px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff14;color:#e2e8f0;font-weight:600;font-size:14px;justify-content:center}.note{margin:0;color:#94a3b8;font-size:12px;line-height:1.5}.status{color:#67e8f9;margin:0;font-size:13px;padding:8px 12px;background:#67e8f91a;border-radius:8px;border-left:3px solid #67e8f9}.error{color:#fca5a5;margin:0;font-size:13px;padding:8px 12px;background:#fca5a51a;border-radius:8px;border-left:3px solid #fca5a5}@media(max-width:1200px){.canvas-workspace{grid-template-columns:240px 1fr 240px;gap:16px}}@media(max-width:1024px){.canvas-workspace{grid-template-columns:1fr;gap:20px}.left-controls,.right-controls{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:768px){.left-controls,.right-controls{grid-template-columns:1fr}.control-group{padding:14px}.section-title{font-size:13px}.button-col button,.button-col label{font-size:13px;padding:9px 14px}}