.canvas[data-v-8e7b8b0b]{display:flex;justify-content:center;padding:1rem;background:linear-gradient(45deg,#1a1a1d 25%,transparent 25%) 0 0/20px 20px,linear-gradient(-45deg,#1a1a1d 25%,transparent 25%) 0 10px/20px 20px,linear-gradient(45deg,transparent 75%,#1a1a1d 75%) 10px -10px/20px 20px,linear-gradient(-45deg,transparent 75%,#1a1a1d 75%) -10px 0/20px 20px,#232328;border-radius:8px}.exports[data-v-9da5a6cf]{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.75rem}.btn[data-v-9da5a6cf]{padding:.5rem 1rem;border:1px solid var(--lg-accent, #6c8cff);border-radius:4px;background:var(--lg-accent, #6c8cff);color:#fff;font-size:.85rem;cursor:pointer}.btn[data-v-9da5a6cf]:hover{filter:brightness(1.1)}.btn[data-v-9da5a6cf]:disabled{opacity:.6;cursor:progress}.btn.ghost[data-v-9da5a6cf]{background:transparent;color:var(--lg-muted, #888);border-color:var(--lg-border, #333)}.error[data-v-9da5a6cf]{width:100%;margin:.4rem 0 0;color:var(--lg-danger, #c0392b);font-size:.8rem}.hint[data-v-70453401]{margin:0;font-size:.75rem;color:var(--lg-muted, #888);line-height:1.4}.toolbar[data-v-70453401]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.snap[data-v-70453401]{display:flex;align-items:center;gap:.3rem}.snap-label[data-v-70453401]{font-size:.78rem;color:var(--lg-muted, #888)}.snap-btn[data-v-70453401]{padding:.2rem .55rem;border:1px solid var(--lg-border, #333);border-radius:999px;background:transparent;color:var(--lg-muted, #888);font-size:.75rem;font-variant-numeric:tabular-nums;cursor:pointer}.snap-btn[data-v-70453401]:hover{color:var(--lg-fg, #ddd)}.snap-btn.active[data-v-70453401]{background:var(--lg-accent, #6c8cff);color:#fff;border-color:var(--lg-accent, #6c8cff)}.active-pill[data-v-70453401]{padding:.2rem .55rem;border:1px solid var(--lg-border, #333);border-radius:999px;background:var(--lg-input-bg, #1a1a1d);color:var(--lg-fg, #ddd);font-size:.72rem;font-variant-numeric:tabular-nums}.card[data-v-70453401]{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--lg-card-bg, #161618);border:1px solid var(--lg-border, #2a2a2e);border-radius:8px;position:sticky;top:1rem}.head[data-v-70453401]{display:flex;flex-direction:column;gap:.2rem}.title[data-v-70453401]{margin:0;font-size:1rem;color:var(--lg-fg, #eee)}.hint[data-v-70453401]{margin:0;font-size:.75rem;color:var(--lg-muted, #888)}.field[data-v-74699216]{display:flex;flex-direction:column;gap:.25rem}.field-label[data-v-74699216]{font-size:.8rem;color:var(--lg-muted, #888)}.field-input[data-v-74699216]{padding:.4rem .55rem;border:1px solid var(--lg-border, #333);border-radius:4px;background:var(--lg-input-bg, #1a1a1d);color:var(--lg-fg, #eee);font-size:.9rem}.field-input[data-v-74699216]:focus{outline:2px solid var(--lg-accent, #6c8cff);outline-offset:-1px}.field[data-v-3e4ecf67]{display:flex;flex-direction:column;gap:.25rem}.field-label[data-v-3e4ecf67]{font-size:.8rem;color:var(--lg-muted, #888)}.select[data-v-3e4ecf67]{padding:.4rem .55rem;border:1px solid var(--lg-border, #333);border-radius:4px;background:var(--lg-input-bg, #1a1a1d);color:var(--lg-fg, #eee);font-size:.9rem}.panel[data-v-51c31461]{display:flex;flex-direction:column;gap:.75rem}.panel-title[data-v-51c31461]{margin:0;font-size:.95rem;color:var(--lg-fg, #eee)}.grid[data-v-51c31461]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}.field[data-v-a5825de7]{display:flex;flex-direction:column;gap:.25rem}.field-label[data-v-a5825de7]{font-size:.8rem;color:var(--lg-muted, #888)}.row[data-v-a5825de7]{display:flex;gap:.4rem;align-items:center}.picker[data-v-a5825de7]{width:36px;height:36px;padding:0;border:1px solid var(--lg-border, #333);border-radius:4px;background:transparent;cursor:pointer}.hex[data-v-a5825de7]{flex:1;padding:.4rem .55rem;border:1px solid var(--lg-border, #333);border-radius:4px;background:var(--lg-input-bg, #1a1a1d);color:var(--lg-fg, #eee);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.85rem}.field[data-v-d0927cac]{display:flex;flex-direction:column;gap:.2rem}.row[data-v-d0927cac]{display:flex;justify-content:space-between;align-items:baseline}.field-label[data-v-d0927cac]{font-size:.8rem;color:var(--lg-muted, #888)}.value[data-v-d0927cac]{font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--lg-fg, #ddd)}.suffix[data-v-d0927cac]{opacity:.6}.slider[data-v-d0927cac]{width:100%;accent-color:var(--lg-accent, #6c8cff)}.palette[data-v-ee1c575a]{display:flex;flex-direction:column;gap:.5rem;padding:.7rem;background:var(--lg-input-bg, #1a1a1d);border:1px solid var(--lg-border, #2a2a2e);border-radius:6px}.header[data-v-ee1c575a]{display:flex;justify-content:space-between;align-items:baseline}.title[data-v-ee1c575a]{font-size:.85rem;color:var(--lg-fg, #ddd);font-weight:600}.count[data-v-ee1c575a]{font-size:.72rem;color:var(--lg-muted, #888)}.slots[data-v-ee1c575a]{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.slots-label[data-v-ee1c575a]{font-size:.75rem;color:var(--lg-muted, #888)}.slot-btn[data-v-ee1c575a]{padding:.25rem .6rem;border:1px solid var(--lg-border, #333);border-radius:999px;background:transparent;color:var(--lg-muted, #888);font-size:.75rem;cursor:pointer}.slot-btn[data-v-ee1c575a]:hover{color:var(--lg-fg, #ddd)}.slot-btn.active[data-v-ee1c575a]{background:var(--lg-accent, #6c8cff);color:#fff;border-color:var(--lg-accent, #6c8cff)}.search[data-v-ee1c575a]{padding:.35rem .55rem;border:1px solid var(--lg-border, #333);border-radius:4px;background:var(--lg-card-bg, #161618);color:var(--lg-fg, #eee);font-size:.82rem}.grid[data-v-ee1c575a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:.4rem}.swatch[data-v-ee1c575a]{position:relative;aspect-ratio:1.4 / 1;padding:0;border:2px solid transparent;border-radius:5px;cursor:pointer;overflow:hidden;transition:transform .08s,border-color .08s}.swatch[data-v-ee1c575a]:hover{transform:scale(1.05);border-color:var(--lg-fg, #eee)}.swatch.selected[data-v-ee1c575a]{border-color:var(--lg-accent, #6c8cff)}.swatch-name[data-v-ee1c575a]{position:absolute;left:0;right:0;bottom:0;padding:.18rem .3rem;background:#0000008c;color:#fff;font-size:.65rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty[data-v-ee1c575a]{margin:.3rem 0 0;color:var(--lg-muted, #888);font-size:.78rem;font-style:italic}.card[data-v-9a7ba7d6]{display:flex;flex-direction:column;gap:.7rem;padding:.8rem;background:var(--lg-input-bg, #1a1a1d);border:1px solid var(--lg-border, #2a2a2e);border-radius:6px}.head[data-v-9a7ba7d6]{display:flex;flex-direction:column;gap:.2rem}.title[data-v-9a7ba7d6]{margin:0;font-size:.9rem;color:var(--lg-fg, #eee)}.desc[data-v-9a7ba7d6]{margin:0;font-size:.78rem;color:var(--lg-muted, #888);line-height:1.4}.section[data-v-9a7ba7d6]{display:flex;flex-direction:column;gap:.3rem}.section-title[data-v-9a7ba7d6]{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--lg-muted, #888)}.rows[data-v-9a7ba7d6]{display:grid;grid-template-columns:minmax(120px,.7fr) 1fr;column-gap:.6rem;row-gap:.18rem;margin:0;font-size:.78rem}.rows dt[data-v-9a7ba7d6]{color:var(--lg-muted, #888)}.rows dd[data-v-9a7ba7d6]{margin:0;color:var(--lg-fg, #ddd);font-variant-numeric:tabular-nums}.empty[data-v-9a7ba7d6]{font-size:.78rem;color:var(--lg-muted, #888);font-style:italic}.foot[data-v-9a7ba7d6]{font-size:.7rem;color:var(--lg-muted, #777)}.foot code[data-v-9a7ba7d6]{background:var(--lg-card-bg, #161618);padding:0 .3rem;border-radius:3px}.panel[data-v-ae77f125]{display:flex;flex-direction:column;gap:.6rem}.panel-title[data-v-ae77f125]{margin:0;font-size:.95rem;color:var(--lg-fg, #eee)}.subhead[data-v-ae77f125]{margin:.4rem 0 0;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--lg-muted, #888)}.grid[data-v-ae77f125]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}.panel[data-v-f77b9579]{display:flex;flex-direction:column;gap:.6rem}.panel-title[data-v-f77b9579]{margin:0;font-size:.95rem;color:var(--lg-fg, #eee)}.subhead[data-v-f77b9579]{margin:.4rem 0 0;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--lg-muted, #888)}.grid[data-v-f77b9579]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}.scale-row[data-v-f77b9579]{display:flex;align-items:center;gap:.6rem}.scale-slider[data-v-f77b9579]{flex:1}.scale-slider.disabled[data-v-f77b9579]{pointer-events:none;opacity:.45}.lock-btn[data-v-f77b9579]{flex-shrink:0;width:36px;height:36px;border:1px solid var(--lg-border, #333);border-radius:4px;background:var(--lg-input-bg, #1a1a1d);color:var(--lg-fg, #ddd);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.lock-btn[data-v-f77b9579]:hover,.lock-btn.locked[data-v-f77b9579]{border-color:var(--lg-accent, #6c8cff)}.lock-hint[data-v-f77b9579]{margin:.4rem 0 0;font-size:.75rem;color:var(--lg-muted, #888);line-height:1.4}.toggle[data-v-5d98d3d7]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--lg-fg, #ddd);cursor:pointer}.toggle input[data-v-5d98d3d7]{accent-color:var(--lg-accent, #6c8cff)}.panel[data-v-a2fd8dc5]{display:flex;flex-direction:column;gap:.6rem}.panel-title[data-v-a2fd8dc5]{margin:0;font-size:.95rem;color:var(--lg-fg, #eee)}.grid[data-v-a2fd8dc5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.4rem}.panel[data-v-650d0b7c]{display:flex;flex-direction:column;gap:.75rem}.panel-title[data-v-650d0b7c]{margin:0;font-size:.95rem;color:var(--lg-fg, #eee)}.hint[data-v-650d0b7c]{margin:0;font-size:.78rem;color:var(--lg-muted, #888)}.group[data-v-650d0b7c]{display:flex;flex-direction:column;gap:.35rem}.group-title[data-v-650d0b7c]{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--lg-muted, #888)}.row[data-v-650d0b7c]{display:flex;flex-wrap:wrap;gap:.4rem}.chip[data-v-650d0b7c]{padding:.35rem .7rem;border:1px solid var(--lg-border, #333);border-radius:999px;background:var(--lg-input-bg, #1a1a1d);color:var(--lg-fg, #ddd);font-size:.82rem;cursor:pointer}.chip[data-v-650d0b7c]:hover{border-color:var(--lg-accent, #6c8cff)}.reset[data-v-650d0b7c]{align-self:flex-start;margin-top:.5rem;padding:.45rem .9rem;border:1px solid var(--lg-danger, #c0392b);border-radius:4px;background:transparent;color:var(--lg-danger, #c0392b);font-size:.82rem;cursor:pointer}.reset[data-v-650d0b7c]:hover{background:#c0392b1a}.panel[data-v-3ae8810f]{display:flex;flex-direction:column;gap:.5rem}.panel-title[data-v-3ae8810f]{margin:0;font-size:.95rem;color:var(--lg-fg, #eee)}.hint[data-v-3ae8810f]{margin:0;font-size:.78rem;color:var(--lg-muted, #888)}.copy[data-v-3ae8810f]{align-self:flex-start;padding:.5rem 1rem;border:1px solid var(--lg-accent, #6c8cff);border-radius:4px;background:transparent;color:var(--lg-accent, #6c8cff);font-size:.85rem;cursor:pointer}.copy[data-v-3ae8810f]:hover{background:#6c8cff1a}.copy.copied[data-v-3ae8810f]{border-color:var(--lg-success, #2ecc71);color:var(--lg-success, #2ecc71)}.copy.error[data-v-3ae8810f]{border-color:var(--lg-danger, #c0392b);color:var(--lg-danger, #c0392b)}.editor[data-v-2621f873]{min-height:100vh;padding:1rem;display:flex;flex-direction:column;gap:1rem}.topbar[data-v-2621f873]{display:flex;flex-direction:column;gap:.15rem}.brand[data-v-2621f873]{margin:0;font-size:1.4rem;color:var(--lg-fg, #eee)}.tagline[data-v-2621f873]{margin:0;color:var(--lg-muted, #888);font-size:.9rem}.layout[data-v-2621f873]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start}@media (max-width: 980px){.layout[data-v-2621f873]{grid-template-columns:1fr}}.controls[data-v-2621f873]{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--lg-card-bg, #161618);border:1px solid var(--lg-border, #2a2a2e);border-radius:8px}.tabs[data-v-2621f873]{display:flex;flex-wrap:wrap;gap:.25rem;border-bottom:1px solid var(--lg-border, #2a2a2e);padding-bottom:.5rem}.tab[data-v-2621f873]{padding:.4rem .8rem;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--lg-muted, #888);font-size:.85rem;cursor:pointer}.tab[data-v-2621f873]:hover{color:var(--lg-fg, #ddd)}.tab.active[data-v-2621f873]{background:var(--lg-accent, #6c8cff);color:#fff;border-color:var(--lg-accent, #6c8cff)}.tab-body[data-v-2621f873]{padding-top:.25rem}:root{--lg-bg: #0e0e10;--lg-card-bg: #161618;--lg-input-bg: #1a1a1d;--lg-fg: #eaeaea;--lg-muted: #888;--lg-border: #2a2a2e;--lg-accent: #6c8cff;--lg-success: #2ecc71;--lg-danger: #c0392b}html,body,#app{height:100%}body{margin:0;background:var(--lg-bg);color:var(--lg-fg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}button{font:inherit}.draggable{cursor:move;touch-action:none}.draggable:hover{opacity:.92}.draggable:active{opacity:.85}.resize-handle{cursor:nwse-resize;touch-action:none;fill:var(--lg-accent, #6c8cff);fill-opacity:.5;stroke:#fff;stroke-width:2;stroke-opacity:.6;transition:fill-opacity .1s,transform .08s;transform-origin:center;transform-box:fill-box}.resize-handle:hover{fill-opacity:.95;transform:scale(1.15)}.resize-handle:active{fill-opacity:1;transform:scale(1.25)}