.do-console-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:stretch}
.do-console-guide{padding:24px;border:1px solid #263930;border-radius:18px;background:#0c1310}
.do-console-guide h3{margin:12px 0;font-size:22px;color:#edf8f1}.do-console-guide p{color:#a7b9ae;line-height:1.7;font-size:14px}
.do-console-guide>button{display:flex;width:100%;gap:12px;align-items:center;text-align:start;padding:14px;margin:12px 0;border:1px solid #2c4337;border-radius:12px;background:#111f17;color:#dcf3e3;cursor:pointer}
.do-console-guide>button:hover{border-color:#64d497;background:#182d20}.do-console-guide .icon{color:#64d497;flex-shrink:0;font-size:21px}.do-console-guide strong,.do-console-guide small{display:block}.do-console-guide button small{margin-top:4px;color:#97aa9e;font-size:11px}.do-console-guide>small{color:#94a79b;font:11px/1.7 var(--do-font-mono)}
.do-console-layout .do-terminal{max-width:none;margin:0;min-width:0;border-color:#2d4938;background:#080e0b;box-shadow:0 18px 60px #0005}
.do-console-layout .do-terminal header{background:#111d16;padding:16px 18px}.do-console-layout .do-terminal header b{font-size:12px;color:#cce4d4}
.do-console-status{display:flex;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #203529;color:#9bb2a3;font:11px var(--do-font-mono)}.do-console-status span{display:flex;gap:8px;align-items:center}.do-console-status i{width:6px;height:6px;border-radius:50%;background:#67d79a}
.do-console-layout .do-terminal__output{height:330px;padding:22px;font-size:13px;line-height:1.85;overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere}.do-terminal__output p{margin:0 0 9px}.do-terminal__output a{color:#7eddac;text-underline-offset:4px}.do-terminal__output .prompt{color:#f3fff8}.do-terminal__output .muted{color:#a0b2a6}.do-terminal__output .ok{color:#8ce4b3}.do-terminal__output .warn{color:#edd19a}.do-terminal__output .err{color:#ffa99d}
.do-console-layout .do-terminal__form{padding:14px 18px;border-top:1px solid #203529;display:flex;gap:10px;align-items:center}.do-terminal__form label{color:#76dba3;white-space:nowrap}.do-console-layout .do-terminal__form input{flex:1;min-width:0;padding:12px;border:1px solid #30483a;background:#101a14;border-radius:8px;color:#ecf8f0;font:inherit}.do-console-layout .do-terminal__form button{padding:12px 17px;border-radius:8px;background:#8ce4b3;color:#082014;border:0;font-weight:700;cursor:pointer}
.do-console-layout .do-terminal>footer{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid #203529;color:#95ad9d;font:11px/1.7 var(--do-font-mono)}.do-console-layout footer button{background:none;border:0;color:#b3ead0;cursor:pointer;text-decoration:underline;white-space:nowrap}.do-console-noscript{padding:16px;color:#bccdbf}
[data-console-command]:focus-visible,.do-terminal button:focus-visible,.do-terminal input:focus-visible,.do-terminal__output:focus-visible{outline:2px solid #95efba;outline-offset:4px}
@media(max-width:850px){.do-console-layout{grid-template-columns:1fr}.do-console-guide{padding:20px}.do-console-guide>button{margin:8px 0}.do-console-layout .do-terminal__output{height:290px}.do-console-layout .do-terminal>footer{flex-wrap:wrap}}@media(max-width:420px){.do-terminal__form label{display:none}.do-console-layout .do-terminal header b{font-size:10px}.do-console-layout .do-terminal__output{padding:16px;font-size:12px}}