.ntw-pt {
    max-width: 680px;
    padding: 20px;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
}
.ntw-pt *, .ntw-pt *::before, .ntw-pt *::after { box-sizing: border-box; }
.ntw-pt__label, .ntw-pt__currency-label, .ntw-pt__result-label {
    display: block; margin-bottom: 8px; font-weight: 600;
}
.ntw-pt__options { display: block; width: 100%; margin-bottom: 18px; }
.ntw-pt__currency { display: block; width: 100%; min-width: 0; padding: 10px 12px; border: 1px solid #cfcfcf; border-radius: 5px; background: #fff; font-size: 15px; }
.ntw-pt__row { display: flex; gap: 10px; }
.ntw-pt__input-wrap { position: relative; flex: 1; min-width: 0; }
.ntw-pt__currency-symbol {
    position: absolute; top: 50%; left: 14px; transform: translateY(-50%);
    font-weight: 600; z-index: 1; white-space: nowrap;
}
.ntw-pt__input-wrap .ntw-pt__currency-symbol:not([hidden]) + .ntw-pt__input { padding-left: 58px; }
.ntw-pt__input-wrap .ntw-pt__currency-symbol:not([hidden])[data-wide="1"] + .ntw-pt__input { padding-left: 72px; }
.ntw-pt__input {
    min-width: 0; flex: 1; width: 100%; padding: 12px 14px;
    border: 1px solid #cfcfcf; border-radius: 5px; font-size: 16px;
}
.ntw-pt__input:focus, .ntw-pt__button:focus-visible, .ntw-pt__copy:focus-visible, .ntw-pt__result:focus-visible {
    outline: 2px solid currentColor; outline-offset: 2px;
}
.ntw-pt__button, .ntw-pt__copy {
    padding: 12px 16px; border: 0; border-radius: 5px; cursor: pointer; font-size: 15px;
}
.ntw-pt__button { white-space: nowrap; }
.ntw-pt__message { min-height: 22px; margin-top: 8px; font-size: 14px; }
.ntw-pt__result-wrap { margin-top: 16px; }
.ntw-pt__result {
    padding: 14px; border: 1px solid #e2e2e2; border-radius: 5px;
    line-height: 1.6; overflow-wrap: anywhere;
}
.ntw-pt__copy { margin-top: 10px; }
@media (max-width: 600px) {
    .ntw-pt__row { flex-direction: column; }
    .ntw-pt__button { width: 100%; }
}