.demo-shell{--bg:#1a1a1a;--panel:#202020;--fg:#e6e6e6;--dim:#8a8a8a;--faint:#5a5a5a;--accent:#d97757;--accent2:#cc785c;--green:#4eb96a;--blue:#6aa3e0;--yellow:#e0b84e;--purple:#b48ed9;--red:#e06a6a;--border:#2e2e2e;--tool:#7da3c4;--mono:"SF Mono","JetBrains Mono","Fira Code",Menlo,Consolas,monospace}.demo-shell *{box-sizing:border-box}.demo-shell{margin:0;height:100%;background:#0e0e0e}.demo-shell{font-family:var(--mono);color:var(--fg);font-size:13.5px;line-height:1.55;display:flex;flex-direction:column;height:100vh;overflow:hidden}.demo-shell .titlebar{height:36px;background:#161616;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--border);flex:0 0 auto;user-select:none}.demo-shell .dots{display:flex;gap:8px;margin-right:14px}.demo-shell .dot{width:12px;height:12px;border-radius:50%}.demo-shell .dot.r{background:#ff5f57}.demo-shell .dot.y{background:#febc2e}.demo-shell .dot.g{background:#28c840}.demo-shell .titlebar .t{color:var(--dim);font-size:12px;flex:1;text-align:center;letter-spacing:.3px}.demo-shell .titlebar .model{color:var(--faint);font-size:11px}.demo-shell .term{flex:1 1 auto;overflow-y:auto;padding:18px 22px 8px;scroll-behavior:smooth}.demo-shell .term::-webkit-scrollbar{width:9px}.demo-shell .term::-webkit-scrollbar-thumb{background:#333;border-radius:6px}.demo-shell .banner{color:var(--accent);white-space:pre;line-height:1.1;font-size:12px;margin-bottom:6px}.demo-shell .welcome{color:var(--dim);margin-bottom:18px}.demo-shell .welcome b{color:var(--fg)}.demo-shell .welcome .path{color:var(--faint)}.demo-shell .line{margin:1px 0;white-space:pre-wrap;word-break:break-word}.demo-shell .muted{color:var(--dim)}.demo-shell .faint{color:var(--faint)}.demo-shell .green{color:var(--green)}.demo-shell .blue{color:var(--blue)}.demo-shell .yellow{color:var(--yellow)}.demo-shell .purple{color:var(--purple)}.demo-shell .red{color:var(--red)}.demo-shell .accent{color:var(--accent)}.demo-shell .b{font-weight:600}.demo-shell .userline{margin:14px 0 4px;color:var(--fg)}.demo-shell .userline .chev{color:var(--accent);font-weight:700}.demo-shell .tool{margin:6px 0;padding-left:2px}.demo-shell .tool .head{color:var(--tool)}.demo-shell .tool .head .name{color:#9ec5e8;font-weight:600}.demo-shell .tool .head .dim{color:var(--faint)}.demo-shell .tool .body{border-left:2px solid #2c2c2c;margin-left:6px;padding:3px 0 3px 14px;color:var(--dim)}.demo-shell .tool .body .ok{color:var(--green)}.demo-shell .tool .body .row{color:#bdbdbd}.demo-shell .bullet,.demo-shell .spin{color:var(--accent)}.demo-shell .cursor{display:inline-block;width:8px;height:15px;background:var(--accent);vertical-align:-2px;animation:blink 1s steps(2) infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.demo-shell .ask{margin:12px 0;border:1px solid #34302b;border-left:3px solid var(--accent);background:#1d1b19;border-radius:7px;padding:13px 15px;max-width:680px}.demo-shell .ask .q{color:var(--fg);margin-bottom:4px}.demo-shell .ask .sub{color:var(--dim);font-size:12.5px;margin-bottom:11px}.demo-shell .opts{display:flex;flex-direction:column;gap:7px}.demo-shell .opt{display:flex;align-items:center;gap:10px;background:#242220;border:1px solid #34322e;color:var(--fg);padding:9px 12px;border-radius:6px;cursor:pointer;text-align:left;font-family:var(--mono);font-size:13px;transition:.12s}.demo-shell .opt:hover{background:#2f2b26;border-color:var(--accent)}.demo-shell .opt .key{color:var(--accent);font-weight:700;min-width:16px}.demo-shell .opt .lab{flex:1}.demo-shell .opt .meta{color:var(--faint);font-size:11.5px}.demo-shell .opt.rec .lab:after{content:" ✦";color:var(--yellow)}.demo-shell .done-tag{display:inline-block;background:#1d2a20;color:var(--green);border:1px solid #2c4a35;border-radius:4px;padding:1px 7px;font-size:11px;margin-left:8px}.demo-shell .mail{max-width:680px;border:1px solid #2e2e2e;border-radius:8px;margin:10px 0;overflow:hidden;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif}.demo-shell .mail .bar{display:flex;align-items:center;gap:8px;padding:7px 13px;font-size:11px;font-family:var(--mono);letter-spacing:.4px;text-transform:uppercase}.demo-shell .mail.in .bar{background:#1b2230;color:#7fa8d8;border-bottom:1px solid #243245}.demo-shell .mail.out .bar{background:#15211a;color:#62c785;border-bottom:1px solid #244031}.demo-shell .mail .bar .tag{margin-left:auto;font-size:10px;opacity:.8}.demo-shell .mail .hdr{padding:11px 15px 9px;border-bottom:1px solid #262626;background:#1c1c1c;font-size:12.5px;line-height:1.7}.demo-shell .mail .hdr .nm{color:#fff;font-weight:600}.demo-shell .mail .hdr .em{color:var(--faint)}.demo-shell .mail .hdr .lbl{color:var(--dim);display:inline-block;width:46px}.demo-shell .mail .hdr .subj{color:#e6e6e6;font-weight:600}.demo-shell .mail .bd{padding:14px 16px;font-size:13.5px;line-height:1.65}.demo-shell .mail.in .bd{color:#d2d2d2;background:#191919}.demo-shell .mail.out .bd{color:#d6ecdd;background:#141d18}.demo-shell .mail .bd .edited{background:#33301a;border-bottom:1px solid var(--yellow);padding:0 2px}.demo-shell .cmdbar{flex:0 0 auto;border-top:1px solid var(--border);background:#161616;padding:10px 16px 13px}.demo-shell .cmdbar .hint{color:var(--faint);font-size:11px;margin-bottom:8px;display:flex;justify-content:space-between}.demo-shell .cmds{display:flex;flex-wrap:wrap;gap:8px}.demo-shell .cmd{background:#1f1f1f;border:1px solid #333;border-radius:7px;color:#cfcfcf;font-family:var(--mono);font-size:12.5px;padding:8px 13px;cursor:pointer;transition:.12s;display:flex;align-items:center;gap:8px}.demo-shell .cmd:hover:not(:disabled){background:#262626;border-color:var(--accent);color:#fff}.demo-shell .cmd:disabled{opacity:.35;cursor:not-allowed}.demo-shell .cmd .slash{color:var(--accent);font-weight:700}.demo-shell .cmd .desc{color:var(--faint);font-size:11px}.demo-shell .cmd.reset{margin-left:auto;border-color:#3a2a2a;color:var(--dim)}.demo-shell .cmd.reset:hover{border-color:var(--red);color:var(--red)}.demo-shell .prompt-row{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--faint)}.demo-shell .prompt-row .chev{color:var(--accent);font-weight:700}.demo-shell .prompt-row .ph{color:var(--faint);font-size:12.5px}.demo-shell .pill{display:inline-block;padding:1px 7px;border-radius:20px;font-size:11px;border:1px solid}.demo-shell .pill.g{color:var(--green);border-color:#2c4a35;background:#162018}.demo-shell .pill.b{color:var(--blue);border-color:#27425e;background:#141d28}.demo-shell .summary{margin:10px 0;padding:11px 14px;border-radius:7px;background:#15211a;border:1px solid #244031;color:#cfe6d6;max-width:680px}.demo-shell .summary b{color:#fff}.demo-shell .summary .k{color:var(--green)}
