.device-screen-container[data-v-98117ef0]{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.video-section[data-v-98117ef0]{flex:1;position:relative;margin:10px;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3)}.video-player[data-v-98117ef0]{width:100%;height:100%;background-color:#000;border-radius:12px}.video-overlay[data-v-98117ef0]{position:absolute;top:15px;right:15px;z-index:10}.status-indicator[data-v-98117ef0]{display:flex;align-items:center;padding:8px 12px;background:rgba(0,0,0,.7);border-radius:20px;color:#fff;font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.status-indicator.active[data-v-98117ef0]{background:rgba(34,197,94,.8)}.status-dot[data-v-98117ef0]{width:8px;height:8px;border-radius:50%;background:#ef4444;margin-right:6px;animation:pulse-98117ef0 2s infinite}.status-indicator.active .status-dot[data-v-98117ef0]{background:#22c55e}@keyframes pulse-98117ef0{0%,to{opacity:1}50%{opacity:.5}}.control-section[data-v-98117ef0]{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px 20px 0 0;padding:25px 20px;box-shadow:0 -4px 20px rgba(0,0,0,.1);min-height:220px}.control-title[data-v-98117ef0]{text-align:center;font-size:18px;font-weight:600;color:#374151;margin-bottom:25px}.direction-controls[data-v-98117ef0]{display:flex;flex-direction:column;align-items:center;margin-bottom:25px;width:100%;max-width:350px;margin-left:auto;margin-right:auto}.control-row[data-v-98117ef0]{display:flex;align-items:center;justify-content:center;margin:8px 0;width:100%}.middle-row[data-v-98117ef0]{gap:30px;justify-content:space-between;padding:0 20px}.direction-btn[data-v-98117ef0]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:70px;border:none;border-radius:20px;background:linear-gradient(145deg,#f0f0f0,#cacaca);box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:70px;min-width:90px}.direction-btn[data-v-98117ef0]:active{background:linear-gradient(145deg,#cacaca,#f0f0f0);box-shadow:inset 6px 6px 12px #bebebe,inset -6px -6px 12px #fff;transform:scale(.95)}.direction-btn span[data-v-98117ef0]{margin-top:4px;font-size:12px;font-weight:600}.arrow-icon[data-v-98117ef0]{width:0;height:0;border-style:solid}.arrow-icon.up[data-v-98117ef0]{border-bottom:16px solid #374151}.arrow-icon.down[data-v-98117ef0],.arrow-icon.up[data-v-98117ef0]{border-left:12px solid transparent;border-right:12px solid transparent}.arrow-icon.down[data-v-98117ef0]{border-top:16px solid #374151}.arrow-icon.left[data-v-98117ef0]{border-right:16px solid #374151}.arrow-icon.left[data-v-98117ef0],.arrow-icon.right[data-v-98117ef0]{border-top:12px solid transparent;border-bottom:12px solid transparent}.arrow-icon.right[data-v-98117ef0]{border-left:16px solid #374151}.center-circle[data-v-98117ef0]{width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,#e5e5e5,#fff);box-shadow:inset 4px 4px 8px #d1d1d1,inset -4px -4px 8px #fff;display:flex;align-items:center;justify-content:center}.center-dot[data-v-98117ef0]{width:10px;height:10px;border-radius:50%;background:#6b7280}.function-buttons[data-v-98117ef0]{display:flex;gap:20px;justify-content:center;width:100%;max-width:350px;margin:0 auto}.function-btn[data-v-98117ef0]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 30px;border:none;border-radius:16px;background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px rgba(102,126,234,.4);min-width:120px;min-height:70px;flex:1;max-width:150px}.function-btn[data-v-98117ef0]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.6)}.function-btn[data-v-98117ef0]:active{transform:translateY(0)}.function-btn[data-v-98117ef0]:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:0 3px 10px rgba(156,163,175,.3)}.function-btn i[data-v-98117ef0]{font-size:22px;margin-bottom:6px}@media (max-width:480px){.control-section[data-v-98117ef0]{padding:20px 15px}.direction-controls[data-v-98117ef0]{max-width:320px}.direction-btn[data-v-98117ef0]{width:80px;height:65px;min-width:80px;min-height:65px}.middle-row[data-v-98117ef0]{gap:25px;padding:0 15px}.center-circle[data-v-98117ef0]{width:45px;height:45px}.function-btn[data-v-98117ef0]{padding:14px 25px;min-width:100px;min-height:65px;font-size:15px}.function-btn i[data-v-98117ef0]{font-size:20px}}@media (max-width:360px){.direction-btn[data-v-98117ef0]{width:70px;height:60px;min-width:70px;min-height:60px}.middle-row[data-v-98117ef0]{gap:20px;padding:0 10px}.function-btn[data-v-98117ef0]{min-width:90px;min-height:60px;padding:12px 20px}}[data-v-98117ef0]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.direction-btn[data-v-98117ef0],.function-btn[data-v-98117ef0]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.direction-btn[data-v-98117ef0]:hover{background:linear-gradient(145deg,#e8e8e8,#d0d0d0)}.function-btn[data-v-98117ef0]:hover{background:linear-gradient(145deg,#5a6fd8,#6b4d96)}