.svg-input-tabs[data-astro-cid-sk3wnty2]{display:flex;gap:4px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:4px;margin-bottom:1rem}.svg-tab[data-astro-cid-sk3wnty2]{flex:1;padding:.5rem;font-size:.85rem;font-weight:600;border:none;border-radius:6px;background:transparent;color:var(--text-2);cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.svg-tab[data-astro-cid-sk3wnty2].active{background:var(--surface);color:var(--blue);box-shadow:var(--shadow-xs)}.svg-tab[data-astro-cid-sk3wnty2]:not(.active):hover{background:#0000000a}.svg-code-textarea[data-astro-cid-sk3wnty2]{padding:.75rem;font-size:.82rem;font-family:var(--font-mono);line-height:1.5;border:2px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--text-1);outline:none;resize:vertical;transition:border-color .15s}.svg-code-textarea[data-astro-cid-sk3wnty2]:focus{border-color:var(--blue);background:#fff}.svg-paste-btn[data-astro-cid-sk3wnty2]{margin-top:.5rem;padding:.55rem 1.5rem;font-size:.88rem;font-weight:700;border:none;border-radius:var(--r-sm);background:var(--blue);color:#fff;cursor:pointer;font-family:inherit;width:100%}.svg-paste-btn[data-astro-cid-sk3wnty2]:hover{background:#1d4ed8}.svg-options[data-astro-cid-sk3wnty2]{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:1rem;margin-bottom:1rem}.svg-options-title[data-astro-cid-sk3wnty2]{font-size:.82rem;font-weight:700;color:var(--text-2);margin:0 0 .6rem}.svg-opt-grid[data-astro-cid-sk3wnty2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;margin-bottom:.75rem}.svg-opt[data-astro-cid-sk3wnty2]{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-1);cursor:pointer}.svg-opt[data-astro-cid-sk3wnty2] input[data-astro-cid-sk3wnty2][type=checkbox]{accent-color:var(--blue)}.svg-reopt-btn[data-astro-cid-sk3wnty2]{padding:.4rem 1rem;font-size:.82rem;font-weight:600;border:1.5px solid var(--blue);border-radius:6px;background:var(--blue-bg);color:var(--blue);cursor:pointer;font-family:inherit}.svg-reopt-btn[data-astro-cid-sk3wnty2]:hover{background:var(--blue);color:#fff}.svg-preview-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:.75rem}.svg-preview-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.svg-preview-card h3{font-size:.75rem;font-weight:700;color:var(--text-3);padding:.5rem .75rem;border-bottom:1px solid var(--border);margin:0}.svg-preview-box{display:flex;align-items:center;justify-content:center;min-height:120px;padding:12px;background:repeating-conic-gradient(#f0f0f0 0% 25%,#fff 0% 50%) 50% / 16px 16px}.svg-preview-box svg{max-width:100%;max-height:150px}.svg-size-badge{display:block;padding:.4rem .75rem;font-size:.78rem;font-weight:600;color:var(--text-2);border-top:1px solid var(--border);text-align:center}.svg-size-after{color:var(--blue);font-weight:700}.svg-stats{display:flex;align-items:center;justify-content:center;gap:16px;padding:.85rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--r-sm);margin-bottom:.75rem;font-size:.88rem;font-weight:600;color:#166534;flex-wrap:wrap;text-align:center}.svg-output-section{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.svg-output-header{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1rem;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px}.svg-output-header h3{font-size:.78rem;font-weight:700;color:var(--text-2);margin:0}.svg-output-actions{display:flex;gap:6px}.svg-action-btn{padding:.3rem .8rem;font-size:.78rem;font-weight:600;border:1.5px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-2);cursor:pointer;font-family:inherit}.svg-action-btn:hover{border-color:var(--blue);color:var(--blue)}.svg-action-primary{border-color:var(--blue);background:var(--blue);color:#fff}.svg-action-primary:hover{background:#1d4ed8}.svg-output-textarea[data-astro-cid-sk3wnty2]{border:none;border-radius:0;margin:0}@media(max-width:640px){.svg-preview-row,.svg-opt-grid[data-astro-cid-sk3wnty2]{grid-template-columns:1fr}}