.vm-console-shell { position:relative; overflow:hidden; background:#0b1220; border:1px solid #dce5f2; border-radius:14px; }
.vm-console-shell>header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:18px 20px; background:#fff; border-bottom:1px solid #e4eaf3; }
.vm-console-shell>header>div { display:flex; align-items:center; gap:12px; flex-wrap:wrap; min-width:0; }
.vm-console-shell strong { overflow-wrap:anywhere; }
#vm-console-state { color:#607089; font-size:12px; }
.vm-console-dot { width:8px; height:8px; background:#8e9ab0; border-radius:50%; }
.vm-console-dot.is-connected { background:#2563eb; box-shadow:0 0 0 4px #2563eb18; }
.vm-console-actions button { min-height:36px; }
.vm-console-screen { width:100%; height:clamp(320px,54vh,680px); overflow:hidden; }
.vm-console-placeholder { position:absolute; top:45%; left:20px; right:20px; text-align:center; color:#e4ecfa; pointer-events:none; }
.vm-console-placeholder strong { font-size:18px; }.vm-console-placeholder p { color:#9cacbf; line-height:1.7; font-size:13px; }
.vm-console-shell>footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; padding:16px 20px; background:#101c2e; color:#a9b9d0; font-size:12px; border-top:1px solid #24334a; }
.vm-console-shell>footer label { display:flex; align-items:center; gap:10px; color:#e4ecfa; font-size:12px; cursor:pointer; }
.vm-console-shell>footer input { width:16px; height:16px; accent-color:#2563eb; }
.vm-console-notice { color:#62718a; font-size:13px; line-height:1.8; margin-top:16px; }
.vm-console-shell:fullscreen { display:flex; flex-direction:column; border:0; border-radius:0; }.vm-console-shell:fullscreen .vm-console-screen { flex:1; min-height:0; height:auto; }
@media(max-width:650px) { .vm-console-shell>header { padding:14px; }.vm-console-actions { width:100%; }.vm-console-actions button { flex:1; padding:9px; }.vm-console-shell>footer { padding:14px; }.vm-console-placeholder { top:48%; } }