.studio[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:340px 1fr;gap:20px}@media(max-width:900px){.studio[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}}.controls[data-astro-cid-j7pv25f6]{padding:18px}.mode-tabs[data-astro-cid-j7pv25f6]{display:inline-flex;gap:2px;padding:4px;background:var(--pill-bg);border-radius:999px;margin-bottom:6px}.mode-tab[data-astro-cid-j7pv25f6]{padding:8px 18px;border-radius:999px;color:var(--text-mute);font-size:13px;font-weight:500}.mode-tab[data-astro-cid-j7pv25f6].active{background:var(--panel-solid);color:var(--text);box-shadow:0 1px 2px #0000000f}.pane[data-astro-cid-j7pv25f6].hidden{display:none}.shape-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--pill-bg);padding:4px;border-radius:12px}.shape-btn[data-astro-cid-j7pv25f6]{padding:8px 6px;border-radius:8px;background:transparent;color:var(--text);font-size:12px;font-weight:500;transition:background .1s ease}.shape-btn[data-astro-cid-j7pv25f6]:hover{background:#ffffff80}.shape-btn[data-astro-cid-j7pv25f6].active{background:var(--panel-solid);box-shadow:0 1px 2px #0000000f;font-weight:600}.hint[data-astro-cid-j7pv25f6]{color:var(--text-mute);font-size:12px;margin:12px 0 0}.section-hint[data-astro-cid-j7pv25f6]{color:var(--text-mute);font-weight:400;text-transform:none;letter-spacing:0;font-size:12px;margin-left:6px}.section-label[data-astro-cid-j7pv25f6]{display:flex;align-items:baseline;justify-content:space-between}.preset-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preset-card[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;border-radius:10px;padding:4px}.preset-card[data-astro-cid-j7pv25f6]:hover{background:var(--pill-bg)}.preset-card[data-astro-cid-j7pv25f6].active .preset-swatch[data-astro-cid-j7pv25f6]{outline:2px solid var(--text);outline-offset:2px}.preset-swatch[data-astro-cid-j7pv25f6]{width:52px;height:52px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014}.preset-name[data-astro-cid-j7pv25f6]{font-size:11px;text-align:center;color:var(--text);line-height:1.2}.colour-list[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.colour-row[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;background:var(--pill-bg)}.colour-row[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6][type=color]{width:24px;height:24px;border:none;border-radius:50%;padding:0;cursor:pointer;background:transparent;overflow:hidden}.colour-row[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6][type=color]::-webkit-color-swatch-wrapper{padding:0}.colour-row[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6][type=color]::-webkit-color-swatch{border:none;border-radius:50%}.colour-row[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6][type=text]{flex:1;background:transparent;border:none;outline:none;font-size:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.02em;text-transform:uppercase;color:var(--text)}.colour-row[data-astro-cid-j7pv25f6] .name[data-astro-cid-j7pv25f6]{font-size:11px;color:var(--text-mute);white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.colour-row[data-astro-cid-j7pv25f6] .rm[data-astro-cid-j7pv25f6]{width:20px;height:20px;border-radius:50%;background:transparent;color:var(--text-mute);font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.colour-row[data-astro-cid-j7pv25f6] .rm[data-astro-cid-j7pv25f6]:hover{background:#00000014;color:var(--text)}.add-btn[data-astro-cid-j7pv25f6]{width:100%;justify-content:center}.slider[data-astro-cid-j7pv25f6]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--pill-bg);border-radius:999px;outline:none}.slider[data-astro-cid-j7pv25f6]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--text);border-radius:50%;cursor:pointer}.slider[data-astro-cid-j7pv25f6]::-moz-range-thumb{width:18px;height:18px;background:var(--text);border-radius:50%;border:none;cursor:pointer}.canvas-wrap[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column}.canvas-frame[data-astro-cid-j7pv25f6]{position:relative;border-radius:var(--radius);overflow:hidden;height:560px;background:#eee;box-shadow:var(--shadow-panel)}@media(max-width:900px){.canvas-frame[data-astro-cid-j7pv25f6]{height:420px}}.gradient-canvas[data-astro-cid-j7pv25f6]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}.overlay-text[data-astro-cid-j7pv25f6]{font-family:var(--font-serif);font-size:96px;font-weight:500;color:#1c1c1c;text-shadow:0 2px 20px rgba(255,255,255,.15);pointer-events:none;letter-spacing:-.02em}.overlay-text[data-astro-cid-j7pv25f6][data-family=sans]{font-family:var(--font)}.overlay-text[data-astro-cid-j7pv25f6][data-family=mono]{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:0}.canvas-side[data-astro-cid-j7pv25f6]{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.side-chip[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;background:#ffffffbf;color:#1c1c1c;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;backdrop-filter:blur(6px)}.side-chip[data-astro-cid-j7pv25f6] .swatch[data-astro-cid-j7pv25f6]{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014}.side-chip[data-astro-cid-j7pv25f6] .hex[data-astro-cid-j7pv25f6]{font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:500;color:#6b6560;letter-spacing:.02em}.canvas-bands[data-astro-cid-j7pv25f6]{display:flex;height:22px;border-radius:999px;overflow:hidden;margin-top:14px;box-shadow:inset 0 0 0 1px var(--border)}.canvas-bands[data-astro-cid-j7pv25f6]>div[data-astro-cid-j7pv25f6]{height:100%}.canvas-hint[data-astro-cid-j7pv25f6]{color:var(--text-mute);font-size:12px;margin-top:8px}.canvas-footer[data-astro-cid-j7pv25f6]{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:12px;flex-wrap:wrap}.canvas-meta[data-astro-cid-j7pv25f6]{font-size:14px;color:var(--text-mute)}.canvas-meta[data-astro-cid-j7pv25f6] strong[data-astro-cid-j7pv25f6]{color:var(--text);font-weight:600}.canvas-meta[data-astro-cid-j7pv25f6] .dot[data-astro-cid-j7pv25f6]{margin:0 4px;opacity:.6}.canvas-actions[data-astro-cid-j7pv25f6]{display:inline-flex;gap:8px}#btn-save[data-astro-cid-j7pv25f6].active{background:#ffd0d6;color:#b32d3c}.modal[data-astro-cid-j7pv25f6]{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal[data-astro-cid-j7pv25f6][hidden]{display:none}.modal-inner[data-astro-cid-j7pv25f6]{background:var(--panel-solid);border-radius:20px;padding:22px;width:min(560px,100%);box-shadow:0 40px 100px #0006}.modal-head[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-x[data-astro-cid-j7pv25f6]{font-size:24px;color:var(--text-mute)}.code[data-astro-cid-j7pv25f6]{background:var(--pill-bg);padding:14px 16px;border-radius:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-all;max-height:220px;overflow:auto;margin:0}.modal-actions[data-astro-cid-j7pv25f6]{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}