.swc-root{padding:16px;font-family:Inter,system-ui,Arial,sans-serif;color:#222}
.swc-card{max-width:760px;margin:10px auto;padding:16px;border-radius:12px;background:#fff;box-shadow:0 8px 20px rgba(2,6,23,0.06)}
#swc-title{font-size:20px;margin:0 0 8px;color:#0b5ea8;text-align:left}
.swc-intro{font-size:14px;color:#444;margin-bottom:12px}
.swc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.swc-col{padding:4px}
.swc-row{display:flex;gap:8px;margin-bottom:8px}
input[type=number], select{padding:10px;border-radius:8px;border:1px solid #e6eef9;font-size:15px;width:100%}
.swc-actions{margin-top:8px}
.swc-btn{background:#0b5ea8;color:#fff;padding:10px;border-radius:8px;border:none;cursor:pointer;width:100%}
.swc-results{margin-top:12px;padding:12px;border-radius:8px;background:linear-gradient(180deg,rgba(240,248,255,0.6),#fff);font-size:15px}
.swc-row-result{margin:6px 0;display:flex;justify-content:space-between;gap:12px}
@media(max-width:800px){.swc-grid{grid-template-columns:1fr}.swc-card{padding:14px} #swc-title{text-align:center}}