.svgo-wrap{display:flex;flex-direction:column;gap:1rem}.svgo-wrap [hidden]{display:none!important}.svgo-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border-soft)}.svgo-tab{padding:.5rem 1rem;font-size:.88rem;font-weight:600;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-fast),border-color var(--transition-fast)}.svgo-tab:hover{color:var(--color-text)}.svgo-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.svgo-panel{display:flex;flex-direction:column;gap:.4rem}.svgo-input{min-height:140px}.svgo-drop{position:relative;border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:1.4rem 1rem;text-align:center;cursor:pointer;background:var(--color-bg-secondary);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.svgo-drop:hover,.svgo-drop--over{border-color:var(--color-primary);background:var(--color-surface)}.svgo-drop-inner{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--color-text-secondary);pointer-events:none}.svgo-drop-inner p{margin:0;font-size:.92rem}.svgo-drop-hint{font-size:.78rem;color:var(--color-text-secondary)}.svgo-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.svgo-controls{display:flex;flex-direction:column;gap:.6rem;padding:.85rem .95rem .95rem;background:var(--color-bg-secondary);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.svgo-controls-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.svgo-controls-heading{margin:0;font-size:.92rem;font-weight:700;color:var(--color-text);font-family:var(--font-sans)}.svgo-reset{font-size:.78rem;min-height:32px;padding:.2rem .7rem}.svgo-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:.4rem .75rem}.svgo-toggle{display:flex;align-items:center;gap:.55rem;cursor:pointer;font-size:.88rem;color:var(--color-text);padding:.25rem 0;user-select:none}.svgo-toggle input[type=checkbox]{flex-shrink:0}.svgo-toggle-text{display:inline-flex;align-items:baseline;gap:.35rem;flex-wrap:wrap;line-height:1.3}.svgo-warn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--color-accent);color:var(--color-primary-contrast);font-size:.68rem;font-weight:800;font-style:normal}.svgo-toggle--slider{grid-column:1 / -1;flex-direction:column;align-items:stretch;gap:.35rem}.svgo-toggle--slider .svgo-toggle-text{justify-content:space-between;width:100%}.svgo-precision-val{font-family:var(--font-mono);font-weight:700;color:var(--color-primary)}.svgo-advanced-btn{align-self:flex-start;font-size:.82rem;min-height:32px;padding:.2rem .7rem}.svgo-advanced-body{display:flex;flex-direction:column;gap:.5rem;border-top:1px dashed var(--color-border-soft);padding-top:.6rem}.svgo-advanced-hint{margin:0;font-size:.78rem;color:var(--color-text-secondary)}.svgo-advanced-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.3rem .7rem}.svgo-adv-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.svgo-adv-toggle code{font-family:var(--font-mono);font-size:.78rem;color:var(--color-text);background:transparent;padding:0}.svgo-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.svgo-actions .tool-status{flex:1 1 auto;min-width:160px}.svgo-result{display:flex;flex-direction:column;gap:.85rem}.svgo-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:.85rem}.svgo-result-card{background:var(--color-bg-secondary);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--color-border-soft);padding:.7rem .85rem .85rem;display:flex;flex-direction:column;gap:.55rem;min-width:0}.svgo-result-head{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.svgo-result-label{font-size:.74rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.svgo-result-bytes{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--color-text)}.svgo-saved{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--color-success);margin-left:auto}.svgo-saved--larger{color:var(--color-danger)}.svgo-preview{background:repeating-conic-gradient(color-mix(in oklch,var(--color-text-muted) 22%,transparent) 0% 25%,transparent 0% 50%) 0 0 / 16px 16px,var(--color-surface);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--color-border-soft);min-height:140px;max-height:240px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:.5rem}.svgo-preview svg,.svgo-preview img{max-width:100%;max-height:220px}.svgo-output-actions{display:flex;gap:.55rem;flex-wrap:wrap}.svgo-output-details summary{cursor:pointer;font-size:.85rem;color:var(--color-text-secondary);font-weight:600;padding:.35rem 0}.svgo-output-details summary:hover{color:var(--color-primary)}.svgo-output-pre{background:var(--color-bg-secondary);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--color-border-soft);padding:.85rem;font-family:var(--font-mono);font-size:.78rem;color:var(--color-text);max-height:280px;overflow:auto}.svgo-output-pre code{background:transparent;color:inherit;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:640px){.svgo-toggle-grid,.svgo-result-grid{grid-template-columns:1fr}.svgo-actions{flex-direction:column;align-items:stretch}.svgo-actions .tool-status{min-width:0}}