.code-to-image-module__Eb2iFq__tool{gap:var(--space-3);grid-template-columns:minmax(0,1fr);grid-template-areas:"banners""editor""options""preview""footer";display:grid}@media (min-width:1024px){.code-to-image-module__Eb2iFq__tool{grid-template:"banners banners""editor preview""editor options"1fr"footer footer"/minmax(0,1fr) minmax(0,1fr)}}@media (min-width:1440px){.code-to-image-module__Eb2iFq__tool{grid-template:"banners banners banners""editor preview options"1fr"footer footer footer"/minmax(0,26rem) minmax(0,1fr) minmax(0,22rem)}}.code-to-image-module__Eb2iFq__bannerZone{gap:var(--space-2);flex-direction:column;grid-area:banners;display:flex}.code-to-image-module__Eb2iFq__editorPane{align-self:start;gap:var(--space-2);grid-area:editor;padding-block-end:var(--space-3);}.code-to-image-module__Eb2iFq__optionsPane{align-self:start;gap:var(--space-3);grid-area:options;padding-block-end:var(--space-3);}.code-to-image-module__Eb2iFq__previewPane{align-self:start;gap:var(--space-2);grid-area:preview;padding-block-end:var(--space-3);}.code-to-image-module__Eb2iFq__footerZone{gap:var(--space-2);flex-direction:column;grid-area:footer;display:flex}.code-to-image-module__Eb2iFq__paneHeader{}.code-to-image-module__Eb2iFq__paneLabel{}.code-to-image-module__Eb2iFq__headerEnd{align-items:center;gap:var(--space-2);margin-inline-start:auto;display:inline-flex}.code-to-image-module__Eb2iFq__smallButton{}.code-to-image-module__Eb2iFq__editor{white-space:pre;inline-size:100%;min-inline-size:0;}.code-to-image-module__Eb2iFq__countLine{margin:0 var(--space-4);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);font-variant-numeric:tabular-nums}.code-to-image-module__Eb2iFq__fieldRow{gap:var(--space-1);min-inline-size:0;padding-inline:var(--space-4);flex-direction:column;display:flex}.code-to-image-module__Eb2iFq__fieldLabel{padding-inline:var(--space-4);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.code-to-image-module__Eb2iFq__fieldRow .code-to-image-module__Eb2iFq__fieldLabel{padding-inline:0}.code-to-image-module__Eb2iFq__textField{inline-size:100%;min-inline-size:0;font-family:var(--font-mono);font-feature-settings:"zero";}.code-to-image-module__Eb2iFq__numberField{font-variant-numeric:tabular-nums;inline-size:100%;min-inline-size:0;}.code-to-image-module__Eb2iFq__select{inline-size:100%;min-inline-size:0;}.code-to-image-module__Eb2iFq__fieldHint{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);overflow-wrap:anywhere;display:block}.code-to-image-module__Eb2iFq__checkRow{gap:var(--space-2) var(--space-4);padding-inline:var(--space-4);flex-wrap:wrap;display:flex}.code-to-image-module__Eb2iFq__optionCheck{align-items:center;gap:var(--space-2);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);cursor:pointer;display:flex}.code-to-image-module__Eb2iFq__checkbox{}.code-to-image-module__Eb2iFq__fieldset{min-inline-size:0;margin:0 var(--space-4);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);gap:var(--space-3);flex-direction:column;display:flex}.code-to-image-module__Eb2iFq__legend{padding-inline:var(--space-1);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.code-to-image-module__Eb2iFq__segRow{gap:var(--space-1);flex-wrap:wrap;display:flex}.code-to-image-module__Eb2iFq__seg{min-block-size:var(--target-touch);min-inline-size:var(--target-touch);padding-inline:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);cursor:pointer;text-align:center;flex:auto;justify-content:center;align-items:center;display:inline-flex;position:relative}.code-to-image-module__Eb2iFq__seg:hover{border-color:var(--color-border-control);color:var(--color-text-primary)}.code-to-image-module__Eb2iFq__segSelected{background:color-mix(in srgb, var(--color-text-primary) 8%, transparent);border-color:var(--color-border-control);color:var(--color-text-primary);}.code-to-image-module__Eb2iFq__segInput{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.code-to-image-module__Eb2iFq__seg:has(.code-to-image-module__Eb2iFq__segInput:focus-visible){outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}.code-to-image-module__Eb2iFq__previewRegionLabel{margin:0 var(--space-4);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.code-to-image-module__Eb2iFq__previewStage{margin:0 var(--space-4);padding:var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);justify-content:center;align-items:center;block-size:320px;display:flex;overflow:auto}@media (min-width:1024px){.code-to-image-module__Eb2iFq__previewStage{block-size:420px}}.code-to-image-module__Eb2iFq__previewStage:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}.code-to-image-module__Eb2iFq__stageImage{max-block-size:100%;max-inline-size:100%;display:block}.code-to-image-module__Eb2iFq__stageStale{opacity:var(--opacity-stale)}.code-to-image-module__Eb2iFq__previewEmpty{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-muted);overflow-wrap:anywhere;text-align:center;margin:0}.code-to-image-module__Eb2iFq__previewMeta{margin:0 var(--space-4);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}.code-to-image-module__Eb2iFq__previewNote{margin:0 var(--space-4);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);overflow-wrap:anywhere}.code-to-image-module__Eb2iFq__errorRow{margin:0 var(--space-4);min-block-size:calc(2 * 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}.code-to-image-module__Eb2iFq__chips{margin:0 var(--space-4);gap:var(--space-2);flex-wrap:wrap;align-content:flex-start;min-block-size:28px;padding:0;list-style:none;display:flex}.code-to-image-module__Eb2iFq__chipWarning{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-warning-bg);color:var(--color-warning-fg);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);align-items:center;display:inline-flex}.code-to-image-module__Eb2iFq__banner{}.code-to-image-module__Eb2iFq__bannerAction{color:var(--color-accent-fg);cursor:pointer;font-size:inherit;line-height:inherit;background:0 0;border:none;padding:0;text-decoration-line:underline}.code-to-image-module__Eb2iFq__actions{}.code-to-image-module__Eb2iFq__actionButton{}.code-to-image-module__Eb2iFq__actionPrimary{}.code-to-image-module__Eb2iFq__echoSlot{inline-size:1ch;display:inline-block}.code-to-image-module__Eb2iFq__noteLine,.code-to-image-module__Eb2iFq__noticeRow,.code-to-image-module__Eb2iFq__shareNote,.code-to-image-module__Eb2iFq__storedLine,.code-to-image-module__Eb2iFq__keyboardHint{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-secondary);overflow-wrap:anywhere;margin:0}.code-to-image-module__Eb2iFq__dialog{}.code-to-image-module__Eb2iFq__dialogTitle{margin:0 0 var(--space-4);font-size:var(--text-h4-size);line-height:var(--text-h4-line);font-weight:var(--weight-medium)}.code-to-image-module__Eb2iFq__dialogNote{margin:var(--space-3) 0;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.code-to-image-module__Eb2iFq__dialogActions{gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.code-to-image-module__Eb2iFq__shortcutList{margin:0 0 var(--space-4);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.code-to-image-module__Eb2iFq__shortcutItem{align-items:center;gap:var(--space-3);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);display:flex}.code-to-image-module__Eb2iFq__kbd{}@media (pointer:coarse){.code-to-image-module__Eb2iFq__bannerAction,.code-to-image-module__Eb2iFq__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}@media (max-width:1023px){.code-to-image-module__Eb2iFq__actionButton,.code-to-image-module__Eb2iFq__actionPrimary,.code-to-image-module__Eb2iFq__smallButton,.code-to-image-module__Eb2iFq__seg,.code-to-image-module__Eb2iFq__segSelected{min-block-size:var(--target-touch)}.code-to-image-module__Eb2iFq__bannerAction,.code-to-image-module__Eb2iFq__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}