/* demo/_shared/shell.css — 全デモ共通の軽量ウィンドウ枠 */
:root {
  --d-bg:#0b1526; --d-panel:#10203a; --d-line:#284067; --d-line2:#223655;
  --d-fg:#e7eefb; --d-sub:#9db4d6; --d-acc:#33A864; --d-warn:#f0c674; --d-err:#ef8a7a;
}
* { box-sizing:border-box; }
html, body { margin:0; padding:0; background:var(--d-bg); color:var(--d-fg);
  font-family:"Noto Sans JP","Inter",system-ui,sans-serif; }
.demo-shell { width:1280px; min-height:800px; display:flex; flex-direction:column; background:var(--d-bg); }
.demo-winbar { display:flex; align-items:center; gap:12px; padding:10px 16px;
  background:var(--d-panel); border-bottom:1px solid var(--d-line); }
.demo-winbar .dots { display:flex; gap:7px; }
.demo-winbar .dots i { width:11px; height:11px; border-radius:50%; display:block; }
.demo-winbar .dots .r{background:#ff5f57;} .demo-winbar .dots .y{background:#febc2e;}
.demo-winbar .dots .g{background:#28c840;}
.demo-winbar .eyebrow { color:var(--d-acc); font-size:11px; letter-spacing:.12em; font-weight:700; }
.demo-winbar .title { color:var(--d-fg); font-weight:600; font-size:14px; }
.demo-winbar .demo-reset { margin-left:auto; background:#16233b; border:1px solid var(--d-line);
  color:var(--d-sub); font-size:12px; padding:5px 12px; border-radius:8px; cursor:pointer; }
.demo-stage { flex:1; padding:0; overflow:auto; }