.wt-unit{max-width:1220px;margin:0 auto;padding:32px 20px 70px;color:#17243b;font-family:inherit}.wt-unit *{box-sizing:border-box}.wt-unit-hero{padding:34px 0 28px}.wt-unit-hero h1{font-size:clamp(30px,4vw,48px);margin:10px 0 12px;line-height:1.2}.wt-unit-hero p{max-width:820px;color:#65758f;line-height:2;font-size:15px}.wt-unit-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.wt-unit-badges span{border:1px solid #dbe8ff;background:#f6f9ff;color:#1556d8;border-radius:99px;padding:7px 12px;font-size:12px}.wt-unit-card{background:#fff;border:1px solid #dfe7f1;border-radius:24px;padding:24px;box-shadow:0 12px 38px rgba(21,43,82,.05);margin-bottom:18px}.wt-unit-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.wt-unit-card-head>div:first-child{display:flex;gap:12px}.wt-unit-card-head h2{font-size:20px;margin:1px 0 4px}.wt-unit-card-head p{margin:0;color:#72819a;font-size:13px}.wt-unit-step{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#edf4ff;color:#145ce6;font-size:11px;font-weight:800}.wt-unit-main-grid{display:grid;grid-template-columns:1fr 52px 1fr;gap:15px;align-items:end}.wt-unit-field label{display:block;font-weight:700;margin-bottom:8px}.wt-unit-input-wrap{display:grid;grid-template-columns:1fr 180px;border:1px solid #cfdbea;border-radius:16px;overflow:hidden;background:#fff}.wt-unit-input-wrap:focus-within{border-color:#2b6ff7;box-shadow:0 0 0 3px rgba(43,111,247,.1)}.wt-unit-input-wrap input,.wt-unit-input-wrap select{border:0;outline:0;padding:15px;font:inherit;background:transparent}.wt-unit-input-wrap input{direction:ltr;text-align:left;font-size:18px;font-weight:800}.wt-unit-input-wrap select{border-right:1px solid #e2e9f2;color:#34435b}.wt-unit-input-wrap.is-output{background:#f7f9fc}.wt-unit-swap{width:46px;height:46px;border:1px solid #d6e0ed;background:#fff;border-radius:14px;font-size:22px;cursor:pointer;transition:.2s}.wt-unit-swap:hover{transform:rotate(180deg);border-color:#8fb2f8}.wt-unit-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.wt-unit-quick button,.wt-unit-linkbtn{border:1px solid #dce6f1;background:#f8fbff;border-radius:999px;padding:8px 11px;color:#31527f;cursor:pointer;font:inherit;font-size:12px}.wt-unit-resultbar{margin-top:18px;border-radius:16px;background:#0e1728;color:#fff;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.wt-unit-resultbar span{display:block;color:#91a0ba;font-size:11px;margin-bottom:5px}.wt-unit-resultbar strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.wt-unit-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.wt-unit-layout aside{position:sticky;top:24px}.wt-unit-context-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.wt-unit-context-grid label{border:1px solid #e1e8f1;border-radius:15px;padding:12px}.wt-unit-context-grid label>span{display:flex;justify-content:space-between;font-size:12px;color:#56667f;margin-bottom:8px}.wt-unit-context-grid b{color:#1c63e7}.wt-unit-context-grid label>div,.wt-unit-percent-box label{display:flex;align-items:center;border:1px solid #dce4ee;border-radius:10px;overflow:hidden}.wt-unit-context-grid input,.wt-unit-percent-box input{min-width:0;width:100%;border:0;padding:9px 10px;outline:0;font:inherit;direction:ltr}.wt-unit-context-grid em,.wt-unit-percent-box em{padding:0 10px;color:#8490a4;font-style:normal;font-size:11px}.wt-unit-percent-box{margin-top:14px;border:1px dashed #cbd8e8;border-radius:16px;padding:14px;display:grid;grid-template-columns:1fr 210px 130px;gap:12px;align-items:center}.wt-unit-percent-box strong{display:block;margin-bottom:3px}.wt-unit-percent-box p{font-size:12px;color:#73829a;margin:0}.wt-unit-percent-box select{border:1px solid #dce4ee;border-radius:10px;padding:10px;background:#fff}.wt-unit-percent-box .is-hidden{display:none}.wt-unit-precision{display:flex!important;align-items:center;gap:8px}.wt-unit-precision select{border:1px solid #dce4ee;border-radius:9px;padding:7px}.wt-unit-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:16px}.wt-unit-table{width:100%;border-collapse:collapse;min-width:580px}.wt-unit-table th,.wt-unit-table td{padding:12px 14px;border-bottom:1px solid #edf1f6;text-align:right}.wt-unit-table th{background:#f7f9fc;color:#63728a;font-size:11px}.wt-unit-table tr:last-child td{border-bottom:0}.wt-unit-table td:first-child strong{display:inline-block;min-width:50px;font-size:14px}.wt-unit-table td:first-child small{color:#8a97aa}.wt-unit-table td:nth-child(2){font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.wt-unit-table td:nth-child(3) span{font-size:11px;background:#f0f5fb;border-radius:99px;padding:5px 8px}.wt-unit-copy-row{border:0;background:none;color:#1761e8;cursor:pointer}.wt-unit-summary h2{margin:7px 0 14px}.wt-unit-health{display:grid;gap:8px}.wt-unit-health div{padding:10px 11px;border-radius:11px;font-size:12px;line-height:1.7}.wt-unit-health .is-good{background:#ecfdf5;color:#087448}.wt-unit-health .is-info{background:#eff6ff;color:#2454a6}.wt-unit-summary dl{margin:15px 0 0;border-top:1px solid #edf1f5;padding-top:10px}.wt-unit-summary dl div{display:flex;justify-content:space-between;padding:7px 0;font-size:12px}.wt-unit-summary dt{color:#7b899e}.wt-unit-summary dd{margin:0;font-weight:700;direction:ltr}.wt-unit-guide h3,.wt-unit-abs h3{margin-top:0}.wt-unit-guide>div{display:grid;grid-template-columns:56px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #eff2f6;font-size:12px}.wt-unit-guide>div:last-child{border:0}.wt-unit-guide b{direction:ltr;color:#175edb}.wt-unit-guide span,.wt-unit-abs p{color:#697890;line-height:1.8}.wt-unit-abs code{direction:ltr;display:inline-block}.wt-btn{border:0;border-radius:11px;padding:10px 14px;cursor:pointer;font:inherit;font-weight:700}.wt-btn-primary{background:#1765ed;color:#fff}
@media(max-width:900px){.wt-unit-layout{grid-template-columns:1fr}.wt-unit-layout aside{position:static}.wt-unit-main-grid{grid-template-columns:1fr}.wt-unit-swap{justify-self:center;transform:rotate(90deg)}.wt-unit-swap:hover{transform:rotate(270deg)}.wt-unit-percent-box{grid-template-columns:1fr}.wt-unit-context-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wt-unit{padding-inline:12px}.wt-unit-card{padding:17px;border-radius:18px}.wt-unit-input-wrap{grid-template-columns:1fr 130px}.wt-unit-context-grid{grid-template-columns:1fr}.wt-unit-resultbar{align-items:flex-start;flex-direction:column}.wt-unit-resultbar strong{word-break:break-all}.wt-unit-card-head{flex-direction:column}.wt-unit-hero{padding-top:20px}}

/* v4.12 — persistent converter workspace */
@media (min-width:1101px){
  .wt-unit{display:grid;grid-template-columns:minmax(390px,.88fr) minmax(0,1.12fr);column-gap:20px;align-items:start}
  .wt-unit-hero{grid-column:1/-1}
  .wt-unit-converter{grid-column:1;grid-row:2;position:sticky;top:18px;align-self:start;z-index:8;box-shadow:0 18px 55px rgba(21,43,82,.10)}
  .wt-unit-converter:before{content:"LIVE RESULT";display:inline-flex;margin-bottom:12px;padding:5px 9px;border-radius:999px;background:#eff6ff;color:#1556d8;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
  .wt-unit-layout{grid-column:2;grid-row:2;display:block;min-width:0}
  .wt-unit-layout>main{display:grid;gap:18px}
  .wt-unit-layout .wt-unit-card{margin-bottom:0}
  .wt-unit-layout aside{position:static;display:grid;grid-template-columns:1fr;gap:18px;margin-top:18px}
  .wt-unit-main-grid{grid-template-columns:1fr;gap:10px}
  .wt-unit-swap{justify-self:center;transform:rotate(90deg)}
  .wt-unit-swap:hover{transform:rotate(270deg)}
}
