.generator-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.sidebar{background:var(--bg-card);border:.5px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);align-self:start;position:sticky;top:var(--space-lg)}.sidebar h3{font-size:15px;font-weight:600;margin:0}.option-group{display:flex;flex-direction:column;gap:var(--space-xs)}.option-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}select{width:100%;padding:8px 10px;background:var(--bg-canvas);border:.5px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:inherit;cursor:pointer}select option{background:var(--bg-card);color:var(--text-primary)}select:focus{outline:none;border-color:var(--accent)}.checkbox-group{display:flex;flex-direction:column;gap:4px}.checkbox-group label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}.checkbox-group input[type=checkbox]{accent-color:var(--accent)}.btn-copy{margin-top:var(--space-sm);padding:10px 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast)}.btn-copy:hover{opacity:.85}.btn-copy:active{transform:scale(.98)}.btn-copy.copied{background:var(--green, #22c55e)}.preview-area{background:var(--bg-card);border:.5px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-lg);overflow:hidden}.preview-area h3{font-size:15px;font-weight:600;margin:0 0 var(--space-md)}#output{background:var(--bg-canvas);border-radius:var(--radius-md);padding:var(--space-md);margin:0;overflow-x:auto;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--text-primary);min-height:400px;white-space:pre-wrap}.info-section{max-width:720px;margin-bottom:var(--space-2xl)}.info-section h2{font-size:20px;font-weight:600;margin:var(--space-xl) 0 var(--space-md)}.info-section p{font-size:14px;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-md)}.info-section ul,.info-section ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.info-section li{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-sm);line-height:1.6}.info-section code{font-family:var(--font-mono);font-size:13px;background:var(--bg-card);padding:2px 6px;border-radius:3px}.config-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:var(--space-lg);border-radius:var(--radius-lg);overflow:hidden}.config-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-card);border-bottom:.5px solid var(--border-primary)}.config-table td{padding:10px 14px;color:var(--text-secondary);border-bottom:.5px solid var(--border-primary)}.config-table tr:last-child td{border-bottom:none}.config-table tr:hover td{background:var(--bg-card-hover)}.config-table a{color:var(--accent)}.config-table code{font-family:var(--font-mono);font-size:12px;background:var(--bg-canvas);padding:1px 4px;border-radius:3px}@media(max-width:768px){.generator-layout{grid-template-columns:1fr}.sidebar{position:static}}.page[data-astro-cid-nr45uykf]{padding:var(--space-xl) 0}.breadcrumb[data-astro-cid-nr45uykf]{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--text-muted);margin-bottom:var(--space-xl);flex-wrap:wrap}.breadcrumb[data-astro-cid-nr45uykf] a[data-astro-cid-nr45uykf]{color:var(--text-secondary)}.breadcrumb[data-astro-cid-nr45uykf] a[data-astro-cid-nr45uykf]:hover{color:var(--accent)}.breadcrumb-current[data-astro-cid-nr45uykf]{color:var(--text-primary);font-weight:500}.page-header[data-astro-cid-nr45uykf]{margin-bottom:var(--space-xl);max-width:720px}.page-header[data-astro-cid-nr45uykf] h1[data-astro-cid-nr45uykf]{font-size:28px;font-weight:600;letter-spacing:-.5px}.page-subtitle[data-astro-cid-nr45uykf]{font-size:14px;color:var(--text-secondary);margin-top:var(--space-sm);line-height:1.6}.page-subtitle[data-astro-cid-nr45uykf] code[data-astro-cid-nr45uykf]{font-family:var(--font-mono);background:var(--bg-card);padding:2px 6px;border-radius:3px}