:root{--dsc-bg:#0a0a0a;--dsc-panel:#171717;--dsc-text:#f5f5f5;--dsc-muted:#a3a3a3;--dsc-line:#404040;--dsc-accent:#a3e635;--sans:system-ui,sans-serif;--mono:ui-monospace,Menlo,monospace}
*{box-sizing:border-box}body{margin:0;font-family:var(--sans);background:var(--dsc-bg);color:var(--dsc-text);line-height:1.5}
.shell-dsc-app{min-height:100vh;display:flex;flex-direction:column}
.shell-dsc-bar{padding:1.15rem 1.3rem .85rem;border-bottom:1px solid var(--dsc-line);background:#111}
.shell-dsc-brand{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dsc-muted);font-weight:700;display:flex;gap:.4rem;align-items:center;font-family:var(--mono)}
.shell-dsc-mark{color:var(--dsc-accent)}
.shell-dsc-nav{display:flex;gap:.9rem;margin:.55rem 0;flex-wrap:wrap}
.shell-dsc-nav a{color:var(--dsc-muted);text-decoration:none;font-size:.88rem}
.shell-dsc-kicker{margin:0;color:var(--dsc-muted);font-size:.82rem;font-family:var(--mono)}
.shell-dsc-bar h1{margin:.25rem 0 0;font-size:1.28rem}
.shell-dsc-workspace{display:grid;grid-template-columns:1fr 1fr;flex:1;max-width:1100px;margin:0 auto;width:100%;padding:1.1rem 1.25rem;gap:1rem}
@media(max-width:860px){.shell-dsc-workspace{grid-template-columns:1fr}}
.shell-dsc-form{background:var(--dsc-panel);border:1px solid var(--dsc-line);border-radius:10px;padding:1.1rem}
.shell-dsc-form label{display:block;font-size:.8rem;color:var(--dsc-muted);margin:.45rem 0 .2rem}
.shell-dsc-form input{width:100%;padding:.5rem;border-radius:6px;border:1px solid var(--dsc-line);background:#0a0a0a;color:var(--dsc-text);font-family:var(--mono);font-size:.85rem}
.shell-dsc-preview-pane{background:var(--dsc-panel);border:1px solid var(--dsc-line);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.65rem}
.shell-dsc-out{margin:0;min-height:180px;white-space:pre-wrap;font-family:var(--mono);font-size:.8rem;background:#050505;border:1px solid var(--dsc-line);border-radius:8px;padding:.85rem;flex:1}
.shell-dsc-copy{border:0;border-radius:8px;padding:.55rem .95rem;font:inherit;font-weight:700;cursor:pointer;background:var(--dsc-accent);color:#14532d}
.matrix-prose{max-width:1100px;margin:0 auto;padding:1.25rem;color:var(--dsc-text)}
.matrix-prose a{color:var(--dsc-accent)}
footer.site-foot{max-width:1100px;margin:0 auto;padding:1rem 1.25rem 2rem;color:var(--dsc-muted);font-size:.85rem}

.matrix-prose a{color:#6ea8ff}
.matrix-prose code{font-family:ui-monospace,monospace;font-size:.85em}
.shell-dsc-form textarea,.shell-dsc-form input[type=text]{width:100%;margin:.25rem 0 .6rem;padding:.45rem;border-radius:4px;border:1px solid #24324d;background:#0a0f18;color:#e6eefc;font:inherit}
.shell-dsc-form label{display:block;color:#8494b0;font-size:.82rem}
.shell-dsc-form .row{display:flex;gap:.45rem;align-items:center;color:#e6eefc;margin:.35rem 0}
.accent,.ghost{border:1px solid #24324d;background:transparent;color:#e6eefc;padding:.35rem .7rem;border-radius:4px;font:inherit;cursor:pointer;margin-right:.35rem}
.accent{background:#6ea8ff;color:#0a1220;border-color:#6ea8ff;font-weight:700}
.top,.foot,.wrap{font-family:system-ui,sans-serif}