.base64-tool-module__ZlWJgq__tool{gap:var(--space-3);flex-direction:column;display:flex}.base64-tool-module__ZlWJgq__tabs{gap:var(--space-1);border-block-end:1px solid var(--color-border-subtle);display:flex}.base64-tool-module__ZlWJgq__tab{border:none;padding:var(--space-2) var(--space-4);min-height:var(--control-height);font-size:var(--text-ui-md-size);line-height:var(--text-ui-md-line);font-weight:var(--weight-medium);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-block-end:2px solid #0000}.base64-tool-module__ZlWJgq__tab[aria-selected=true]{color:var(--color-text-primary);border-block-end-color:var(--color-accent-fg)}.base64-tool-module__ZlWJgq__optionsBar{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.base64-tool-module__ZlWJgq__swapButton{min-inline-size:var(--control-height);min-block-size:var(--control-height);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);font-size:var(--text-body-size);cursor:pointer;background:0 0}.base64-tool-module__ZlWJgq__swapButton:hover{border-color:var(--color-accent-fg);color:var(--color-accent-fg)}.base64-tool-module__ZlWJgq__option{align-items:center;gap:var(--space-2);display:inline-flex}.base64-tool-module__ZlWJgq__optionLabel{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.base64-tool-module__ZlWJgq__select{min-block-size:var(--control-height);padding-inline:var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);font-size:var(--text-ui-md-size)}.base64-tool-module__ZlWJgq__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:24px;display:inline-flex}.base64-tool-module__ZlWJgq__runButton{min-block-size:var(--control-height);padding-inline:var(--space-4);background:var(--color-accent-emphasis-bg);color:var(--color-accent-emphasis-text);border-radius:var(--radius-sm);font-weight:var(--weight-medium);cursor:pointer;align-items:center;gap:var(--space-2);border:none;display:inline-flex}.base64-tool-module__ZlWJgq__banner,.base64-tool-module__ZlWJgq__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-tool-module__ZlWJgq__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-tool-module__ZlWJgq__bannerAction{color:var(--color-accent-fg);cursor:pointer;font-size:inherit;text-underline-offset:2px;background:0 0;border:none;min-block-size:24px;padding:0;text-decoration:underline}.base64-tool-module__ZlWJgq__bannerDismiss{color:var(--color-text-muted);cursor:pointer;font-size:inherit;background:0 0;border:none;min-block-size:24px;padding:0}.base64-tool-module__ZlWJgq__workspace{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.base64-tool-module__ZlWJgq__workspace{grid-template-columns:1fr 1fr}}.base64-tool-module__ZlWJgq__pane{background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-md);flex-direction:column;min-block-size:320px;display:flex;position:relative}.base64-tool-module__ZlWJgq__paneHeader{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-border-subtle);block-size:calc(var(--control-height-sm) + var(--space-2) * 2 + 1px);display:flex}.base64-tool-module__ZlWJgq__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);white-space:nowrap;min-block-size:20px;display:inline-flex}.base64-tool-module__ZlWJgq__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-tool-module__ZlWJgq__paneActions{align-items:center;gap:var(--space-2);display:inline-flex}.base64-tool-module__ZlWJgq__paneAction{border:1px solid var(--color-border-control);border-radius:var(--radius-sm);padding:0 var(--space-2);min-block-size:32px;font-size:var(--text-ui-xs-size);cursor:pointer;background:0 0}.base64-tool-module__ZlWJgq__paneAction:hover{border-color:var(--color-accent-fg);color:var(--color-accent-fg)}.base64-tool-module__ZlWJgq__textarea{resize:vertical;inline-size:100%;padding:var(--pane-padding);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}.base64-tool-module__ZlWJgq__textarea::placeholder{color:var(--color-text-muted)}.base64-tool-module__ZlWJgq__textarea:focus-visible{outline:2px solid var(--color-accent-fg);outline-offset:-2px}.base64-tool-module__ZlWJgq__staleOutput{opacity:.7}.base64-tool-module__ZlWJgq__textarea{transition:opacity var(--motion-large) var(--ease-standard)}.base64-tool-module__ZlWJgq__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-tool-module__ZlWJgq__fileCard,.base64-tool-module__ZlWJgq__binaryCard{justify-content:center;align-items:flex-start;gap:var(--space-3);padding:var(--pane-padding);font-size:var(--text-ui-md-size);line-height:var(--text-ui-md-line);flex-direction:column;flex:1;display:flex}.base64-tool-module__ZlWJgq__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-tool-module__ZlWJgq__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-tool-module__ZlWJgq__statusRight{align-items:center;gap:var(--space-2);display:inline-flex}.base64-tool-module__ZlWJgq__statusInvalid{color:var(--color-danger-fg)}.base64-tool-module__ZlWJgq__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-tool-module__ZlWJgq__errorMessage{color:var(--color-danger-fg);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.base64-tool-module__ZlWJgq__errorActions{gap:var(--space-4);display:inline-flex}.base64-tool-module__ZlWJgq__chips{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.base64-tool-module__ZlWJgq__chip{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)}.base64-tool-module__ZlWJgq__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.base64-tool-module__ZlWJgq__actionButton{min-block-size:var(--control-height);padding-inline:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);font-size:var(--text-ui-md-size);cursor:pointer}.base64-tool-module__ZlWJgq__actionButton:hover:not(:disabled){border-color:var(--color-accent-fg);color:var(--color-accent-fg)}.base64-tool-module__ZlWJgq__actionButton:disabled{opacity:.5;cursor:default}.base64-tool-module__ZlWJgq__actionPrimary{background:var(--color-accent-emphasis-bg);color:var(--color-accent-emphasis-text);font-weight:var(--weight-medium);border-color:#0000}.base64-tool-module__ZlWJgq__actionPrimary:hover:not(:disabled){color:var(--color-accent-emphasis-text);border-color:var(--color-accent-fg)}.base64-tool-module__ZlWJgq__shareNote,.base64-tool-module__ZlWJgq__shareCaption,.base64-tool-module__ZlWJgq__keyboardHint,.base64-tool-module__ZlWJgq__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.base64-tool-module__ZlWJgq__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-tool-module__ZlWJgq__dialog::backdrop{background:var(--overlay-backdrop)}.base64-tool-module__ZlWJgq__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.base64-tool-module__ZlWJgq__dialogActions{gap:var(--space-2);margin-block-start:var(--space-4);display:flex}.base64-tool-module__ZlWJgq__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.base64-tool-module__ZlWJgq__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.base64-tool-module__ZlWJgq__kbd{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);padding:0 var(--space-1);background:var(--color-bg-surface);display:inline-block}.base64-tool-module__ZlWJgq__runButton .base64-tool-module__ZlWJgq__kbd{color:inherit;background:0 0;border-color:currentColor}.base64-tool-module__ZlWJgq__srOnly{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:767px){.base64-tool-module__ZlWJgq__pane{min-block-size:40vh}}.base64-tool-module__ZlWJgq__textareaHidden{display:none}.base64-tool-module__ZlWJgq__optionHint{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.base64-tool-module__ZlWJgq__liveIndicator{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-success-fg);white-space:nowrap;margin-inline-start:auto}.base64-tool-module__ZlWJgq__miniBar{display:none}@media (max-width:767px){.base64-tool-module__ZlWJgq__miniBar{gap:var(--space-2);z-index:var(--z-header);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-tool-module__ZlWJgq__tab,.base64-tool-module__ZlWJgq__swapButton,.base64-tool-module__ZlWJgq__select,.base64-tool-module__ZlWJgq__actionButton,.base64-tool-module__ZlWJgq__paneAction,.base64-tool-module__ZlWJgq__runButton{min-block-size:44px}.base64-tool-module__ZlWJgq__paneHeader{block-size:calc(var(--control-height-lg) + var(--space-2) * 2 + 1px)}.base64-tool-module__ZlWJgq__bannerAction,.base64-tool-module__ZlWJgq__bannerDismiss,.base64-tool-module__ZlWJgq__optionCheck{align-items:center;min-block-size:44px;display:inline-flex}.base64-tool-module__ZlWJgq__textarea,.base64-tool-module__ZlWJgq__select{font-size:max(var(--text-code-size), 16px)}}