.breadcrumb[data-astro-cid-qq7yxftp]{padding:var(--space-4) 0;border-bottom:1px solid var(--border-default);background:var(--gray-50)}.breadcrumb__list[data-astro-cid-qq7yxftp]{list-style:none;display:flex;align-items:center;gap:var(--space-2);margin:0;padding:0;font-size:var(--text-sm)}.breadcrumb__list[data-astro-cid-qq7yxftp] li[data-astro-cid-qq7yxftp]+li[data-astro-cid-qq7yxftp]:before{content:"/";color:var(--gray-400);margin-right:var(--space-2)}.breadcrumb__list[data-astro-cid-qq7yxftp] a[data-astro-cid-qq7yxftp]{color:var(--navy);text-decoration:none;font-weight:var(--fw-medium)}.breadcrumb__list[data-astro-cid-qq7yxftp] li[data-astro-cid-qq7yxftp][aria-current=page]{color:var(--gray-500)}.es-header[data-astro-cid-qq7yxftp]{padding:var(--space-12) 0 var(--space-10);background:linear-gradient(135deg,var(--white) 0%,var(--gray-50) 100%);border-bottom:1px solid var(--border-default)}.es-layout[data-astro-cid-qq7yxftp]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}@media(max-width:1024px){.es-layout[data-astro-cid-qq7yxftp]{grid-template-columns:1fr}}.es-section-title[data-astro-cid-qq7yxftp]{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin:var(--space-6) 0 var(--space-3)}.es-section-title[data-astro-cid-qq7yxftp]:first-child{margin-top:0}.template-grid[data-astro-cid-qq7yxftp]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-4)}.template-btn[data-astro-cid-qq7yxftp]{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--white);font-size:var(--text-sm);color:var(--charcoal);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.template-btn[data-astro-cid-qq7yxftp]:hover{border-color:var(--navy)}.template-btn[data-astro-cid-qq7yxftp].active{border-color:var(--navy);background:var(--navy);color:var(--white)}.form-grid[data-astro-cid-qq7yxftp]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.form-group--full[data-astro-cid-qq7yxftp]{grid-column:1 / -1}@media(max-width:600px){.form-grid[data-astro-cid-qq7yxftp]{grid-template-columns:1fr}.form-group--full[data-astro-cid-qq7yxftp]{grid-column:auto}}.form-group[data-astro-cid-qq7yxftp]{display:flex;flex-direction:column}.form-label[data-astro-cid-qq7yxftp]{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--gray-600);margin-bottom:var(--space-1)}.form-hint[data-astro-cid-qq7yxftp]{color:var(--gray-400);margin-top:var(--space-1)}.es-output-area[data-astro-cid-qq7yxftp]{position:sticky;top:var(--space-6)}@media(max-width:1024px){.es-output-area[data-astro-cid-qq7yxftp]{position:static}}.preview-frame[data-astro-cid-qq7yxftp]{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--white);padding:var(--space-3);margin-bottom:var(--space-2)}.preview-frame[data-astro-cid-qq7yxftp] iframe[data-astro-cid-qq7yxftp]{width:100%;min-height:220px;border:none;display:block}.es-size-info[data-astro-cid-qq7yxftp]{color:var(--gray-500);margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs)}.es-size-info[data-astro-cid-qq7yxftp].warn{color:#d97706;font-weight:var(--fw-semibold)}.es-size-info[data-astro-cid-qq7yxftp].error{color:#dc2626;font-weight:var(--fw-bold)}.output-actions[data-astro-cid-qq7yxftp]{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap}.copy-toast[data-astro-cid-qq7yxftp]{color:var(--success);font-size:var(--text-sm);font-weight:var(--fw-medium)}.output-code-box[data-astro-cid-qq7yxftp]{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--gray-50)}.output-code-box[data-astro-cid-qq7yxftp] summary[data-astro-cid-qq7yxftp]{padding:var(--space-3) var(--space-4);cursor:pointer;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--charcoal);user-select:none}.output-code[data-astro-cid-qq7yxftp]{background:#1e293b;color:#e2e8f0;padding:var(--space-3);margin:0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;max-height:300px;overflow:auto;white-space:pre-wrap;word-break:break-all}