[data-tool=svg-to-png] [hidden]{display:none!important}[data-tool=svg-to-png] .s2p-ico{color:var(--color-accent-deep)}[data-tool=svg-to-png] .t-drop{position:relative}[data-tool=svg-to-png] .t-drop span:not(.t-hint){color:var(--color-muted);font-size:var(--text-sm)}[data-tool=svg-to-png] .t-seg{flex-wrap:wrap;align-self:start;max-inline-size:100%}[data-tool=svg-to-png] .t-seg label{min-block-size:44px}[data-tool=svg-to-png] .t-seg label:has(input:disabled){opacity:.5;cursor:not-allowed}[data-tool=svg-to-png] .t-textarea{min-block-size:260px}[data-tool=svg-to-png] .s2p-preview,[data-tool=svg-to-png] .s2p-thumb{border-radius:var(--radius-md);background-color:var(--color-surface-2);background-image:conic-gradient(var(--color-line) 25%, transparent 0 50%, var(--color-line) 0 75%, transparent 0);background-size:16px 16px;place-items:center;display:grid;overflow:hidden}[data-tool=svg-to-png] .s2p-preview{min-block-size:260px;padding:var(--space-sm);border:1px solid var(--color-line);text-align:center}[data-tool=svg-to-png] .s2p-preview img{object-fit:contain;block-size:100%;max-block-size:320px;inline-size:100%}[data-tool=svg-to-png] .s2p-preview.is-error{background-image:none}[data-tool=svg-to-png] [data-preview-info].is-error{color:var(--color-bad);font-weight:600}[data-tool=svg-to-png] .s2p-opts{gap:var(--space-sm);flex-direction:column;margin:0;display:flex}[data-tool=svg-to-png] .s2p-opts>legend{float:left;inline-size:100%;margin-block-end:var(--space-2xs);padding:0}[data-tool=svg-to-png] .s2p-grid{clear:both;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));display:grid}[data-tool=svg-to-png] .s2p-wh{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}[data-tool=svg-to-png] .s2p-icons{border:0;min-inline-size:0;margin:0;padding:0}[data-tool=svg-to-png] .s2p-icons legend{margin-block-end:4px;padding:0}[data-tool=svg-to-png] .s2p-icon-grid{gap:0 var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(76px,1fr));display:grid}[data-tool=svg-to-png] .s2p-range{min-block-size:44px;inline-size:100%;accent-color:var(--color-accent)}[data-tool=svg-to-png] .s2p-color{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;block-size:44px;inline-size:88px;padding:4px}[data-tool=svg-to-png] .s2p-color:disabled{opacity:.5;cursor:not-allowed}[data-tool=svg-to-png] .s2p-list{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;display:flex;container-type:inline-size}[data-tool=svg-to-png] .s2p-card{gap:var(--space-xs) var(--space-sm);padding:var(--space-xs);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:88px minmax(0,1fr);align-items:center;display:grid}[data-tool=svg-to-png] .s2p-card[data-state=error]{border-color:var(--color-bad)}[data-tool=svg-to-png] .s2p-thumb{border-radius:var(--radius-sm);background-size:12px 12px;block-size:88px;inline-size:88px}[data-tool=svg-to-png] .s2p-thumb img{object-fit:contain;block-size:100%;inline-size:100%}[data-tool=svg-to-png] .s2p-thumb span{font-size:var(--text-xs);color:var(--color-muted);font-weight:700}[data-tool=svg-to-png] .s2p-meta{flex-direction:column;gap:4px;min-inline-size:0;display:flex}[data-tool=svg-to-png] .s2p-meta p{margin:0}[data-tool=svg-to-png] .s2p-name{overflow-wrap:anywhere;font-weight:600}[data-tool=svg-to-png] .s2p-info{font-size:var(--text-sm);color:var(--color-muted);overflow-wrap:anywhere}[data-tool=svg-to-png] .s2p-card[data-state=error] .s2p-info{color:var(--color-bad);font-weight:600}[data-tool=svg-to-png] .s2p-note{font-size:var(--text-xs);color:var(--color-warn);overflow-wrap:anywhere}[data-tool=svg-to-png] .s2p-note:empty{display:none}[data-tool=svg-to-png] .s2p-badges{flex-wrap:wrap;gap:6px;display:flex}[data-tool=svg-to-png] .s2p-badges:empty{display:none}[data-tool=svg-to-png] .s2p-acts{gap:var(--space-2xs);flex-wrap:wrap;grid-column:1/-1;display:flex}[data-tool=svg-to-png] .s2p-acts:empty{display:none}[data-tool=svg-to-png] .s2p-acts .t-btn{min-block-size:44px}@container (width>=600px){[data-tool=svg-to-png] .s2p-card{grid-template-columns:88px minmax(0,1fr) auto}[data-tool=svg-to-png] .s2p-acts{grid-column:auto;justify-content:flex-end;max-inline-size:280px}}