.smv-card{
  --smv-charcoal:#1c1e22;
  --smv-surface:#24272c;
  --smv-surface-2:#2c3036;
  --smv-line:#3a3f46;
  --smv-orange:#ff6b1a;
  --smv-green:#4caf6d;
  --smv-text:#e8e6e1;
  --smv-muted:#8a8d93;

  box-sizing:border-box;
  width:100%;
  max-width:460px;
  margin:0 auto;
  padding:24px;
  background:var(--smv-charcoal);
  color:var(--smv-text);
  font-family:'IBM Plex Sans', sans-serif;
  border-radius:8px;
}
.smv-card *{box-sizing:border-box;}

.smv-h1{
  font-family:'Oswald', sans-serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.02em;
  font-size:20px;
  margin:0 0 6px;
  color:var(--smv-text);
}
.smv-h1 span{color:var(--smv-orange);}
.smv-sub{color:var(--smv-muted);font-size:13px;margin:0 0 24px;line-height:1.5;}

.smv-field{margin-bottom:18px;}
.smv-label{
  display:block;
  font-size:13px;
  color:var(--smv-text);
  margin-bottom:8px;
  font-weight:500;
}
.smv-dims{display:flex;gap:10px;}
.smv-dims .smv-field{flex:1;margin-bottom:0;}
.smv-input{
  width:100%;
  background:var(--smv-surface-2);
  border:1px solid var(--smv-line);
  color:var(--smv-text);
  padding:10px 12px;
  border-radius:4px;
  font-family:'IBM Plex Mono', monospace;
  font-size:14px;
}
.smv-input:focus{outline:1px solid var(--smv-orange);}

.smv-levels{display:flex;flex-direction:column;gap:8px;}
.smv-level-opt{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border:1px solid var(--smv-line);
  border-radius:4px;
  background:var(--smv-surface);
  cursor:pointer;
}
.smv-level-opt.smv-selected{
  border-color:var(--smv-orange);
  background:rgba(255,107,26,0.08);
}
.smv-level-opt input{accent-color:var(--smv-orange);}
.smv-l-title{font-weight:500;font-size:13.5px;}
.smv-l-desc{font-size:11.5px;color:var(--smv-muted);}

.smv-density{display:flex;gap:8px;}
.smv-density button{
  flex:1;
  padding:9px 6px;
  border:1px solid var(--smv-line);
  background:var(--smv-surface);
  color:var(--smv-muted);
  border-radius:4px;
  font-size:12px;
  cursor:pointer;
  font-family:'IBM Plex Sans', sans-serif;
}
.smv-density button.smv-selected{
  border-color:var(--smv-orange);
  color:var(--smv-orange);
  background:rgba(255,107,26,0.08);
}

.smv-result{
  margin-top:26px;
  padding:20px;
  border:1px solid var(--smv-line);
  border-radius:6px;
  background:var(--smv-surface);
  text-align:center;
}
.smv-num{
  font-family:'IBM Plex Mono', monospace;
  font-size:40px;
  font-weight:600;
  color:var(--smv-green);
}
.smv-unit{color:var(--smv-muted);font-size:14px;margin-left:4px;}
.smv-trucks{
  display:flex;
  justify-content:space-around;
  margin-top:14px;
  padding-top:14px;
  border-top:1px dashed var(--smv-line);
  font-size:12px;
  color:var(--smv-muted);
}
.smv-trucks b{display:block;color:var(--smv-text);font-family:'IBM Plex Mono', monospace;font-size:14px;margin-bottom:2px;}