.html-formatter-module__QpH_7W__tool{}.html-formatter-module__QpH_7W__optionsBar{}.html-formatter-module__QpH_7W__optionGroup{}.html-formatter-module__QpH_7W__optionLabel{}.html-formatter-module__QpH_7W__numberField{inline-size:88px;font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);font-variant-numeric:tabular-nums;}.html-formatter-module__QpH_7W__numberField:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.html-formatter-module__QpH_7W__segmented{gap:var(--space-1);display:inline-flex}.html-formatter-module__QpH_7W__segChip{cursor:pointer;display:inline-flex;position:relative}.html-formatter-module__QpH_7W__segInput{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.html-formatter-module__QpH_7W__segChipText{min-block-size:var(--control-height);padding-inline:var(--space-3);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-control);border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.html-formatter-module__QpH_7W__segInput:checked+.html-formatter-module__QpH_7W__segChipText{color:var(--color-text-primary);border-color:var(--color-accent-fg)}.html-formatter-module__QpH_7W__segInput:focus-visible+.html-formatter-module__QpH_7W__segChipText{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}.html-formatter-module__QpH_7W__segChip:hover .html-formatter-module__QpH_7W__segInput:not(:disabled)+.html-formatter-module__QpH_7W__segChipText{border-color:var(--color-accent-fg)}.html-formatter-module__QpH_7W__runButton{}.html-formatter-module__QpH_7W__liveIndicator{margin-inline-start:auto}.html-formatter-module__QpH_7W__optionHint{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.html-formatter-module__QpH_7W__hintLink{color:var(--color-accent-fg);text-underline-offset:2px;text-decoration:underline}.html-formatter-module__QpH_7W__banner{}.html-formatter-module__QpH_7W__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)}.html-formatter-module__QpH_7W__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}.html-formatter-module__QpH_7W__workspace{}@media (min-width:768px){.html-formatter-module__QpH_7W__workspace{grid-template-columns:repeat(2,minmax(0,1fr))}}.html-formatter-module__QpH_7W__pane{}.html-formatter-module__QpH_7W__paneHeader{}.html-formatter-module__QpH_7W__paneLabel{}.html-formatter-module__QpH_7W__staleBadge{}.html-formatter-module__QpH_7W__paneActions{align-items:center;gap:var(--space-2);display:inline-flex}.html-formatter-module__QpH_7W__paneAction{border:1px solid var(--color-border-control);border-radius:var(--radius-sm);padding:0 var(--space-2);min-block-size:var(--control-height-sm);font-size:var(--text-ui-xs-size);cursor:pointer;background:0 0}.html-formatter-module__QpH_7W__paneAction:hover{border-color:var(--color-accent-fg);color:var(--color-accent-fg)}.html-formatter-module__QpH_7W__editorRow{flex:1;min-block-size:0;display:flex}.html-formatter-module__QpH_7W__gutter{padding-block:var(--pane-padding);padding-inline:var(--space-2);border-inline-end:1px solid var(--color-border-subtle);font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-muted);text-align:end;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;min-inline-size:var(--space-10);flex:none;overflow:hidden}.html-formatter-module__QpH_7W__gutterLine,.html-formatter-module__QpH_7W__gutterError{block-size:var(--text-code-line)}.html-formatter-module__QpH_7W__gutterError{color:var(--color-danger-fg);font-weight:var(--weight-semibold)}.html-formatter-module__QpH_7W__textarea{min-block-size:var(--editor-min-block);white-space:pre;overflow:auto;}.html-formatter-module__QpH_7W__staleOutput{}.html-formatter-module__QpH_7W__virtualOutput{padding:var(--pane-padding);font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);min-block-size:var(--editor-min-block);flex:1;max-block-size:480px;overflow:auto}.html-formatter-module__QpH_7W__virtualLine{block-size:var(--text-code-line);white-space:pre}.html-formatter-module__QpH_7W__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}.html-formatter-module__QpH_7W__statusLine{}.html-formatter-module__QpH_7W__statusRight{}.html-formatter-module__QpH_7W__statusInvalid{}.html-formatter-module__QpH_7W__errorBox{}.html-formatter-module__QpH_7W__errorMessage{color:var(--color-danger-fg);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.html-formatter-module__QpH_7W__errorFrame{font-size:var(--text-code-size);line-height:var(--text-code-line);background:var(--color-bg-pane);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);overflow-x:auto}.html-formatter-module__QpH_7W__errorActions{gap:var(--space-4);display:inline-flex}.html-formatter-module__QpH_7W__chips{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.html-formatter-module__QpH_7W__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)}.html-formatter-module__QpH_7W__actions{}.html-formatter-module__QpH_7W__actionButton{}.html-formatter-module__QpH_7W__actionPrimary{}.html-formatter-module__QpH_7W__shareNote,.html-formatter-module__QpH_7W__keyboardHint,.html-formatter-module__QpH_7W__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.html-formatter-module__QpH_7W__dialog{}.html-formatter-module__QpH_7W__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.html-formatter-module__QpH_7W__dialogActions{gap:var(--space-2);margin-block-start:var(--space-4);display:flex}.html-formatter-module__QpH_7W__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.html-formatter-module__QpH_7W__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.html-formatter-module__QpH_7W__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}.html-formatter-module__QpH_7W__checkbox{}.html-formatter-module__QpH_7W__kbd{}.html-formatter-module__QpH_7W__runButton .html-formatter-module__QpH_7W__kbd{color:inherit;background:0 0;border-color:currentColor}.html-formatter-module__QpH_7W__miniBar{}@media (max-width:767px){.html-formatter-module__QpH_7W__pane{min-block-size:40vh}.html-formatter-module__QpH_7W__gutter{display:none}}@media (min-width:768px) and (max-width:1023px){.html-formatter-module__QpH_7W__pane{min-block-size:260px}.html-formatter-module__QpH_7W__textarea{min-block-size:200px}}@media (pointer:coarse){.html-formatter-module__QpH_7W__paneAction,.html-formatter-module__QpH_7W__segChipText{min-block-size:var(--target-touch)}.html-formatter-module__QpH_7W__paneAction{min-inline-size:var(--target-touch)}.html-formatter-module__QpH_7W__bannerAction,.html-formatter-module__QpH_7W__hintLink,.html-formatter-module__QpH_7W__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}.html-formatter-module__QpH_7W__numberField{font-size:max(var(--text-code-size), 16px)}}@media (max-width:1023px){.html-formatter-module__QpH_7W__actionButton,.html-formatter-module__QpH_7W__runButton,.html-formatter-module__QpH_7W__paneAction,.html-formatter-module__QpH_7W__segChipText,.html-formatter-module__QpH_7W__numberField{min-block-size:var(--target-touch)}.html-formatter-module__QpH_7W__paneAction{min-inline-size:var(--target-touch)}.html-formatter-module__QpH_7W__bannerAction,.html-formatter-module__QpH_7W__hintLink,.html-formatter-module__QpH_7W__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}
