.controller-container[data-v-42d7e8c6]{display:flex;width:100dvw;height:100dvh;background-color:#1e252b;color:#fff;overflow:hidden}.sidebar[data-v-42d7e8c6]{width:300px;background-color:#2a343d;display:flex;flex-direction:column;padding:20px;box-shadow:2px 0 10px #0000004d;z-index:20;transition:transform .3s ease}.header h2[data-v-42d7e8c6]{color:#3ab434;margin:0 0 20px;font-size:1.5rem}.connection-form[data-v-42d7e8c6]{display:flex;flex-direction:column;gap:15px}.input-group[data-v-42d7e8c6]{display:flex;flex-direction:column;gap:5px}.input-group label[data-v-42d7e8c6]{font-size:.9rem;color:#a0a0a0}.input-group input[data-v-42d7e8c6]{background-color:#1e252b;border:1px solid #3e4c59;padding:12px;border-radius:6px;color:#fff;font-size:1rem;outline:none}.input-group input[data-v-42d7e8c6]:focus{border-color:#3ab434}.btn-connect[data-v-42d7e8c6]{background-color:#3ab434;color:#fff;border:none;padding:12px;border-radius:6px;font-weight:700;cursor:pointer;font-size:1rem;transition:background .2s}.btn-connect[data-v-42d7e8c6]:hover{background-color:#329a2c}.btn-connect[data-v-42d7e8c6]:disabled{background-color:#2c3e50;cursor:not-allowed;opacity:.7}.history-panel[data-v-42d7e8c6]{margin-top:20px;border-top:1px solid #3e4c59;padding-top:15px;flex:1;overflow:hidden;display:flex;flex-direction:column}.history-header[data-v-42d7e8c6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.history-header h3[data-v-42d7e8c6]{margin:0;font-size:.9rem;color:#a0a0a0;text-transform:uppercase}.btn-clear[data-v-42d7e8c6]{background:none;border:none;color:#666;font-size:.8rem;cursor:pointer}.btn-clear[data-v-42d7e8c6]:hover{color:#ff4d4d}.history-list[data-v-42d7e8c6]{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:5px}.history-item[data-v-42d7e8c6]{background:#0003;padding:10px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s;border:1px solid transparent}.history-item[data-v-42d7e8c6]:hover{background:#ffffff0d;border-color:#3e4c59}.history-id[data-v-42d7e8c6]{font-size:.9rem;color:#ddd;word-break:break-all}.btn-remove[data-v-42d7e8c6]{background:none;border:none;color:#666;font-size:1.2rem;cursor:pointer;padding:0 5px;line-height:1}.btn-remove[data-v-42d7e8c6]:hover{color:#ff4d4d}.info-panel[data-v-42d7e8c6]{margin-top:20px;background:#0003;padding:15px;border-radius:8px}.info-panel ul[data-v-42d7e8c6]{padding-left:20px;color:#ccc;font-size:.9rem}.screen-area[data-v-42d7e8c6]{flex:1;position:relative;background-color:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;outline:none}.remote-image[data-v-42d7e8c6]{width:100%;height:100%;object-fit:fill;pointer-events:none;position:relative;z-index:1}.hidden-input[data-v-42d7e8c6]{position:absolute;opacity:0;height:0;width:0;border:none;padding:0;margin:0;pointer-events:none}.placeholder-state[data-v-42d7e8c6],.loading-state[data-v-42d7e8c6]{display:flex;flex-direction:column;align-items:center;color:#666}.spinner[data-v-42d7e8c6]{width:40px;height:40px;border:4px solid #3ab434;border-top-color:transparent;border-radius:50%;animation:spin-42d7e8c6 1s linear infinite;margin-bottom:10px}@keyframes spin-42d7e8c6{to{transform:rotate(360deg)}}.floating-controls[data-v-42d7e8c6]{position:absolute;display:none;gap:10px;z-index:100;opacity:.5;transition:opacity .3s;cursor:grab;touch-action:none}.floating-controls[data-v-42d7e8c6]:active{cursor:grabbing;opacity:1}.floating-controls[data-v-42d7e8c6]:hover{opacity:1}.btn-icon[data-v-42d7e8c6]{background:#0009;border:none;color:#fff;padding:10px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon[data-v-42d7e8c6]:hover{background:#3ab434}.btn-icon.active[data-v-42d7e8c6]{background:#3ab434;color:#fff;opacity:1}@media (max-width: 768px){.floating-controls[data-v-42d7e8c6]{display:flex}.sidebar[data-v-42d7e8c6]{position:absolute;top:0;left:0;height:100%;width:100%;transform:translate(0)}.controller-container.connected .sidebar[data-v-42d7e8c6]{transform:translate(-100%)}.controller-container.connected .sidebar[style*="display: block"][data-v-42d7e8c6]{transform:translate(0)}}.app-container[data-v-9344d718]{width:100%;min-height:100vh;background-color:#1e252b}