h1[data-astro-cid-axngf5qz]{color:#0f172a;margin:.75rem 0 .5rem;font-size:1.55rem;font-weight:700;line-height:1.4}.subtitle[data-astro-cid-axngf5qz]{color:#475569;margin-bottom:1.25rem;font-size:.925rem;line-height:1.65}.tool-container[data-astro-cid-axngf5qz]{flex-direction:column;gap:1.25rem;display:flex}.framework-tabs[data-astro-cid-axngf5qz]{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.4rem;display:grid}.framework-tab[data-astro-cid-axngf5qz]{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem .75rem;font-size:.925rem;font-weight:700;transition:background .15s,color .15s,box-shadow .15s;display:flex}.framework-tab[data-astro-cid-axngf5qz]:hover{color:#1e293b;background:#ffffffb3}.framework-tab[data-astro-cid-axngf5qz].active{color:#fff;background:#1e40af;box-shadow:0 2px 6px #1e40af40}.control-panel[data-astro-cid-axngf5qz]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.85rem;padding:1rem 1.25rem;display:flex}.framework-subtitle[data-astro-cid-axngf5qz]{color:#334155;margin:0;font-size:.875rem;font-weight:600}.title-action-row[data-astro-cid-axngf5qz]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.title-input-group[data-astro-cid-axngf5qz]{flex:1;align-items:center;gap:.65rem;min-width:240px;display:flex}.setting-label[data-astro-cid-axngf5qz]{color:#475569;white-space:nowrap;font-size:.85rem;font-weight:700}.setting-input[data-astro-cid-axngf5qz]{color:#1e293b;border:1px solid #cbd5e1;border-radius:6px;flex:1;padding:.5rem .7rem;font-size:.9rem}.setting-input[data-astro-cid-axngf5qz]:focus{border-color:#1e40af;outline:none}.template-btns[data-astro-cid-axngf5qz]{flex-wrap:wrap;gap:.5rem;display:flex}.inputs-grid[data-astro-cid-axngf5qz]{gap:1rem;display:grid}.inputs-grid--2col[data-astro-cid-axngf5qz]{grid-template-columns:repeat(2,1fr)}.inputs-grid--3col[data-astro-cid-axngf5qz]{grid-template-columns:repeat(3,1fr)}.input-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.45rem;padding:1rem;display:flex}.input-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.box-label{color:#0f172a;font-size:.95rem;font-weight:700}.box-badge{color:#475569;background:#f1f5f9;border-radius:9999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.box-desc{color:#64748b;margin:0;font-size:.78rem;line-height:1.45}.box-textarea{color:#1e293b;resize:vertical;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:.55rem .65rem;font-family:inherit;font-size:.875rem;line-height:1.55}.box-textarea:focus{border-color:#1e40af;outline:none;box-shadow:0 0 0 2px #2563eb1f}.preview-section[data-astro-cid-axngf5qz]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.preview-header[data-astro-cid-axngf5qz]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.preview-title[data-astro-cid-axngf5qz]{color:#1e293b;margin:0;font-size:1.05rem;font-weight:700}.export-actions[data-astro-cid-axngf5qz]{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.copy-status[data-astro-cid-axngf5qz]{color:#059669;min-width:4em;font-size:.82rem;font-weight:600}.btn[data-astro-cid-axngf5qz]{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s;display:inline-flex}.btn-primary[data-astro-cid-axngf5qz]{color:#fff;background:#1e40af}.btn-primary[data-astro-cid-axngf5qz]:hover{background:#1e3a8a}.btn-secondary[data-astro-cid-axngf5qz]{color:#1e293b;background:#e2e8f0}.btn-secondary[data-astro-cid-axngf5qz]:hover{background:#cbd5e1}.btn-ghost[data-astro-cid-axngf5qz]{color:#475569;background:#f8fafc;border:1px solid #cbd5e1}.btn-ghost[data-astro-cid-axngf5qz]:hover{background:#f1f5f9}.canvas-container[data-astro-cid-axngf5qz]{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;width:100%;padding:.75rem;display:flex;overflow-x:auto}#framework-canvas[data-astro-cid-axngf5qz]{background:#fff;border-radius:6px;max-width:100%;height:auto;box-shadow:0 1px 4px #0f172a14}.text-output-details[data-astro-cid-axngf5qz]{border-top:1px solid #e2e8f0;padding-top:.75rem}.text-output-details[data-astro-cid-axngf5qz] summary[data-astro-cid-axngf5qz]{cursor:pointer;color:#334155;font-size:.85rem;font-weight:600}.formatted-text-output[data-astro-cid-axngf5qz]{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;width:100%;margin-top:.6rem;padding:.65rem;font-family:Courier New,monospace;font-size:.825rem;line-height:1.55}@media (width<=768px){.framework-tabs[data-astro-cid-axngf5qz]{grid-template-columns:repeat(2,1fr)}.inputs-grid--2col[data-astro-cid-axngf5qz],.inputs-grid--3col[data-astro-cid-axngf5qz]{grid-template-columns:1fr}}