.page-shell[data-astro-cid-aaeqzykv]{max-width:1280px;margin:0 auto;padding:var(--space-8) var(--space-6)}.page-header[data-astro-cid-aaeqzykv]{margin-bottom:var(--space-6)}.page-title[data-astro-cid-aaeqzykv]{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-slate-900);font-family:var(--font-sans);margin-bottom:var(--space-1)}.page-subtitle[data-astro-cid-aaeqzykv]{color:var(--color-slate-600);font-family:var(--font-body);font-size:var(--text-sm);max-width:68ch}.control-card[data-astro-cid-aaeqzykv]{background-color:var(--color-white);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);padding:var(--space-4)}.options-card[data-astro-cid-aaeqzykv]{margin-bottom:var(--space-4)}.section-title[data-astro-cid-aaeqzykv]{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.controls-row[data-astro-cid-aaeqzykv]{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end}.field[data-astro-cid-aaeqzykv]{flex:1 1 200px;min-width:180px}.field--toggle[data-astro-cid-aaeqzykv]{display:flex;flex-direction:column;gap:var(--space-2)}.field[data-astro-cid-aaeqzykv] label[data-astro-cid-aaeqzykv]{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-slate-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.field[data-astro-cid-aaeqzykv] select[data-astro-cid-aaeqzykv]{font-family:var(--font-body)}.toggle[data-astro-cid-aaeqzykv]{display:flex;align-items:center;gap:var(--space-2);margin-bottom:0;text-transform:none;letter-spacing:0;font-size:var(--text-sm);color:var(--color-slate-700);cursor:pointer}.toggle[data-astro-cid-aaeqzykv] input[data-astro-cid-aaeqzykv]{width:16px;height:16px;accent-color:var(--color-blue-600);cursor:pointer}.status[data-astro-cid-aaeqzykv]{font-size:var(--text-xs);color:var(--color-slate-500);font-family:var(--font-body);min-height:1.2em}.hint[data-astro-cid-aaeqzykv]{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-slate-500);font-family:var(--font-body)}.split-row[data-astro-cid-aaeqzykv]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4)}.split-row[data-astro-cid-aaeqzykv]>[data-astro-cid-aaeqzykv]{min-width:0}#code-input[data-astro-cid-aaeqzykv]{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.55;resize:vertical;tab-size:2}.preview-scroll[data-astro-cid-aaeqzykv]{overflow-x:auto;border-radius:var(--radius-md);background-color:var(--color-slate-50);min-height:120px}.preview-scroll[data-astro-cid-aaeqzykv] pre{margin:0}.output-card[data-astro-cid-aaeqzykv]{margin-top:var(--space-4)}.output-head[data-astro-cid-aaeqzykv]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.actions[data-astro-cid-aaeqzykv]{display:flex;gap:var(--space-2)}.btn[data-astro-cid-aaeqzykv]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-body);color:var(--color-slate-700);background-color:var(--color-white);border:1px solid var(--color-slate-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.btn[data-astro-cid-aaeqzykv]:hover{border-color:var(--color-slate-300);background-color:var(--color-slate-50)}.btn--primary[data-astro-cid-aaeqzykv]{color:var(--color-white);background-color:var(--color-blue-600);border-color:var(--color-blue-600)}.btn--primary[data-astro-cid-aaeqzykv]:hover{color:var(--color-white);background-color:#1d4ed8;border-color:#1d4ed8}#html-output[data-astro-cid-aaeqzykv]{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;color:var(--color-slate-600);background-color:var(--color-slate-50);resize:vertical;white-space:pre}.prose[data-astro-cid-aaeqzykv]{margin-top:var(--space-10);border-top:1px solid var(--color-slate-200);padding-top:var(--space-8);max-width:78ch}.prose[data-astro-cid-aaeqzykv] h2[data-astro-cid-aaeqzykv]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-slate-900);font-family:var(--font-sans);margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose[data-astro-cid-aaeqzykv] h2[data-astro-cid-aaeqzykv]:first-child{margin-top:0}.prose[data-astro-cid-aaeqzykv] h3[data-astro-cid-aaeqzykv]{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-slate-700);font-family:var(--font-sans);margin-top:var(--space-5);margin-bottom:var(--space-2)}.prose[data-astro-cid-aaeqzykv] p[data-astro-cid-aaeqzykv]{color:var(--color-slate-600);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--space-3)}.prose[data-astro-cid-aaeqzykv] code[data-astro-cid-aaeqzykv]{font-family:var(--font-mono);font-size:.9em;color:var(--color-slate-700);background-color:var(--color-slate-100);padding:1px 5px;border-radius:var(--radius-sm)}.faq-item[data-astro-cid-aaeqzykv]{padding-left:var(--space-4);border-left:1px solid var(--color-slate-200);margin-bottom:var(--space-4)}.faq-item[data-astro-cid-aaeqzykv] h3[data-astro-cid-aaeqzykv]{margin-top:0}@media(max-width:900px){.split-row[data-astro-cid-aaeqzykv]{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.page-shell[data-astro-cid-aaeqzykv]{padding:var(--space-6) var(--space-4)}.controls-row[data-astro-cid-aaeqzykv]{flex-direction:column;align-items:stretch}.field[data-astro-cid-aaeqzykv]{flex:0 0 auto;min-width:0}.output-head[data-astro-cid-aaeqzykv]{align-items:flex-start}.actions[data-astro-cid-aaeqzykv]{width:100%}.btn[data-astro-cid-aaeqzykv]{flex:1;justify-content:center}}