.vnc-page[data-v-d64353cc]{display:flex;flex-direction:column;height:100vh;background:#0d1117;overflow:hidden}.topbar[data-v-d64353cc]{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:48px;background:#161b22;border-bottom:1px solid #30363d;flex-shrink:0;gap:12px}.topbar-left[data-v-d64353cc],.topbar-right[data-v-d64353cc]{display:flex;align-items:center;gap:10px;min-width:180px}.topbar-right[data-v-d64353cc]{justify-content:flex-end}.topbar-center[data-v-d64353cc]{display:flex;align-items:center;gap:10px;flex:1;justify-content:center}.title[data-v-d64353cc]{color:#e6edf3;font-weight:600;font-size:.95rem}.session-id[data-v-d64353cc]{color:#484f58;font-size:.78rem;font-family:JetBrains Mono,monospace;background:#0d1117;border:1px solid #21262d;border-radius:5px;padding:2px 8px}.session-label[data-v-d64353cc]{display:flex;align-items:center;gap:7px;color:#8b949e;font-size:.85rem}.dot[data-v-d64353cc]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-idle[data-v-d64353cc]{background:#484f58}.dot-connecting[data-v-d64353cc]{background:#d29922;animation:pulse-d64353cc 1.2s infinite}.dot-connected[data-v-d64353cc]{background:#3fb950}.dot-disconnected[data-v-d64353cc]{background:#484f58}.dot-error[data-v-d64353cc]{background:#f85149}@keyframes pulse-d64353cc{0%,to{opacity:1}50%{opacity:.35}}.back-btn[data-v-d64353cc]{display:flex;align-items:center;justify-content:center;background:none;border:1px solid #30363d;border-radius:7px;color:#8b949e;cursor:pointer;padding:5px 7px;transition:color .2s,border-color .2s}.back-btn[data-v-d64353cc]:hover{color:#e6edf3;border-color:#6e7681}.ctrl-btn[data-v-d64353cc]{background:#21262d;border:1px solid #30363d;border-radius:7px;color:#c9d1d9;cursor:pointer;padding:5px 12px;font-size:.8rem;font-weight:500;transition:background .2s}.ctrl-btn[data-v-d64353cc]:hover:not(:disabled){background:#30363d}.ctrl-btn[data-v-d64353cc]:disabled{opacity:.4;cursor:not-allowed}.ctrl-btn.icon-btn[data-v-d64353cc]{padding:5px 9px;display:flex;align-items:center}.ctrl-btn.danger[data-v-d64353cc]{border-color:#3d1a1a;color:#f85149}.ctrl-btn.danger[data-v-d64353cc]:hover:not(:disabled){background:#2d1010}.canvas-wrapper[data-v-d64353cc]{flex:1;position:relative;overflow:hidden;background:#000}.vnc-container[data-v-d64353cc]{width:100%;height:100%}.vnc-container[data-v-d64353cc] canvas{display:block;width:100%!important;height:100%!important;object-fit:contain}.status-overlay[data-v-d64353cc]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0d1117eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.status-box[data-v-d64353cc]{display:flex;flex-direction:column;align-items:center;gap:16px}.status-msg[data-v-d64353cc]{color:#8b949e;font-size:.97rem;text-align:center;max-width:320px}.hint-msg[data-v-d64353cc]{color:#484f58;font-size:.8rem;text-align:center;max-width:320px}.reconnect-btn[data-v-d64353cc]{background:#1a6cff;color:#fff;border:none;border-radius:8px;padding:10px 28px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.reconnect-btn[data-v-d64353cc]:hover{background:#1558cc}.spinner[data-v-d64353cc]{width:44px;height:44px;border:3px solid #21262d;border-top-color:#1a6cff;border-radius:50%;animation:spin-d64353cc .8s linear infinite}@keyframes spin-d64353cc{to{transform:rotate(360deg)}}.fade-enter-active[data-v-d64353cc],.fade-leave-active[data-v-d64353cc]{transition:opacity .3s}.fade-enter-from[data-v-d64353cc],.fade-leave-to[data-v-d64353cc]{opacity:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;background:#0d1117;color:#e6edf3;-webkit-font-smoothing:antialiased}#app{height:100%;width:100%}