.page-wrap[data-astro-cid-itta4knv]{max-width:860px;padding-top:4rem;padding-bottom:5rem}.page-header[data-astro-cid-itta4knv]{margin-bottom:2.5rem}.page-intro[data-astro-cid-itta4knv]{font-size:1rem;color:var(--text-muted);margin:0 0 1.75rem;max-width:560px}.how-to[data-astro-cid-itta4knv]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;display:inline-block}.how-to-steps[data-astro-cid-itta4knv]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.step[data-astro-cid-itta4knv]{display:flex;align-items:center;gap:.6rem;font-size:.88rem;color:var(--text-muted)}.step-num[data-astro-cid-itta4knv]{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--accent-dim);border:1px solid var(--border-accent);font-family:var(--font-pixel);font-size:8px;color:var(--accent);flex-shrink:0}.step-arrow[data-astro-cid-itta4knv]{color:var(--text-subtle);font-size:.85rem}.series-section[data-astro-cid-itta4knv]{padding:2.5rem 0}.series-header[data-astro-cid-itta4knv]{margin-bottom:2rem}.series-header[data-astro-cid-itta4knv] h2[data-astro-cid-itta4knv]{margin-bottom:.5rem}.series-desc[data-astro-cid-itta4knv]{font-size:.95rem;color:var(--text-muted);margin:0;max-width:520px}.presets-grid[data-astro-cid-itta4knv]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.preset-card[data-astro-cid-itta4knv]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.preset-card[data-astro-cid-itta4knv]:hover{border-color:var(--border-accent);box-shadow:0 0 0 1px var(--border-accent),var(--glow)}.preset-swatch[data-astro-cid-itta4knv]{height:100px;position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:.75rem 1rem}.swatch-name[data-astro-cid-itta4knv]{font-family:var(--font-pixel);font-size:8px;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.5);letter-spacing:.06em}.mode-badge[data-astro-cid-itta4knv]{position:absolute;top:.6rem;right:.6rem;font-family:var(--font-pixel);font-size:7px;padding:3px 7px;border-radius:4px;letter-spacing:.04em;line-height:1.6}.badge-dark[data-astro-cid-itta4knv]{background:#0000008c;color:#ffffffe6;border:1px solid rgba(255,255,255,.15)}.badge-light[data-astro-cid-itta4knv]{background:#ffffffbf;color:#000000bf;border:1px solid rgba(0,0,0,.1)}.preset-body[data-astro-cid-itta4knv]{padding:1.25rem}.preset-name[data-astro-cid-itta4knv]{font-size:clamp(.65rem,1.3vw,.82rem);margin-bottom:.5rem}.preset-desc[data-astro-cid-itta4knv]{font-size:.88rem;color:var(--text-muted);line-height:1.65;margin-bottom:1rem}.vibe-tags[data-astro-cid-itta4knv]{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.vibe-tag[data-astro-cid-itta4knv]{font-family:var(--font-pixel);font-size:7px;color:var(--accent);background:var(--accent-dim);border:1px solid var(--border-accent);border-radius:4px;padding:3px 7px;letter-spacing:.05em;line-height:1.6}.code-block[data-astro-cid-itta4knv]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .75rem;margin-bottom:1rem;overflow:hidden}.code-text[data-astro-cid-itta4knv]{font-family:var(--font-main);font-size:.75rem;color:var(--text-subtle);white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}.card-actions[data-astro-cid-itta4knv]{display:flex;gap:.6rem;align-items:center}.copy-btn[data-astro-cid-itta4knv]{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:var(--accent);color:#0a0a0a;border:none;border-radius:var(--radius-sm);font-family:var(--font-pixel);font-size:8px;letter-spacing:.05em;cursor:pointer;transition:background var(--transition),box-shadow var(--transition),transform var(--transition);flex:1;justify-content:center}.copy-btn[data-astro-cid-itta4knv]:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--glow-sm)}.copy-btn[data-astro-cid-itta4knv].copied{background:var(--accent-dim);color:var(--accent);border:1px solid var(--border-accent);box-shadow:var(--glow-sm)}.like-btn[data-astro-cid-itta4knv]{display:inline-flex;align-items:center;gap:.35rem;padding:.6rem .9rem;background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-pixel);font-size:8px;cursor:pointer;transition:all var(--transition);flex-shrink:0}.like-btn[data-astro-cid-itta4knv]:hover{border-color:#e05c7a;color:#e05c7a}.like-btn[data-astro-cid-itta4knv].liked{background:#e05c7a1a;border-color:#e05c7a;color:#e05c7a}.like-btn[data-astro-cid-itta4knv].liked .heart-icon[data-astro-cid-itta4knv]{fill:#e05c7a;stroke:#e05c7a}.like-count[data-astro-cid-itta4knv]{min-width:1ch}.more-soon[data-astro-cid-itta4knv]{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--border);text-align:center}.more-soon-inner[data-astro-cid-itta4knv] .section-label[data-astro-cid-itta4knv]{margin-bottom:.5rem}.more-text[data-astro-cid-itta4knv]{font-size:.93rem;color:var(--text-muted);margin:0}.more-text[data-astro-cid-itta4knv] a[data-astro-cid-itta4knv]{color:var(--accent);text-decoration:underline;text-underline-offset:3px}@media(max-width:720px){.how-to-steps[data-astro-cid-itta4knv]{flex-direction:column;align-items:flex-start;gap:.6rem}.step-arrow[data-astro-cid-itta4knv]{transform:rotate(90deg);align-self:center}.presets-grid[data-astro-cid-itta4knv]{grid-template-columns:1fr}}