.svg-to-png .converter-content{display:flex;flex-direction:column;gap:16px}.svg-to-png .svg-input{font-family:var(--teb-font-mono);font-size:13px;line-height:1.55;border-radius:8px;transition:border-color .15s ease}.svg-to-png .conversion-settings{background:var(--teb-canvas);border-radius:8px;padding:24px;border:1px solid var(--teb-hairline)}.svg-to-png .conversion-settings .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:16px}.svg-to-png .conversion-settings .settings-grid .setting-item{display:flex;flex-direction:column;gap:8px}.svg-to-png .conversion-settings .settings-grid .setting-item label{font-weight:500;color:var(--teb-ink-muted);font-size:13px}.svg-to-png .actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.svg-to-png .instructions{background:var(--teb-primary-tint);border:1px solid rgba(91,75,255,.2);border-radius:8px;padding:20px;margin-top:24px}.svg-to-png .instructions ul{margin:0;padding-left:20px;color:var(--teb-ink-muted)}.svg-to-png .instructions ul li{margin-bottom:8px;line-height:1.5}.svg-to-png .instructions ul li:last-child{margin-bottom:0}@media (max-width: 768px){.svg-to-png .conversion-settings{padding:16px}.svg-to-png .conversion-settings .settings-grid{grid-template-columns:1fr}.svg-to-png .actions{flex-direction:column;align-items:center}.svg-to-png .actions .ant-btn{width:100%;max-width:300px}.svg-to-png .instructions{padding:16px}}