/* EngTool shared shell — top bar + footer + language handling.
   Offline file:// safe: classic script, no modules, no fetch. */
:root{
  --et-bg:#eef2f7;
  --et-card:#ffffff;
  --et-ink:#1f2933;
  --et-mut:#5b6b80;
  --et-line:#d7dee8;
  --et-brand:#0b5cab;
  --et-brand2:#0a4f91;
  --et-accent:#e8702a;
  --et-ok:#1f8a4c;
  --et-warn:#c46a00;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,
    "PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--et-bg);
  color:var(--et-ink);
  line-height:1.55;
}

/* ---- Top bar ---- */
#et-topbar{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  background:linear-gradient(95deg,var(--et-brand),var(--et-brand2));
  color:#fff;padding:9px 16px;
  box-shadow:0 2px 10px rgba(8,30,60,.18);
}
#et-topbar .brand{
  font-weight:700;font-size:15.5px;letter-spacing:.3px;
  display:flex;align-items:center;gap:8px;white-space:nowrap;
}
#et-topbar .brand .dot{
  width:10px;height:10px;border-radius:50%;
  background:var(--et-accent);display:inline-block;box-shadow:0 0 0 3px rgba(232,112,42,.3);
}
#et-topbar .spacer{flex:1 1 auto;min-width:8px;}
#et-topbar select{
  font-size:13px;padding:6px 9px;border-radius:8px;
  border:1px solid rgba(255,255,255,.4);
  background:rgba(255,255,255,.14);color:#fff;cursor:pointer;max-width:160px;
}
#et-topbar select option{color:#1f2933;}
#et-topbar a.et-btn{
  display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#fff;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);
  padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap;
  transition:background .15s,border-color .15s;
}
#et-topbar a.et-btn:hover{background:rgba(255,255,255,.30);border-color:rgba(255,255,255,.6);}
#et-topbar a.et-btn .ico{font-size:14px;line-height:1;}

/* ---- Footer ---- */
#et-footer{
  margin-top:30px;padding:18px 16px;background:#11203a;color:#9fb2d0;
  font-size:12px;text-align:center;line-height:1.7;
}
#et-footer a{color:#cfe0ff;text-decoration:none;}
#et-footer a:hover{text-decoration:underline;}