:root{--ink:#121428;--mut:#646b88;--line:#e6e8f2;--bg:#f4f5fb;--p:#6d5dfc;--p2:#3b82f6;--ok:#0a7d55;--bad:#c8372d}
*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,-apple-system,system-ui,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--p)}button,input,select,textarea{font:inherit}
.wbbar{background:#121428;color:#fff;font-weight:600;font-size:13px;padding:10px 20px;display:flex;align-items:center;gap:16px}
.wbbar a{color:#c9c6ff;text-decoration:none}.wbbar .lg{color:#fff;font-weight:800;display:flex;align-items:center;gap:8px}
.wbbar .try{margin-left:auto;background:#fff;color:var(--p);padding:6px 14px;border-radius:8px}
.hd{background:linear-gradient(120deg,#6d5dfc,#3b82f6);color:#fff;padding:30px 20px 80px;margin-bottom:-56px}
.hd .in,.main{max-width:1100px;margin:0 auto}.hd h1{margin:0;font-size:28px;letter-spacing:-.01em}.hd p{margin:4px 0 0;opacity:.9}
.main{padding:0 20px 50px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 6px 24px rgba(20,20,60,.06);margin-bottom:16px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 14px;font-weight:600;cursor:pointer;color:var(--ink)}.tab.on{background:var(--ink);color:#fff;border-color:var(--ink)}
label{display:block;font-size:12px;font-weight:600;color:var(--mut);margin:0 0 4px}
input,select,textarea{border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:#fff;color:var(--ink);width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid #d9d4ff;border-color:var(--p)}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:12px}
.btn{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 16px;font-weight:600;cursor:pointer;color:var(--ink);text-decoration:none;display:inline-block}
.btn.p{background:var(--ink);color:#fff;border-color:var(--ink)}.btn:disabled{opacity:.5;cursor:default}
.hint{color:var(--mut);font-size:13px}
.big{font-size:30px;font-weight:800;letter-spacing:-.01em}
.res{background:#f7f6ff;border:1px solid #e4e0ff;border-radius:14px;padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.res .k{font-size:12px;color:var(--mut);font-weight:600}.res .v{font-size:22px;font-weight:800}
.up{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;padding:14px 16px;border-radius:14px;background:#121428;color:#fff}
.up a{margin-left:auto;background:#fff;color:var(--p);padding:8px 14px;border-radius:9px;font-weight:700;text-decoration:none}
.drop{border:2px dashed #d6d9ea;border-radius:14px;padding:26px;text-align:center;cursor:pointer;background:#fafbff}.drop.over{border-color:var(--p);background:#f3f1ff}
.drop b{display:block;font-size:15px}
@media(max-width:600px){.hd h1{font-size:23px}.wbbar .hide{display:none}}

/* embed=1: tool shown inside a Workbench landing page (no bar, no header, no upsell) */
html.embed .hd,html.embed .up,html.embed .wbbar{display:none!important}html.embed .main{padding-top:16px}html.embed body{background:#fff}