.aspect-ratio-calculator-module__N4zwYW__tool{}.aspect-ratio-calculator-module__N4zwYW__banner{}.aspect-ratio-calculator-module__N4zwYW__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}.aspect-ratio-calculator-module__N4zwYW__workspace{gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:1024px){.aspect-ratio-calculator-module__N4zwYW__workspace{grid-template-columns:360px minmax(0,1fr)}}.aspect-ratio-calculator-module__N4zwYW__formPane{background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-md);min-inline-size:0;padding:var(--space-4)}.aspect-ratio-calculator-module__N4zwYW__formLegend{float:inline-start;inline-size:100%;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-3);padding:0}.aspect-ratio-calculator-module__N4zwYW__formStack{clear:both;gap:var(--space-4);flex-direction:column;display:flex}.aspect-ratio-calculator-module__N4zwYW__jumpLink{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-accent-fg);text-underline-offset:2px;text-decoration:underline;display:none}@media (max-width:767px){.aspect-ratio-calculator-module__N4zwYW__jumpLink{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}.aspect-ratio-calculator-module__N4zwYW__fieldPair{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.aspect-ratio-calculator-module__N4zwYW__field{gap:var(--space-2);flex-direction:column;min-inline-size:0;display:flex}.aspect-ratio-calculator-module__N4zwYW__fieldLabel{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.aspect-ratio-calculator-module__N4zwYW__numberField{inline-size:100%;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;}.aspect-ratio-calculator-module__N4zwYW__numberField:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.aspect-ratio-calculator-module__N4zwYW__numberField[aria-invalid=true]{border-color:var(--color-danger-fg)}.aspect-ratio-calculator-module__N4zwYW__fieldNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.aspect-ratio-calculator-module__N4zwYW__presetFieldset{border:none;min-inline-size:0;padding:0}.aspect-ratio-calculator-module__N4zwYW__presetLegend{float:inline-start;inline-size:100%;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-2);padding:0}.aspect-ratio-calculator-module__N4zwYW__presetRow{clear:both;gap:var(--space-2);flex-wrap:wrap;display:flex}.aspect-ratio-calculator-module__N4zwYW__presetButton{font-family:var(--font-mono);font-feature-settings:"zero";font-variant-numeric:tabular-nums;}.aspect-ratio-calculator-module__N4zwYW__choiceOption{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);cursor:pointer;}.aspect-ratio-calculator-module__N4zwYW__checkboxInput{}.aspect-ratio-calculator-module__N4zwYW__formActions{}.aspect-ratio-calculator-module__N4zwYW__outputColumn{gap:var(--space-4);flex-direction:column;min-inline-size:0;display:flex}.aspect-ratio-calculator-module__N4zwYW__outputPane{gap:var(--space-3);background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-md);padding:var(--space-4);flex-direction:column;scroll-margin-block-start:calc(var(--header-height) + var(--space-4));display:flex}.aspect-ratio-calculator-module__N4zwYW__outputHeader{align-items:center;gap:var(--space-3);min-block-size:var(--space-6);display:flex}.aspect-ratio-calculator-module__N4zwYW__paneBadge{}.aspect-ratio-calculator-module__N4zwYW__staleBadge{}.aspect-ratio-calculator-module__N4zwYW__staleOutput{border-color:var(--color-warning-fg)}.aspect-ratio-calculator-module__N4zwYW__readoutGrid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.aspect-ratio-calculator-module__N4zwYW__readout{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.aspect-ratio-calculator-module__N4zwYW__readoutLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);margin:0}.aspect-ratio-calculator-module__N4zwYW__readoutValue{align-items:center;gap:var(--space-2);min-block-size:var(--text-h4-line);flex-wrap:wrap;margin:0;display:flex}.aspect-ratio-calculator-module__N4zwYW__ratioText{font-family:var(--font-mono);font-feature-settings:"zero";font-variant-numeric:tabular-nums;font-size:var(--text-h4-size);line-height:var(--text-h4-line);color:var(--color-text-primary)}.aspect-ratio-calculator-module__N4zwYW__matchChip{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-info-bg);color:var(--color-info-fg);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;display:inline-flex}.aspect-ratio-calculator-module__N4zwYW__declBlock{gap:var(--space-2);flex-direction:column;display:flex}.aspect-ratio-calculator-module__N4zwYW__declLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.aspect-ratio-calculator-module__N4zwYW__declRow{align-items:stretch;gap:var(--space-2);display:flex}.aspect-ratio-calculator-module__N4zwYW__declCode{min-inline-size:0;min-block-size:var(--control-height);padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-feature-settings:"zero";font-variant-numeric:tabular-nums;font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);overflow-wrap:anywhere;flex:1;align-items:center;display:flex}.aspect-ratio-calculator-module__N4zwYW__copyButton{flex:none;}.aspect-ratio-calculator-module__N4zwYW__copyPrimary{}.aspect-ratio-calculator-module__N4zwYW__swapWrap{}.aspect-ratio-calculator-module__N4zwYW__swapSizer{}.aspect-ratio-calculator-module__N4zwYW__previewRegion{gap:var(--space-2);flex-direction:column;display:flex}.aspect-ratio-calculator-module__N4zwYW__previewLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.aspect-ratio-calculator-module__N4zwYW__previewFrame{--preview-block:220px;inline-size:100%;max-inline-size:320px;block-size:var(--preview-block);background:var(--color-bg-surface);border-radius:var(--radius-md);outline:1px solid var(--color-border-subtle);outline-offset:-1px;place-items:center;display:grid;overflow:hidden}.aspect-ratio-calculator-module__N4zwYW__previewBox{inline-size:min(100%, calc(var(--preview-block) * var(--ar-num)));background:color-mix(in srgb, var(--color-text-primary) 10%, transparent);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);max-block-size:100%}.aspect-ratio-calculator-module__N4zwYW__previewEmpty{border:1px dashed var(--color-border-control);border-radius:var(--radius-sm);block-size:55%;inline-size:60%}.aspect-ratio-calculator-module__N4zwYW__notes{gap:var(--space-1);min-block-size:calc(var(--text-ui-xs-line) * 2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.aspect-ratio-calculator-module__N4zwYW__note{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-info-fg)}.aspect-ratio-calculator-module__N4zwYW__actions{}.aspect-ratio-calculator-module__N4zwYW__actionButton{}.aspect-ratio-calculator-module__N4zwYW__echoSlot{min-inline-size:var(--space-4);text-align:start;display:inline-block}.aspect-ratio-calculator-module__N4zwYW__shareNote{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)}.aspect-ratio-calculator-module__N4zwYW__errorRegion{gap:var(--space-2);min-block-size:calc(var(--text-ui-sm-line) * 2 + var(--space-3) * 2);padding:var(--space-3);border-radius:var(--radius-sm);flex-direction:column;display:flex}.aspect-ratio-calculator-module__N4zwYW__errorRegionActive{background:var(--color-danger-bg)}.aspect-ratio-calculator-module__N4zwYW__errorList{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.aspect-ratio-calculator-module__N4zwYW__errorMessage{color:var(--color-danger-fg);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.aspect-ratio-calculator-module__N4zwYW__errorActions{gap:var(--space-4);display:inline-flex}.aspect-ratio-calculator-module__N4zwYW__keyboardHint{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.aspect-ratio-calculator-module__N4zwYW__dialog{}.aspect-ratio-calculator-module__N4zwYW__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.aspect-ratio-calculator-module__N4zwYW__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.aspect-ratio-calculator-module__N4zwYW__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.aspect-ratio-calculator-module__N4zwYW__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.aspect-ratio-calculator-module__N4zwYW__kbd{}.aspect-ratio-calculator-module__N4zwYW__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}@media (max-width:479px){.aspect-ratio-calculator-module__N4zwYW__readoutGrid{grid-template-columns:minmax(0,1fr)}.aspect-ratio-calculator-module__N4zwYW__declRow{flex-direction:column}}@media (pointer:coarse){.aspect-ratio-calculator-module__N4zwYW__numberField{font-size:max(var(--text-code-size), 16px)}.aspect-ratio-calculator-module__N4zwYW__bannerAction,.aspect-ratio-calculator-module__N4zwYW__jumpLink,.aspect-ratio-calculator-module__N4zwYW__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}@media (max-width:1023px){.aspect-ratio-calculator-module__N4zwYW__actionButton,.aspect-ratio-calculator-module__N4zwYW__copyButton,.aspect-ratio-calculator-module__N4zwYW__presetButton,.aspect-ratio-calculator-module__N4zwYW__numberField,.aspect-ratio-calculator-module__N4zwYW__choiceOption{min-block-size:var(--target-touch)}.aspect-ratio-calculator-module__N4zwYW__bannerAction,.aspect-ratio-calculator-module__N4zwYW__jumpLink,.aspect-ratio-calculator-module__N4zwYW__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}