.svg-converter{max-width:720px}.svg-converter__tabs{margin-bottom:var(--space-md);gap:.25rem;display:flex}.svg-converter__tab{color:var(--color-text-muted);font-family:var(--font-alfabet);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff24;border-radius:2rem;padding:.5rem 1.25rem;font-size:.625rem;font-weight:900}.svg-converter__tab:hover{color:var(--color-text);background:#ffffff1a;border-color:#ffffff40}.svg-converter__tab.is-active{color:#000;background:#fff;border-color:#fff}.svg-converter__paste{margin-bottom:var(--space-md)}.svg-converter__textarea{width:100%;min-height:200px;color:var(--color-text);resize:vertical;transition:border-color var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;padding:1rem;font-family:Courier New,Courier,monospace;font-size:.8125rem;line-height:1.6}.svg-converter__textarea::placeholder{color:#ffffff4d}.svg-converter__textarea:focus{border-color:var(--color-accent);outline:none}.svg-converter__load-btn{margin-top:var(--space-sm);color:#000;font-family:var(--font-alfabet);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);background:#fff;border:none;border-radius:2rem;padding:.625rem 1.5rem;font-size:.625rem;font-weight:900}.svg-converter__load-btn:hover{background-color:#e0e0e0;transform:scale(1.03)}.svg-converter__workspace{gap:var(--space-md);flex-direction:column;display:flex}.svg-converter__toolbar{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.svg-converter__filename{font-family:var(--font-primary);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.svg-converter__dimensions{align-items:flex-end;gap:var(--space-sm);display:flex}.svg-converter__dim-group{flex:1}.svg-converter__dim-group--lock{flex:none;padding-bottom:.125rem}.svg-converter__dim-x{color:var(--color-text-muted);flex-shrink:0;padding-bottom:.5rem;font-size:1rem}.svg-converter__lock-btn{width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;display:flex}.svg-converter__lock-btn:hover{color:var(--color-text);background:#ffffff1a}.svg-converter__lock-btn.is-locked{color:var(--color-text);background:#ffffff1f;border-color:#ffffff40}.svg-converter__scales{align-items:center;gap:var(--space-sm);display:flex}.svg-converter__scales .tool-label{flex-shrink:0;margin-bottom:0}.svg-converter__scale-btns{gap:.25rem;display:flex}.svg-converter__scale-btn{color:var(--color-text-muted);font-family:var(--font-alfabet);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff24;border-radius:2rem;padding:.5rem 1rem;font-size:.625rem;font-weight:900}.svg-converter__scale-btn:hover{color:var(--color-text);background:#ffffff1a;border-color:#ffffff40}.svg-converter__scale-btn.is-active{color:#000;background:#fff;border-color:#fff}.svg-converter__preview-area{padding:var(--space-md);background-color:#ffffff0a;background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25%),linear-gradient(-45deg,#ffffff0d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0d 75%),linear-gradient(-45deg,#0000 75%,#ffffff0d 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat;background-size:16px 16px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;min-height:120px;display:flex;overflow:auto}.svg-converter__preview-area canvas{border-radius:4px;max-width:100%;height:auto;display:block}.svg-converter__actions{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.svg-converter__filesize{font-family:var(--font-alfabet);text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted);font-size:.625rem;font-weight:900}.svg-converter__download-btn{color:#000;font-family:var(--font-alfabet);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);background:#fff;border:none;border-radius:2rem;padding:.625rem 1.5rem;font-size:.625rem;font-weight:900}.svg-converter__download-btn:hover{background-color:#e0e0e0;transform:scale(1.03)}.svg-converter [hidden]{display:none}@media (width<=480px){.svg-converter__dimensions{flex-wrap:wrap}.svg-converter__dim-group{flex:40%}.svg-converter__dim-x{display:none}.svg-converter__dim-group--lock{flex:0 0 40px}}