[data-tool=currency_converter] .cu-hero{position:relative;padding:30px 32px;border:1px solid #6f5686;border-radius:20px;background:radial-gradient(ellipse at 85% 0%,#774bae55,transparent 60%),radial-gradient(ellipse at 0% 100%,#f6cd6314,transparent 50%),#242032;margin-bottom:18px}
[data-tool=currency_converter] .cu-hero::before{content:"CONVERT · COMPARE · REVERSE";display:block;font-size:12px;letter-spacing:1.4px;font-weight:700;color:#d1b3f5;margin-bottom:10px}
[data-tool=currency_converter] .cu-hero .tw-intro{color:#e1cfea;max-width:70ch;margin:8px 0 0;font-size:16px;line-height:1.6}
[data-tool=currency_converter] .cu-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}[data-tool=currency_converter] .cu-chips span{padding:4px 11px;border:1px solid #756087;border-radius:999px;font-size:12.5px;color:#e4d2f4}
[data-tool=currency_converter] .cu-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:14px;align-items:stretch}
[data-tool=currency_converter] .tw-panel{margin:0;min-width:0;border-radius:16px}
[data-tool=currency_converter] .cu-side{display:grid;min-width:0}
[data-tool=currency_converter] .cu-head{margin:0 0 10px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:#d1b3f5;font-weight:700}
[data-tool=currency_converter] .cu-main .cu-head:not(:first-child){margin-top:20px;padding-top:16px;border-top:1px solid #2d2942}
[data-tool=currency_converter] #amountInput{width:100%;box-sizing:border-box;min-height:62px;font-size:28px;font-weight:700}
[data-tool=currency_converter] select{width:100%;box-sizing:border-box;min-height:48px;font-size:16px}
[data-tool=currency_converter] .cu-pair{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:8px;align-items:end;margin:12px 0 0}
[data-tool=currency_converter] #swapCurrencies{width:52px;height:48px;padding:0;font-size:20px;cursor:pointer;border-radius:50%;border:1px solid #6f5686;background:#33245a;color:#f6cd63}
[data-tool=currency_converter] .cu-opts{display:grid;gap:8px}
[data-tool=currency_converter] .cu-check{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #3a3352;border-radius:12px;background:#1d1a29;cursor:pointer;line-height:1.4}
[data-tool=currency_converter] .cu-check:has(input:checked){border-color:#8a68b6;background:#2a2140}
[data-tool=currency_converter] .cu-check input{flex:none;width:18px;height:18px;margin:1px 0 0}
[data-tool=currency_converter] .cu-main{display:flex;flex-direction:column}[data-tool=currency_converter] .cu-run{margin-top:auto;padding-top:14px}
[data-tool=currency_converter] #convertBtn{border:0;background:#f6cd63;color:#231a08;font-weight:700}
[data-tool=currency_converter] .cu-board{display:flex;flex-direction:column}
[data-tool=currency_converter] .cu-result{padding:22px 20px;border:1px solid #6a5a8e;border-radius:14px;background:radial-gradient(ellipse at 100% 0%,#f6cd631c,transparent 55%),linear-gradient(120deg,#33245a,#1b1829 75%)}
[data-tool=currency_converter] #resultOutput{margin:0;padding:0;border:0;background:none;color:#f6cd63;font-family:inherit;font-weight:800;font-size:clamp(24px,3vw,38px);line-height:1.2;white-space:pre-wrap;overflow-wrap:anywhere}
[data-tool=currency_converter] #rateDetails{margin:8px 0 0;color:#e4def0;font-size:14px}
[data-tool=currency_converter] .cu-board .tw-actions{margin-top:12px}
[data-tool=currency_converter] #currencyStatus{margin:12px 0 0}
[data-tool=currency_converter] #multiResults:not(:empty){margin-top:14px}
[data-tool=currency_converter] #multiResults table{width:100%;border-collapse:separate;border-spacing:0 6px;margin:0}[data-tool=currency_converter] #multiResults td{padding:9px 12px;background:#1d1a29;color:#ece7f6;border:0}[data-tool=currency_converter] #multiResults td:first-child{border-radius:10px 0 0 10px;font-weight:700;color:#d1b3f5;letter-spacing:.5px}[data-tool=currency_converter] #multiResults td:last-child{border-radius:0 10px 10px 0;text-align:right;font-weight:700;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
[data-tool=currency_converter] .cu-source{margin-top:14px}
[data-tool=currency_converter] .cu-src-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}[data-tool=currency_converter] .cu-src-grid p{margin:0;color:#d9d2e6;font-size:14px;line-height:1.6}
[data-tool=currency_converter] #rateDate{color:#f6cd63;font-weight:700}
[data-tool=currency_converter] button{min-height:44px}
@media(max-width:860px){[data-tool=currency_converter] .cu-work{grid-template-columns:minmax(0,1fr)}[data-tool=currency_converter] .cu-hero{padding:20px}[data-tool=currency_converter] .tw-actions button{flex:1 1 40%}[data-tool=currency_converter] .cu-src-grid{grid-template-columns:minmax(0,1fr)}[data-tool=currency_converter] .cu-pair{grid-template-columns:minmax(0,1fr);justify-items:center}[data-tool=currency_converter] .cu-pair>div{width:100%}}