.roman-numeral_wrap__1_5jb{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem;max-width:480px;margin-inline:auto;padding-block:1rem}.roman-numeral_directionRow__Q8BVd{display:flex}.roman-numeral_directionSeg__B_i7W{width:100%}.roman-numeral_inputCard__N5tsx{display:flex;flex-direction:column;gap:.6rem;background:var(--cbd-surface);border:1px solid var(--cbd-outline-variant);border-radius:var(--cbd-radius-card);box-shadow:var(--cbd-elev-1);padding:1.1rem}.roman-numeral_inputLabel__2kWiL{font-family:var(--cbd-font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cbd-on-surface-muted)}.roman-numeral_field__iGSJ4{width:100%;height:3.25rem;border:1.5px solid var(--cbd-outline);border-radius:var(--cbd-radius-button);background:var(--cbd-surface);color:var(--cbd-on-surface);padding-inline:1rem;font-family:var(--cbd-font-mono);font-size:1.35rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:border-color .13s ease}.roman-numeral_field__iGSJ4::placeholder{color:var(--cbd-on-surface-muted);text-transform:none;font-weight:400;letter-spacing:normal}.roman-numeral_field__iGSJ4:focus-visible{outline:none;border-color:var(--cbd-accent,var(--cbd-primary))}.roman-numeral_fieldInvalid__HpAIQ{border-color:var(--cbd-error)}.roman-numeral_hintRow__FGY7p{min-height:1.1rem}.roman-numeral_rangeHint__pWde4{margin:0;font-size:.8rem;color:var(--cbd-on-surface-muted)}.roman-numeral_errorMsg__mYOQS{display:flex;align-items:center;gap:.4rem;margin:0;padding:.6rem .8rem;border-radius:var(--cbd-radius-button);background:var(--cbd-error-container);color:var(--cbd-error);font-size:.85rem;font-weight:600;animation:roman-numeral_fadeIn__mmSsk .15s ease}@keyframes roman-numeral_fadeIn__mmSsk{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.roman-numeral_resultArea__hbazL{min-height:1px}.roman-numeral_placeholderCard__S01xJ{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:7.5rem;border:1.5px dashed var(--cbd-outline-variant);border-radius:var(--cbd-radius-card);color:var(--cbd-on-surface-muted);text-align:center;padding:1.25rem}.roman-numeral_placeholderCard__S01xJ p{margin:0;font-size:.875rem}.roman-numeral_refToggle__MwnqD{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;align-self:center;height:2.25rem;padding-inline:.9rem;border:none;background:transparent;color:var(--cbd-on-surface-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:color .13s ease}.roman-numeral_refToggle__MwnqD:hover{color:var(--cbd-on-surface)}.roman-numeral_refTable__U2NhI{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));grid-gap:1px;gap:1px;background:var(--cbd-outline-variant);border:1px solid var(--cbd-outline-variant);border-radius:var(--cbd-radius-card);overflow:hidden}.roman-numeral_refCell__2S2dH{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding-block:.6rem;background:var(--cbd-surface)}.roman-numeral_refSymbol__ukmXA{font-family:var(--cbd-font-mono);font-weight:700;font-size:1rem;color:var(--cbd-accent,var(--cbd-primary))}.roman-numeral_refValue__VnhxJ{font-family:var(--cbd-font-mono);font-size:.7rem;color:var(--cbd-on-surface-muted)}