.CssClampCalculator-module__7xxznq__shell{width:min(100%,60rem)}.CssClampCalculator-module__7xxznq__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:1.5rem;display:grid}.CssClampCalculator-module__7xxznq__controls{gap:1rem;display:grid}.CssClampCalculator-module__7xxznq__unitGrid{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.CssClampCalculator-module__7xxznq__segment{appearance:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;padding:.6rem;font-size:.84rem}.CssClampCalculator-module__7xxznq__segment[aria-pressed=true],.CssClampCalculator-module__7xxznq__segment:hover{color:var(--color-text-primary);border-color:var(--color-accent);background:var(--color-accent-soft)}.CssClampCalculator-module__7xxznq__inputGrid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.CssClampCalculator-module__7xxznq__colSpan2{grid-column:1/-1}.CssClampCalculator-module__7xxznq__inputRow{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-elevated);align-items:center;margin-top:.3rem;display:flex;overflow:hidden}.CssClampCalculator-module__7xxznq__numberInput{appearance:none;color:var(--color-text-primary);font:inherit;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.55rem .75rem;font-size:.95rem}.CssClampCalculator-module__7xxznq__numberInput:focus{outline:2px solid var(--color-focus);outline-offset:-2px;border-radius:var(--radius-md)}.CssClampCalculator-module__7xxznq__unitBadge{color:var(--color-text-disabled);letter-spacing:.04em;white-space:nowrap;border-left:1px solid var(--color-border-subtle);padding:0 .65rem;font-size:.8rem;font-weight:500;line-height:2.45rem}.CssClampCalculator-module__7xxznq__presetList{flex-wrap:wrap;gap:.4rem;display:flex}.CssClampCalculator-module__7xxznq__preset{appearance:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;padding:.45rem .75rem;font-size:.82rem}.CssClampCalculator-module__7xxznq__preset:hover{color:var(--color-text-primary);border-color:var(--color-accent);background:var(--color-accent-soft)}.CssClampCalculator-module__7xxznq__clampOutput{word-break:break-all;font-size:.88rem!important}.CssClampCalculator-module__7xxznq__details{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-elevated);gap:.5rem;padding:.75rem;display:grid}.CssClampCalculator-module__7xxznq__detailRow{justify-content:space-between;align-items:center;gap:1rem;display:flex}.CssClampCalculator-module__7xxznq__detailKey{color:var(--color-text-secondary);font-size:.84rem}.CssClampCalculator-module__7xxznq__detailValue{font-family:var(--font-mono);color:var(--color-text-primary);font-size:.88rem}.CssClampCalculator-module__7xxznq__scalePreview{display:none}.CssClampCalculator-module__7xxznq__viewportSim{gap:.4rem;display:grid}.CssClampCalculator-module__7xxznq__scaleBar{background:var(--color-border-subtle);border-radius:99px;height:.35rem;margin:.25rem 0 .5rem;position:relative}.CssClampCalculator-module__7xxznq__scaleBarMin,.CssClampCalculator-module__7xxznq__scaleBarMax{background:var(--color-accent);border-radius:1px;width:2px;height:calc(100% + .4rem);position:absolute;top:-.2rem;transform:translate(-50%)}.CssClampCalculator-module__7xxznq__scaleBarMax{background:var(--color-text-disabled)}.CssClampCalculator-module__7xxznq__scaleBarCursor{background:var(--color-text-primary);border:2px solid var(--color-surface);border-radius:50%;width:.75rem;height:.75rem;transition:left 60ms linear;position:absolute;top:-.35rem;transform:translate(-50%)}.CssClampCalculator-module__7xxznq__textPreview{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-elevated);align-items:flex-end;gap:1.5rem;min-height:6rem;padding:1rem 1.25rem;display:flex;overflow:hidden}.CssClampCalculator-module__7xxznq__textSample,.CssClampCalculator-module__7xxznq__textSampleFeatured{flex-direction:column;flex-shrink:0;align-items:center;gap:.2rem;display:flex}.CssClampCalculator-module__7xxznq__textSampleFeatured{flex:1;align-items:center}.CssClampCalculator-module__7xxznq__textSampleLabel{color:var(--color-text-disabled);font-size:.68rem;font-family:var(--font-mono);white-space:nowrap}.CssClampCalculator-module__7xxznq__textSampleValue{color:var(--color-text-primary);font-weight:600;line-height:1}.CssClampCalculator-module__7xxznq__textSampleFeatured .CssClampCalculator-module__7xxznq__textSampleValue{color:var(--color-accent)}@media (max-width:720px){.CssClampCalculator-module__7xxznq__grid{grid-template-columns:1fr}.CssClampCalculator-module__7xxznq__inputGrid{grid-template-columns:1fr 1fr}}