.vsm-tool{--ink:#e6ebe7;--muted:#a1aca5;--acc:#d6b35a;--ok:#63b88c;--red:#e36b5f;--bg:#151a16;--card:#1c231e;--line:#2f3a32;
  font-family:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:22px;max-width:820px;margin:28px auto;box-sizing:border-box;line-height:1.55}
.vsm-tool *{box-sizing:border-box}
.vsm-tool h3{margin:0 0 4px;font-size:1.35rem;line-height:1.25;color:var(--ink)}
.vsm-tool .vsm-sub{margin:0 0 16px;color:var(--muted);font-size:.93rem}
.vsm-tool .vsm-vol{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.vsm-tool .vsm-vol button{font:inherit;font-size:.9rem;padding:8px 16px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;cursor:pointer}
.vsm-tool .vsm-vol button[aria-pressed="true"]{background:var(--acc);border-color:var(--acc);color:#1a1a14}
.vsm-tool .vsm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 16px}
.vsm-tool label{display:block;font-size:.84rem;color:var(--muted);margin-bottom:4px}
.vsm-tool input,.vsm-tool select{width:100%;font:inherit;font-size:.97rem;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font-variant-numeric:tabular-nums}
.vsm-tool .vsm-chk{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.9rem;cursor:pointer}
.vsm-tool .vsm-chk input{width:auto;accent-color:var(--acc)}
.vsm-tool :focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.vsm-tool .vsm-run{margin-top:14px;font:inherit;font-size:.95rem;padding:10px 18px;border:0;border-radius:6px;background:var(--acc);color:#1a1a14;font-weight:600;cursor:pointer}
.vsm-tool .vsm-warn{display:none;margin-top:10px;padding:9px 12px;border-left:4px solid var(--red);background:#2a1f1d;border-radius:4px;font-size:.88rem}
.vsm-tool .vsm-warn.on{display:block}
.vsm-tool .vsm-stats{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.vsm-tool .vsm-box{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 14px}
.vsm-tool .vsm-box small{display:block;color:var(--muted);font-size:.78rem}
.vsm-tool .vsm-box b{display:block;font-size:1.35rem;font-variant-numeric:tabular-nums;margin-top:2px}
.vsm-tool .vsm-box.r b{color:var(--red)}.vsm-tool .vsm-box.g b{color:var(--ok)}
.vsm-tool .vsm-hist{margin-top:14px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px}
.vsm-tool .vsm-hist p{margin:0 0 10px;font-size:.88rem;color:var(--muted)}
.vsm-tool .vsm-bars{display:flex;align-items:flex-end;gap:4px;height:140px}
.vsm-tool .vsm-bars div{flex:1;background:var(--acc);border-radius:3px 3px 0 0;min-height:2px;position:relative}
.vsm-tool .vsm-bars div.z{background:var(--red)}
.vsm-tool .vsm-bars div.p{background:var(--ok)}
.vsm-tool .vsm-lbl{display:flex;gap:4px;margin-top:6px}
.vsm-tool .vsm-lbl span{flex:1;text-align:center;font-size:.68rem;color:var(--muted);font-variant-numeric:tabular-nums}
.vsm-tool .vsm-take{margin-top:12px;padding:12px 14px;border-left:4px solid var(--acc);background:var(--card);border-radius:4px;font-size:.93rem}
.vsm-tool a{color:var(--acc)}
.vsm-tool .vsm-foot{margin-top:14px;font-size:.83rem;color:var(--muted)}
@media (max-width:480px){.vsm-tool{padding:16px}.vsm-tool .vsm-lbl span{font-size:.6rem}}

/* --- Einbettung & Mobile --- */
.vsm-tool{contain:inline-size;width:100%;min-width:0;max-width:min(820px,100%)}
.vsm-tool .vsm-grid{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}
.vsm-tool .vsm-stats{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}
.vsm-tool .vsm-grid>*,.vsm-tool .vsm-stats>*,.vsm-tool .vsm-bars>div,.vsm-tool .vsm-lbl span{min-width:0}
.vsm-tool .vsm-lbl span{overflow:hidden;white-space:nowrap}
@media (max-width:480px){.vsm-tool .vsm-lbl span:nth-child(even){visibility:hidden}}