.svg-to-png-module__SJpzUG__tool{}.svg-to-png-module__SJpzUG__instrumentBar{align-items:center;gap:var(--space-3);min-block-size:var(--control-height);flex-wrap:wrap;display:flex}.svg-to-png-module__SJpzUG__liveIndicator{margin-inline-start:auto}.svg-to-png-module__SJpzUG__optionGroup{flex-wrap:wrap;}.svg-to-png-module__SJpzUG__optionLabel{}.svg-to-png-module__SJpzUG__chipButton{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);min-block-size:var(--control-height-sm);padding-inline:var(--space-3);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0}.svg-to-png-module__SJpzUG__chipButton:hover:not([aria-pressed=true]){border-color:var(--color-border-control);color:var(--color-text-primary)}.svg-to-png-module__SJpzUG__chipButton[aria-pressed=true]{border-color:var(--color-accent-fg);color:var(--color-accent-fg)}.svg-to-png-module__SJpzUG__banner{}.svg-to-png-module__SJpzUG__capBanner{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-danger-fg);background:var(--color-danger-bg);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);overflow-wrap:anywhere}.svg-to-png-module__SJpzUG__bannerAction{color:var(--color-accent-fg);font-size:inherit;line-height:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.svg-to-png-module__SJpzUG__errorBox{}.svg-to-png-module__SJpzUG__errorMessage{color:var(--color-danger-fg);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-family:var(--font-mono);overflow-wrap:anywhere}.svg-to-png-module__SJpzUG__errorNote{color:var(--color-danger-fg);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.svg-to-png-module__SJpzUG__errorActions{gap:var(--space-4);flex-wrap:wrap;display:flex}.svg-to-png-module__SJpzUG__chips{gap:var(--space-2);block-size:calc(var(--text-ui-xs-line) + 2 * var(--space-1));overscroll-behavior:contain;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.svg-to-png-module__SJpzUG__chip{align-items:center;gap:var(--space-2);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-info-fg);background:var(--color-info-bg);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);display:inline-flex}.svg-to-png-module__SJpzUG__chipWarning{color:var(--color-warning-fg);background:var(--color-warning-bg)}.svg-to-png-module__SJpzUG__workspace{gap:var(--space-3);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:768px){.svg-to-png-module__SJpzUG__workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.svg-to-png-module__SJpzUG__optionsPane{order:1;grid-column:1/-1}.svg-to-png-module__SJpzUG__stagePane{order:2}}@media (min-width:1024px){.svg-to-png-module__SJpzUG__workspace{grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr)}.svg-to-png-module__SJpzUG__optionsPane{order:0;grid-column:auto}.svg-to-png-module__SJpzUG__stagePane{order:0}}.svg-to-png-module__SJpzUG__codePane{overflow:hidden;}.svg-to-png-module__SJpzUG__optionsPane{overflow:hidden;}.svg-to-png-module__SJpzUG__stagePane{overflow:hidden;}.svg-to-png-module__SJpzUG__paneHeader{block-size:calc(var(--control-height) + var(--space-4) + 1px);}.svg-to-png-module__SJpzUG__paneLabel{}.svg-to-png-module__SJpzUG__paneActions{align-items:center;gap:var(--space-2);min-block-size:var(--control-height);flex-wrap:wrap;display:inline-flex}.svg-to-png-module__SJpzUG__pickAccent{}.svg-to-png-module__SJpzUG__textarea{resize:none;block-size:300px;inline-size:100%;padding:var(--pane-padding);font-family:var(--font-mono);font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);background:0 0;border:none;display:block}.svg-to-png-module__SJpzUG__textarea::placeholder{color:var(--color-text-muted)}.svg-to-png-module__SJpzUG__textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.svg-to-png-module__SJpzUG__paneHint{padding:0 var(--pane-padding) var(--pane-padding);max-inline-size:var(--layout-prose);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.svg-to-png-module__SJpzUG__dropOverlay{padding:var(--space-4);text-align:center;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-accent-fg);background:var(--color-bg-surface);border:1px dashed var(--color-accent-fg);border-radius:var(--radius-md);z-index:1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.svg-to-png-module__SJpzUG__optionsBody{gap:var(--space-3);padding:var(--pane-padding);flex-direction:column;display:flex}.svg-to-png-module__SJpzUG__modeBody{display:grid}.svg-to-png-module__SJpzUG__modePanel{gap:var(--space-3);flex-direction:column;grid-area:1/1;display:flex}.svg-to-png-module__SJpzUG__modePanel[data-active=false]{visibility:hidden}.svg-to-png-module__SJpzUG__optRow{align-items:center;gap:var(--space-2);min-block-size:var(--target-min);flex-wrap:wrap;display:flex}.svg-to-png-module__SJpzUG__optLabel{flex:1;min-inline-size:0;}.svg-to-png-module__SJpzUG__numberField{inline-size:8ch;font-family:var(--font-mono);font-variant-numeric:tabular-nums;}.svg-to-png-module__SJpzUG__colorPicker{inline-size:var(--control-height);min-block-size:var(--control-height);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:0}.svg-to-png-module__SJpzUG__colorPicker:disabled{opacity:var(--opacity-disabled);cursor:default}.svg-to-png-module__SJpzUG__checkbox{}.svg-to-png-module__SJpzUG__optionCheck{align-items:center;gap:var(--space-2);font-size:var(--text-ui-md-size);line-height:var(--text-ui-md-line);min-block-size:var(--target-min);display:inline-flex}.svg-to-png-module__SJpzUG__optHint{}.svg-to-png-module__SJpzUG__stage{border-block-end:1px solid var(--color-border-subtle);--sp-checker:color-mix(in srgb, var(--color-text-primary) 16%, transparent);background-color:var(--color-bg-raised);background-image:linear-gradient(45deg, var(--sp-checker) 25%, transparent 25%, transparent 75%, var(--sp-checker) 75%), linear-gradient(45deg, var(--sp-checker) 25%, transparent 25%, transparent 75%, var(--sp-checker) 75%);background-position:0 0,8px 8px;background-size:16px 16px;place-items:center;block-size:300px;display:grid;position:relative;overflow:hidden}.svg-to-png-module__SJpzUG__stageImage{max-block-size:300px;max-inline-size:100%;display:block}.svg-to-png-module__SJpzUG__stageHint{padding:var(--pane-padding);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-muted);text-align:center;text-wrap:balance;overflow-wrap:anywhere}.svg-to-png-module__SJpzUG__checkList{--sp-rows:1;--sp-row-block:calc(var(--control-height) + var(--space-1));padding:var(--space-2) var(--pane-padding);gap:var(--space-1);block-size:calc(var(--sp-rows) * var(--sp-row-block) + 2 * var(--space-2));overscroll-behavior:contain;flex-direction:column;margin:0;list-style:none;display:flex;overflow-y:auto}.svg-to-png-module__SJpzUG__checkList[data-multi=true]{--sp-rows:5}.svg-to-png-module__SJpzUG__checkRow{align-items:center;gap:var(--space-3);min-block-size:var(--control-height);display:flex}.svg-to-png-module__SJpzUG__checkLabel{min-inline-size:0;font-family:var(--font-mono);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex:1}.svg-to-png-module__SJpzUG__checkAction{min-block-size:var(--control-height-sm);align-items:center;display:inline-flex}.svg-to-png-module__SJpzUG__rowButton{}.svg-to-png-module__SJpzUG__planLine{padding-inline:var(--pane-padding);font-family:var(--font-mono);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;min-block-size:var(--text-ui-xs-line);overflow-wrap:anywhere}.svg-to-png-module__SJpzUG__stageCaption{padding-inline:var(--pane-padding);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);min-block-size:var(--text-ui-xs-line)}.svg-to-png-module__SJpzUG__stageNote{padding-inline:var(--pane-padding);max-inline-size:var(--layout-prose);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);padding-block-start:var(--space-1)}.svg-to-png-module__SJpzUG__strippedBlock{gap:var(--space-2);padding:var(--space-2) var(--pane-padding) var(--pane-padding);flex-direction:column;display:flex}.svg-to-png-module__SJpzUG__strippedHeading{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary)}.svg-to-png-module__SJpzUG__statusLine{}.svg-to-png-module__SJpzUG__statusRight{}.svg-to-png-module__SJpzUG__actions{}.svg-to-png-module__SJpzUG__actionButton{}.svg-to-png-module__SJpzUG__actionPrimary{}.svg-to-png-module__SJpzUG__downloadPrimary{}.svg-to-png-module__SJpzUG__actionNote,.svg-to-png-module__SJpzUG__keyboardHint,.svg-to-png-module__SJpzUG__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.svg-to-png-module__SJpzUG__actionNote{min-block-size:var(--text-ui-xs-line)}.svg-to-png-module__SJpzUG__dialog{}.svg-to-png-module__SJpzUG__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.svg-to-png-module__SJpzUG__dialogActions{gap:var(--space-2);margin-block-start:var(--space-4);display:flex}.svg-to-png-module__SJpzUG__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.svg-to-png-module__SJpzUG__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.svg-to-png-module__SJpzUG__kbd{}@media (max-width:767px){.svg-to-png-module__SJpzUG__textarea{block-size:40vh;min-block-size:220px}.svg-to-png-module__SJpzUG__stage{block-size:220px}.svg-to-png-module__SJpzUG__stageImage{max-block-size:220px}}@media (pointer:coarse){.svg-to-png-module__SJpzUG__textarea{font-size:max(var(--text-code-size), 16px)}}@media (max-width:1023px){.svg-to-png-module__SJpzUG__actionButton,.svg-to-png-module__SJpzUG__pickAccent,.svg-to-png-module__SJpzUG__downloadPrimary,.svg-to-png-module__SJpzUG__rowButton,.svg-to-png-module__SJpzUG__chipButton,.svg-to-png-module__SJpzUG__bannerAction,.svg-to-png-module__SJpzUG__optionCheck,.svg-to-png-module__SJpzUG__numberField,.svg-to-png-module__SJpzUG__colorPicker{min-block-size:var(--target-touch)}.svg-to-png-module__SJpzUG__bannerAction,.svg-to-png-module__SJpzUG__optionCheck{align-items:center;display:inline-flex}.svg-to-png-module__SJpzUG__checkList{--sp-row-block:calc(var(--target-touch) + var(--space-1))}.svg-to-png-module__SJpzUG__checkRow,.svg-to-png-module__SJpzUG__checkAction,.svg-to-png-module__SJpzUG__paneActions{min-block-size:var(--target-touch)}.svg-to-png-module__SJpzUG__paneHeader{block-size:calc(var(--control-height-lg) + var(--space-4) + 1px)}}@media (pointer:coarse){.svg-to-png-module__SJpzUG__chipButton,.svg-to-png-module__SJpzUG__bannerAction,.svg-to-png-module__SJpzUG__optionCheck,.svg-to-png-module__SJpzUG__colorPicker{min-block-size:var(--target-touch)}.svg-to-png-module__SJpzUG__bannerAction,.svg-to-png-module__SJpzUG__optionCheck{align-items:center;display:inline-flex}.svg-to-png-module__SJpzUG__checkList{--sp-row-block:calc(var(--target-touch) + var(--space-1))}.svg-to-png-module__SJpzUG__checkRow,.svg-to-png-module__SJpzUG__checkAction,.svg-to-png-module__SJpzUG__paneActions{min-block-size:var(--target-touch)}.svg-to-png-module__SJpzUG__paneHeader{block-size:calc(var(--control-height-lg) + var(--space-4) + 1px)}}