.page-hero[data-astro-cid-qebfgwe4]{padding:var(--s12) 0 var(--s8);max-width:var(--container-narrow)}.page-hero[data-astro-cid-qebfgwe4] h1[data-astro-cid-qebfgwe4]{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);margin:0 0 var(--s3)}.page-hero[data-astro-cid-qebfgwe4] p[data-astro-cid-qebfgwe4]{color:var(--text-2);font-size:1.05rem;margin:0}.spice-layout[data-astro-cid-qebfgwe4]{display:grid;grid-template-columns:1fr 260px;gap:var(--s8);padding-bottom:var(--s20);align-items:start}.builder-panel[data-astro-cid-qebfgwe4] h2[data-astro-cid-qebfgwe4]{font-family:var(--font-display);font-size:1.5rem;margin:0 0 var(--s2)}.builder-intro[data-astro-cid-qebfgwe4]{color:var(--text-3);font-size:.9rem;margin:0 0 var(--s6)}.builder-output[data-astro-cid-qebfgwe4]{background:var(--surface);border:1.5px solid var(--accent);border-radius:var(--r3);padding:var(--s5);margin-bottom:var(--s8);min-height:80px}.output-placeholder[data-astro-cid-qebfgwe4]{color:var(--text-3);font-size:.9rem;font-style:italic}.output-text[data-astro-cid-qebfgwe4]{font-family:var(--font-mono);font-size:.875rem;line-height:1.7;color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0 0 var(--s4);background:none}.output-actions[data-astro-cid-qebfgwe4]{display:flex;gap:var(--s3);padding-top:var(--s3);border-top:1px solid var(--border-light);flex-wrap:wrap}.shelves[data-astro-cid-qebfgwe4]{display:flex;flex-direction:column;gap:var(--s8)}.shelf[data-astro-cid-qebfgwe4]{border-top:2px solid var(--accent);padding-top:var(--s5)}.shelf-header[data-astro-cid-qebfgwe4]{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.shelf-icon[data-astro-cid-qebfgwe4]{font-size:1.5rem;line-height:1}.shelf-header[data-astro-cid-qebfgwe4] h3[data-astro-cid-qebfgwe4]{font-family:var(--font-display);font-size:1.1rem;margin:0 0 2px}.shelf-header[data-astro-cid-qebfgwe4] p[data-astro-cid-qebfgwe4]{font-size:.78rem;color:var(--text-3);margin:0}.spice-grid[data-astro-cid-qebfgwe4]{display:flex;flex-wrap:wrap;gap:var(--s2)}.spice-btn[data-astro-cid-qebfgwe4]{padding:var(--s2) var(--s4);border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--text-2);cursor:pointer;transition:all var(--t-fast)}.spice-btn[data-astro-cid-qebfgwe4]:hover{background:var(--bg-alt);color:var(--text);border-color:var(--text-3)}.spice-btn[data-astro-cid-qebfgwe4].active{background:var(--accent-light);border-color:var(--accent);color:var(--accent);font-weight:600}.spice-sidebar[data-astro-cid-qebfgwe4]{display:flex;flex-direction:column;gap:var(--s4);position:sticky;top:calc(var(--nav-h) + var(--s4))}.sidebar-card[data-astro-cid-qebfgwe4]{background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);padding:var(--s5)}.sidebar-card[data-astro-cid-qebfgwe4] h3[data-astro-cid-qebfgwe4]{font-family:var(--font-display);font-size:1rem;margin:0 0 var(--s3)}.sidebar-card[data-astro-cid-qebfgwe4] p[data-astro-cid-qebfgwe4]{font-size:.875rem;color:var(--text-2);margin:0 0 var(--s3)}.sidebar-card[data-astro-cid-qebfgwe4] ol[data-astro-cid-qebfgwe4]{font-size:.85rem;color:var(--text-2);padding-left:var(--s4);margin:0}.sidebar-card[data-astro-cid-qebfgwe4] li[data-astro-cid-qebfgwe4]{margin-bottom:var(--s2)}.sidebar-link[data-astro-cid-qebfgwe4]{font-size:.875rem;font-weight:600;color:var(--accent);text-decoration:none}.sidebar-link[data-astro-cid-qebfgwe4]:hover{text-decoration:underline}.btn[data-astro-cid-qebfgwe4]{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);border-radius:var(--r2);font-size:.82rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--t-fast);font-family:var(--font-body)}.btn-primary[data-astro-cid-qebfgwe4]{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary[data-astro-cid-qebfgwe4]:hover{background:var(--accent-hover)}.btn-secondary[data-astro-cid-qebfgwe4]{background:transparent;color:var(--text-2);border-color:var(--border)}.btn-secondary[data-astro-cid-qebfgwe4]:hover{background:var(--bg-alt);color:var(--text)}@media (max-width: 768px){.spice-layout[data-astro-cid-qebfgwe4]{grid-template-columns:1fr}.spice-sidebar[data-astro-cid-qebfgwe4]{position:static}}