.base64-to-image-module__t1yzjW__tool{gap:var(--space-3);flex-direction:column;display:flex}.base64-to-image-module__t1yzjW__tabs{gap:var(--space-1);border-block-end:1px solid var(--color-border-subtle);display:flex}.base64-to-image-module__t1yzjW__tab{}.base64-to-image-module__t1yzjW__optionsBar{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.base64-to-image-module__t1yzjW__option{align-items:center;gap:var(--space-2);cursor:pointer;min-block-size:var(--target-min);display:inline-flex}.base64-to-image-module__t1yzjW__optionLabel{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);white-space:nowrap}.base64-to-image-module__t1yzjW__optionSelect{min-block-size:var(--control-height);padding-inline:var(--space-2);font-family:var(--font-ui);font-size:var(--text-ui-md-size);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);cursor:pointer}.base64-to-image-module__t1yzjW__optionSelect:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.base64-to-image-module__t1yzjW__optionSelect:disabled{opacity:var(--opacity-disabled);cursor:default;border-color:var(--color-border-subtle)}.base64-to-image-module__t1yzjW__optionsEnd{align-items:center;gap:var(--space-4);margin-inline-start:auto;display:flex}.base64-to-image-module__t1yzjW__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}.base64-to-image-module__t1yzjW__optionHint{min-block-size:var(--text-ui-xs-line);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.base64-to-image-module__t1yzjW__banner,.base64-to-image-module__t1yzjW__suggestion{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.base64-to-image-module__t1yzjW__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)}.base64-to-image-module__t1yzjW__bannerAction{color:var(--color-accent-fg);cursor:pointer;font-size:inherit;text-underline-offset:2px;min-block-size:var(--target-min);background:0 0;border:none;padding:0;text-decoration:underline}.base64-to-image-module__t1yzjW__noticeSlot{min-block-size:calc(2 * var(--space-3) + var(--text-ui-sm-line) + var(--space-2) + var(--target-min))}.base64-to-image-module__t1yzjW__workspace{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:768px){.base64-to-image-module__t1yzjW__workspace{grid-template-columns:repeat(2,minmax(0,1fr))}}.base64-to-image-module__t1yzjW__pane{background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-md);min-block-size:var(--pane-min-block);flex-direction:column;display:flex;position:relative}.base64-to-image-module__t1yzjW__paneStale{border-color:var(--color-warning-fg)}.base64-to-image-module__t1yzjW__paneHeader{}.base64-to-image-module__t1yzjW__paneBadge{align-items:center;gap:var(--space-2);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);padding:0 var(--space-2);min-block-size:var(--space-5);white-space:nowrap;display:inline-flex}.base64-to-image-module__t1yzjW__paneLabel{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.base64-to-image-module__t1yzjW__textarea{resize:vertical;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;flex:1;min-block-size:240px;overflow:auto}.base64-to-image-module__t1yzjW__textarea::placeholder{color:var(--color-text-muted);white-space:pre-wrap}.base64-to-image-module__t1yzjW__textarea:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.base64-to-image-module__t1yzjW__textareaHidden{display:none}.base64-to-image-module__t1yzjW__dropBody{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--pane-padding);text-align:center;flex-direction:column;flex:1;min-block-size:0;display:flex;overflow:auto}.base64-to-image-module__t1yzjW__dropCta{font-size:var(--text-ui-md-size);line-height:var(--text-ui-md-line);color:var(--color-text-secondary)}.base64-to-image-module__t1yzjW__dropHint{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.base64-to-image-module__t1yzjW__thumbBox{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;block-size:96px;inline-size:100%;display:flex;overflow:hidden}.base64-to-image-module__t1yzjW__fileMetaLine{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}.base64-to-image-module__t1yzjW__outputBody{flex-direction:column;block-size:300px;display:flex;overflow:hidden auto}.base64-to-image-module__t1yzjW__outputArea{resize:none;min-block-size:0}.base64-to-image-module__t1yzjW__staleOutput{opacity:var(--opacity-stale)}.base64-to-image-module__t1yzjW__outputNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);padding:var(--space-1) var(--space-3);border-block-start:1px solid var(--color-border-subtle);font-variant-numeric:tabular-nums;flex:none}.base64-to-image-module__t1yzjW__staleBadge{color:var(--color-warning-fg);background:var(--color-warning-bg);border-radius:var(--radius-full);padding:0 var(--space-2);font-size:var(--text-ui-xs-size)}.base64-to-image-module__t1yzjW__previewCard{gap:var(--space-2);padding:var(--space-3);flex-direction:column;min-block-size:0;display:flex;overflow:auto}.base64-to-image-module__t1yzjW__imageBox{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);block-size:160px;inline-size:100%;padding:var(--space-2);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.base64-to-image-module__t1yzjW__imagePreview{object-fit:contain;max-block-size:100%;max-inline-size:100%}.base64-to-image-module__t1yzjW__previewFailedNote{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-warning-fg);text-align:center;text-wrap:balance}.base64-to-image-module__t1yzjW__noPreviewBox{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.base64-to-image-module__t1yzjW__noPreviewNote{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-muted);text-wrap:balance}.base64-to-image-module__t1yzjW__pointerRow{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.base64-to-image-module__t1yzjW__metaBadges{gap:var(--space-2);min-block-size:var(--space-5);flex-wrap:wrap;display:flex}.base64-to-image-module__t1yzjW__metaBadge{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);padding:0 var(--space-2);min-block-size:var(--space-5);white-space:nowrap;align-items:center;display:inline-flex}.base64-to-image-module__t1yzjW__metaLine{min-block-size:var(--text-ui-xs-line);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.base64-to-image-module__t1yzjW__dropOverlay{background:var(--color-bg-pane);border:2px dashed var(--color-accent-fg);border-radius:var(--radius-md);color:var(--color-accent-fg);font-size:var(--text-ui-md-size);z-index:1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.base64-to-image-module__t1yzjW__paneEmpty{}.base64-to-image-module__t1yzjW__statusLine{justify-content:space-between;gap:var(--space-4);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);display:flex}.base64-to-image-module__t1yzjW__statusRight{align-items:center;gap:var(--space-2);display:inline-flex}.base64-to-image-module__t1yzjW__statusInvalid{color:var(--color-danger-fg)}.base64-to-image-module__t1yzjW__errorBox{gap:var(--space-2);background:var(--color-danger-bg);border-radius:var(--radius-sm);padding:var(--space-3);flex-direction:column;display:flex}.base64-to-image-module__t1yzjW__errorMessage{color:var(--color-danger-fg);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.base64-to-image-module__t1yzjW__errorActions{gap:var(--space-4);display:inline-flex}.base64-to-image-module__t1yzjW__chips{gap:var(--space-2);min-block-size:calc(var(--text-ui-xs-line) + 2 * var(--space-1));flex-wrap:wrap;padding:0;list-style:none;display:flex}.base64-to-image-module__t1yzjW__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}.base64-to-image-module__t1yzjW__chipWarning{color:var(--color-warning-fg);background:var(--color-warning-bg)}.base64-to-image-module__t1yzjW__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.base64-to-image-module__t1yzjW__actionButton{}.base64-to-image-module__t1yzjW__actionPrimary{}.base64-to-image-module__t1yzjW__shareNote,.base64-to-image-module__t1yzjW__keyboardHint,.base64-to-image-module__t1yzjW__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.base64-to-image-module__t1yzjW__dialog{background:var(--color-bg-raised);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);padding:var(--space-6);max-inline-size:420px}.base64-to-image-module__t1yzjW__dialog::backdrop{background:var(--overlay-backdrop)}.base64-to-image-module__t1yzjW__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.base64-to-image-module__t1yzjW__dialogActions{gap:var(--space-2);margin-block-start:var(--space-4);display:flex}.base64-to-image-module__t1yzjW__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.base64-to-image-module__t1yzjW__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.base64-to-image-module__t1yzjW__kbd{}.base64-to-image-module__t1yzjW__actionPrimary .base64-to-image-module__t1yzjW__kbd{color:inherit;background:0 0;border-color:currentColor}@media (max-width:1023px){.base64-to-image-module__t1yzjW__pane{min-block-size:40vh}}@media (min-width:768px) and (max-width:1023px){.base64-to-image-module__t1yzjW__pane{min-block-size:260px}}@media (max-width:767px){.base64-to-image-module__t1yzjW__optionHint{min-block-size:calc(var(--text-ui-xs-line) * 2)}.base64-to-image-module__t1yzjW__chips{min-block-size:calc(2 * (var(--text-ui-xs-line) + 2 * var(--space-1)) + var(--space-2))}.base64-to-image-module__t1yzjW__noticeSlot{min-block-size:calc(2 * var(--space-3) + 2 * var(--text-ui-sm-line) + var(--space-2) + var(--target-touch))}}.base64-to-image-module__t1yzjW__miniBar{display:none}@media (max-width:767px){.base64-to-image-module__t1yzjW__miniBar{gap:var(--space-2);z-index:var(--z-actionbar);padding:var(--space-2) var(--space-4);background:var(--color-bg-surface);border-block-start:1px solid var(--color-border-subtle);padding-block-end:calc(var(--space-2) + env(safe-area-inset-bottom));display:flex;position:fixed;inset-block-end:0;inset-inline:0}}@media (pointer:coarse){.base64-to-image-module__t1yzjW__textarea{font-size:max(var(--text-code-size), 16px)}.base64-to-image-module__t1yzjW__optionSelect{font-size:max(var(--text-ui-md-size), 16px)}}@media (max-width:1023px){.base64-to-image-module__t1yzjW__actionButton,.base64-to-image-module__t1yzjW__optionSelect,.base64-to-image-module__t1yzjW__tab{min-block-size:var(--target-touch)}.base64-to-image-module__t1yzjW__bannerAction,.base64-to-image-module__t1yzjW__option,.base64-to-image-module__t1yzjW__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}@media (pointer:coarse){.base64-to-image-module__t1yzjW__optionSelect{min-block-size:var(--target-touch)}.base64-to-image-module__t1yzjW__bannerAction,.base64-to-image-module__t1yzjW__option,.base64-to-image-module__t1yzjW__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}