/* ---------- шапка ---------- */
header{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel2))}
.brand{display:flex;align-items:center;gap:10px;margin-right:10px;user-select:none}
.logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;box-shadow:0 6px 16px -4px color-mix(in srgb,var(--accent) 60%,transparent)}
.logo svg{display:block}
.brand b{font-size:19px;letter-spacing:-.02em;font-weight:750;line-height:1}
.brand b span{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand small{display:block;font-size:10.5px;color:var(--muted);letter-spacing:.04em;margin-top:3px;font-weight:500}
.seg{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}
.lt{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--muted);padding:6px 13px;border-radius:9px;cursor:pointer;font:inherit;font-weight:550;transition:.15s}
.lt:hover{color:var(--text)}
.lt.on{background:var(--panel);color:var(--text);box-shadow:0 2px 8px -2px rgba(30,40,90,.25)}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.dot.python{background:linear-gradient(135deg,#3776ab 50%,#ffd43b 50%)}.dot.js{background:#f7df1e}.dot.html{background:#e44d26}
.sp{flex:1}
.btn{display:flex;align-items:center;gap:7px;background:var(--panel2);color:var(--text);border:1px solid var(--line);padding:7px 13px;border-radius:10px;cursor:pointer;font:inherit;font-weight:550;transition:.15s}
.btn:hover{background:var(--hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.btn.icon{padding:7px 10px}
.btn.stop{color:var(--err);border-color:color-mix(in srgb,var(--err) 45%,var(--line))}
.run{display:flex;align-items:center;gap:8px;border:0;color:#fff;font:inherit;font-weight:650;padding:9px 20px;border-radius:11px;cursor:pointer;background:linear-gradient(135deg,#19b86b,#0f9d58);box-shadow:0 8px 20px -6px rgba(25,184,107,.6);transition:.15s}
.run:hover{transform:translateY(-1px);box-shadow:0 12px 24px -6px rgba(25,184,107,.7)}
.run:active{transform:translateY(0);filter:brightness(.95)}