.converter { max-width: 500px; margin: 0 auto 40px; }
        .copy { font-size: 14px; color: #555; margin-bottom: 5px; display:flex; align-items:center; gap:6px; }
        .segmented { display:grid; grid-template-columns: 1fr 1fr; gap:6px; margin-bottom:14px; }
        .seg-btn { padding:8px 10px; font-size:14px; border:2px solid #d7e2fa; border-radius:8px; background:#fff; cursor:pointer; }
        .seg-btn.active { background:#d7e2fa; }
        .row-layout { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
        input[type="number"] { width:120px; padding:6px 8px; font-size:17px; text-align:center; border:2px solid #d7e2fa; border-radius:6px; }
        .inline-field { display:flex; align-items:center; gap:8px; }
        .inline-field .suffix { font-size:16px; color:#555; }
        select { width:230px; height:38px; background:#fff; padding:4px 8px; font-size:16px; border:2px solid #d7e2fa; border-radius:6px; text-align:center; }
        .result-layout { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; margin:10px 0 20px; }
        .result-label { width:140px; font-weight:bold; text-align:right; }
        .result-row { display:flex; align-items:center; justify-content:space-between; border:2px solid #4caf50; border-radius:6px; background:#f1f8e9; padding:8px; color:#2e7d32; font-size:16px; width:260px; position:relative; }

        .row-blue   { border-color:#90caf9; background:#e3f2fd; color:#0b5394; }

        .row-amber  { border-color:#fbc02d; background:#fff59d; color:#7a5200; }

        .row-orange { border-color:#ef6c00; background:#ffe0b2; color:#a33a00; }

        .copy-button { padding:6px 10px; font-size:13px; cursor:pointer; background:#eeeeee; border:2px solid #cccccc; border-radius:6px; }
        .copy-button:focus { outline:3px solid #1565c0; outline-offset:2px; }
        .copied-msg { position:absolute; right:80px; top:50%; transform:translateY(-50%); font-size:12px; color:#4caf50; opacity:0; transition:opacity .2s; }
        .copied-msg.visible { opacity:1; }
        .small-note { font-size:12px; color:#666; text-align:center; white-space:pre-wrap; }
        #validationSimple, #validationMeasure { min-height:1em; color:#c62828; font-size:14px; text-align:center; }
        .pane[hidden] { display:none; }