.data-uri-generator-module__vwEyjq__tool{}.data-uri-generator-module__vwEyjq__workspace{grid-template-areas:"source""output""options";}@media (min-width:1024px){.data-uri-generator-module__vwEyjq__workspace{grid-template-rows:auto 1fr;grid-template-areas:"source output""options output"}}.data-uri-generator-module__vwEyjq__sourcePane{grid-area:source;}.data-uri-generator-module__vwEyjq__outputPane{grid-area:output;}.data-uri-generator-module__vwEyjq__optionsPane{grid-area:options;}.data-uri-generator-module__vwEyjq__paneHeader{}.data-uri-generator-module__vwEyjq__paneLabel{}.data-uri-generator-module__vwEyjq__paneBadge{}.data-uri-generator-module__vwEyjq__headerEnd{align-items:center;gap:var(--space-2);margin-inline-start:auto;display:flex}.data-uri-generator-module__vwEyjq__sourceFieldset{padding:var(--space-2) var(--pane-padding) 0;border:none;min-inline-size:0;margin:0}.data-uri-generator-module__vwEyjq__segRow{gap:var(--space-2);flex-wrap:wrap;display:flex}.data-uri-generator-module__vwEyjq__seg{min-inline-size:var(--space-8);justify-content:center;}.data-uri-generator-module__vwEyjq__segSelected{min-inline-size:var(--space-8);justify-content:center;}.data-uri-generator-module__vwEyjq__segRowDisabled{opacity:var(--opacity-disabled);}.data-uri-generator-module__vwEyjq__seg:focus-within,.data-uri-generator-module__vwEyjq__segSelected:focus-within{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}.data-uri-generator-module__vwEyjq__inputArea{min-block-size:9rem;overflow:auto;}.data-uri-generator-module__vwEyjq__dropBody{min-block-size:9rem;}.data-uri-generator-module__vwEyjq__dropHint{max-inline-size:40ch}.data-uri-generator-module__vwEyjq__fileSummary{font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-primary);overflow-wrap:anywhere;max-inline-size:100%}.data-uri-generator-module__vwEyjq__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);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.data-uri-generator-module__vwEyjq__outputBody{gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-direction:column;flex:1;display:flex}.data-uri-generator-module__vwEyjq__uriArea{inline-size:100%;min-block-size:calc(8 * var(--text-code-line) + 2 * var(--space-3));max-block-size:calc(8 * var(--text-code-line) + 2 * var(--space-3));padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-surface);resize:none;font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);display:block;overflow:auto}.data-uri-generator-module__vwEyjq__uriArea::placeholder{color:var(--color-text-muted)}.data-uri-generator-module__vwEyjq__uriArea:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.data-uri-generator-module__vwEyjq__uriAreaStale{}.data-uri-generator-module__vwEyjq__previewNote{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)}@media (min-width:1024px){.data-uri-generator-module__vwEyjq__previewNote{min-block-size:calc(2 * var(--text-ui-xs-line))}}.data-uri-generator-module__vwEyjq__statusLine{justify-content:space-between;align-items:center;gap:var(--space-4);min-block-size:var(--control-height-sm);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;display:flex}.data-uri-generator-module__vwEyjq__statusRight{}.data-uri-generator-module__vwEyjq__readout{overflow-wrap:anywhere}.data-uri-generator-module__vwEyjq__workingNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.data-uri-generator-module__vwEyjq__snippetList{gap:var(--space-1);flex-direction:column;padding:0;list-style:none;display:flex}.data-uri-generator-module__vwEyjq__snippetRow{align-items:center;gap:var(--space-2);min-block-size:var(--control-height-sm);grid-template-columns:3.5rem minmax(0,1fr) auto;display:grid}.data-uri-generator-module__vwEyjq__snippetLabel{font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.data-uri-generator-module__vwEyjq__snippetText{font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.data-uri-generator-module__vwEyjq__snippetTextMuted{color:var(--color-text-muted);}.data-uri-generator-module__vwEyjq__errorRow{min-block-size:calc(3 * var(--text-ui-sm-line));font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-danger-fg);overflow-wrap:anywhere}.data-uri-generator-module__vwEyjq__chips{gap:var(--space-2);min-block-size:calc(2 * (var(--text-ui-xs-line) + 2 * var(--space-1)) + var(--space-2));max-block-size:calc(2 * (var(--text-ui-xs-line) + 2 * var(--space-1)) + var(--space-2));flex-wrap:wrap;padding:0;list-style:none;display:flex;overflow-y:auto}.data-uri-generator-module__vwEyjq__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}.data-uri-generator-module__vwEyjq__chipWarning{color:var(--color-warning-fg);background:var(--color-warning-bg)}.data-uri-generator-module__vwEyjq__optionsBody{gap:var(--space-4);padding:var(--space-3) var(--space-4);flex-direction:column;flex:1;display:flex}.data-uri-generator-module__vwEyjq__fieldset{gap:var(--space-2);border:none;flex-direction:column;min-inline-size:0;padding:0;display:flex}.data-uri-generator-module__vwEyjq__legend{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-block-end:var(--space-1);padding:0}.data-uri-generator-module__vwEyjq__optLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.data-uri-generator-module__vwEyjq__mimeField{font-family:var(--font-mono);font-feature-settings:"zero";max-inline-size:28ch;}.data-uri-generator-module__vwEyjq__optError{min-block-size:calc(3 * var(--text-ui-xs-line));font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-danger-fg);overflow-wrap:anywhere}.data-uri-generator-module__vwEyjq__optInfoNote{color:var(--color-text-muted);}.data-uri-generator-module__vwEyjq__optHint{min-block-size:calc(2 * var(--text-ui-xs-line));font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.data-uri-generator-module__vwEyjq__noteRow{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)}.data-uri-generator-module__vwEyjq__shareNoteRow{min-block-size:var(--text-ui-sm-line);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-muted)}.data-uri-generator-module__vwEyjq__pointerRow{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)}.data-uri-generator-module__vwEyjq__pointerLink{color:var(--color-accent-fg);text-underline-offset:2px;text-decoration:underline}.data-uri-generator-module__vwEyjq__banner{}.data-uri-generator-module__vwEyjq__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}.data-uri-generator-module__vwEyjq__actions{}.data-uri-generator-module__vwEyjq__actionButton{}.data-uri-generator-module__vwEyjq__copyPrimary{}.data-uri-generator-module__vwEyjq__smallButton{}.data-uri-generator-module__vwEyjq__keyboardHint,.data-uri-generator-module__vwEyjq__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.data-uri-generator-module__vwEyjq__dialog{}.data-uri-generator-module__vwEyjq__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.data-uri-generator-module__vwEyjq__dialogNote{margin-block-end:var(--space-3)}.data-uri-generator-module__vwEyjq__reminderNote{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-warning-fg);margin-block-end:var(--space-3)}.data-uri-generator-module__vwEyjq__shareUrl{font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-2);max-block-size:calc(4 * var(--text-ui-xs-line) + 2 * var(--space-2));overflow-wrap:anywhere;margin-block-end:var(--space-3);overflow-y:auto}.data-uri-generator-module__vwEyjq__dialogActions{gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.data-uri-generator-module__vwEyjq__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.data-uri-generator-module__vwEyjq__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.data-uri-generator-module__vwEyjq__kbd{}.data-uri-generator-module__vwEyjq__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);cursor:pointer;display:inline-flex}.data-uri-generator-module__vwEyjq__checkbox{}@media (max-width:767px){.data-uri-generator-module__vwEyjq__errorRow{min-block-size:calc(6 * var(--text-ui-sm-line))}.data-uri-generator-module__vwEyjq__chips{min-block-size:calc(3 * (var(--text-ui-xs-line) + 2 * var(--space-1)) + 2 * var(--space-2));max-block-size:calc(3 * (var(--text-ui-xs-line) + 2 * var(--space-1)) + 2 * var(--space-2))}.data-uri-generator-module__vwEyjq__optError,.data-uri-generator-module__vwEyjq__optInfoNote{min-block-size:calc(4 * var(--text-ui-xs-line))}.data-uri-generator-module__vwEyjq__optHint,.data-uri-generator-module__vwEyjq__previewNote{min-block-size:calc(3 * var(--text-ui-xs-line))}.data-uri-generator-module__vwEyjq__pointerRow{min-block-size:calc(2 * var(--text-ui-xs-line))}.data-uri-generator-module__vwEyjq__shareNoteRow{min-block-size:calc(2 * var(--text-ui-sm-line))}}@media (pointer:coarse){.data-uri-generator-module__vwEyjq__bannerAction,.data-uri-generator-module__vwEyjq__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}.data-uri-generator-module__vwEyjq__snippetRow,.data-uri-generator-module__vwEyjq__statusLine{min-block-size:var(--target-touch)}}@media (max-width:1023px){.data-uri-generator-module__vwEyjq__actionButton,.data-uri-generator-module__vwEyjq__copyPrimary,.data-uri-generator-module__vwEyjq__smallButton,.data-uri-generator-module__vwEyjq__seg,.data-uri-generator-module__vwEyjq__segSelected{min-block-size:var(--target-touch)}.data-uri-generator-module__vwEyjq__bannerAction,.data-uri-generator-module__vwEyjq__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}.data-uri-generator-module__vwEyjq__snippetRow,.data-uri-generator-module__vwEyjq__statusLine{min-block-size:var(--target-touch)}}