.techniquehowtwl--container{
    border-radius:12px;
    padding:18px;
    box-shadow:0 6px 22px rgba(0,0,0,0.08);
    background: linear-gradient(135deg,#fff,#f9fbff);
    max-width:720px;
    margin:12px auto;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    border:3px solid transparent;
    position:relative;
}
@media (min-width:900px){
    .techniquehowtwl--container{ max-width:900px; padding:22px; }
}
.techniquehowtwl--row{ display:flex; gap:10px; margin-top:8px; }
.techniquehowtwl--row input{ flex:1; padding:10px 12px; border-radius:8px; border:1px solid #e2e8f0; font-size:14px; }
.techniquehowtwl--btn{ padding:10px 16px; border-radius:10px; border:none; cursor:pointer; background: linear-gradient(90deg,#7c3aed,#06b6d4); color:white; font-weight:600;}
.techniquehowtwl--result{ margin-top:14px; }
.result-card{ padding:12px; border-radius:10px; background: linear-gradient(180deg,#ffffff,#f6fbff); border:1px solid rgba(124,58,237,0.08); }
.result-card .row{ display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px dashed #f0f4ff; }
.result-card .row:last-child{ border-bottom:0; }
.result-card .label{ font-weight:600; color:#334155; }
.result-card .value{ color:#0f172a; }
.loading{ font-style:italic; }
.error{ color:#b91c1c; background:#fff1f2; padding:10px; border-radius:8px; }
.techniquehowtwl--note{ font-size:12px; color:#475569; margin-top:8px; }