.ctf-command-demo{border:1px solid var(--journal-rule);border-top:0;background:var(--journal-panel);margin:0}
.ctf-demo-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:47px;padding:13px 20px;border:0;background:transparent;color:var(--ink);font:400 13px/1.4 Apparat,Arial,sans-serif;text-align:left;cursor:pointer}
.ctf-demo-trigger::after{content:'+';font:400 19px/1 Apparat,Arial,sans-serif}
.ctf-demo-trigger[aria-expanded=true]::after{content:'−'}
.ctf-demo-panel{border-top:1px solid var(--journal-rule)}
.ctf-demo-panel[hidden],.ctf-demo-line[hidden],.ctf-demo-controls button[hidden]{display:none!important}
.ctf-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;color:var(--journal-muted);font:400 11px/1.45 Apparat,Arial,sans-serif}
.ctf-demo-toolbar button{min-width:32px;min-height:32px;border:0;background:transparent;color:var(--ink);font:400 23px/1 Apparat,Arial,sans-serif;cursor:pointer}
.ctf-demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--journal-rule)}
.ctf-demo-steps button{position:relative;min-height:42px;border:0;border-right:1px solid var(--journal-rule);background:transparent;color:var(--journal-muted);font:400 12px/1.4 Apparat,Arial,sans-serif;cursor:pointer}
.ctf-demo-steps button:last-child{border-right:0}
.ctf-demo-steps button[aria-pressed=true]{color:var(--ink);background:rgba(127,127,127,.07)}
.ctf-demo-steps button::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--acid,#b8ff38);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.ctf-demo-steps button[aria-pressed=true]::after,.ctf-demo-steps button.is-done::after{transform:scaleX(1)}
.ctf-demo-view{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.ctf-demo-output{min-width:0;min-height:160px;padding:20px 14px;background:#111;color:#dedede;font:400 12px/1.7 Fragment,ui-monospace,monospace;overflow-x:auto}
.ctf-demo-output.is-awaiting::before{content:'›';display:block;color:#777}
.ctf-demo-line{display:block;min-width:100%;width:max-content;border:0;border-left:2px solid transparent;padding:3px 8px;background:transparent;color:inherit;font:inherit;text-align:left;white-space:pre;cursor:pointer;animation:ctf-output-in .2s ease-out}
.ctf-demo-line.is-selected{border-left-color:var(--acid,#b8ff38);color:#fff;background:#272727}
.ctf-demo-line:hover{background:#222}
.ctf-demo-notes{padding:22px;min-width:0}
.ctf-demo-notes strong{display:block;color:var(--ink);font:400 14px/1.4 Apparat,Arial,sans-serif}
.ctf-demo-notes p{margin:10px 0 0;color:var(--journal-muted);font:400 13px/1.6 Apparat,Arial,sans-serif}
.ctf-demo-controls{display:flex;align-items:center;gap:20px;padding:12px 20px;border-top:1px solid var(--journal-rule)}
.ctf-demo-controls button{padding:6px 0;min-height:32px;border:0;background:transparent;color:var(--ink);font:400 12px/1.4 Apparat,Arial,sans-serif;cursor:pointer}
.ctf-demo-controls [role=status]{margin-left:auto;color:var(--journal-muted);font:400 11px/1.4 Apparat,Arial,sans-serif}
.ctf-command-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.ctf-command-demo .ctf-demo-line:focus-visible{outline-color:#fff}
@keyframes ctf-output-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.ctf-demo-view{grid-template-columns:minmax(0,1fr)}.ctf-demo-output{min-height:120px;font-size:11px;padding:15px 8px}.ctf-demo-notes{padding:18px 16px}.ctf-demo-toolbar{padding:10px 16px}.ctf-demo-trigger,.ctf-demo-controls{padding:12px 16px}.ctf-demo-steps button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ctf-demo-line{animation:none}.ctf-demo-steps button::after{transition:none}}