:root{color-scheme:dark;--bg-primary: #0a0a1a;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-surface: #1e1e2e;--bg-surface-hover: #252535;--bg-panel: #12121e;--border: rgba(255, 255, 255, .08);--border-active: rgba(168, 85, 247, .4);--text-primary: #e0e0e0;--text-secondary: #a0a0c0;--text-muted: #606080;--purple: #a78bfa;--purple-light: #c084fc;--indigo: #818cf8;--green: #28c840;--yellow: #febc2e;--red: #ff5f57;--blue: #0078d7;--sidebar-width: 320px;--titlebar-height: 40px;--tabbar-height: 42px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100vh;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}.app{display:flex;flex-direction:column;height:100vh}.titlebar{height:var(--titlebar-height);background:#1a1a2a;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 12px;gap:8px;-webkit-app-region:drag;flex-shrink:0}.titlebar-dots{display:flex;gap:6px;-webkit-app-region:no-drag}.dot{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:opacity .2s}.dot:hover{opacity:.8}.dot-red{background:var(--red)}.dot-yellow{background:var(--yellow)}.dot-green{background:var(--green)}.titlebar-title{flex:1;text-align:center;color:var(--text-secondary);font-size:13px;font-weight:500}.titlebar-title span{color:var(--purple)}.main-area{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.sidebar-header h3{font-size:14px;color:var(--purple);font-weight:600}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.chat-msg{padding:10px 14px;border-radius:12px;max-width:90%;font-size:13px;line-height:1.5;word-break:break-word}.chat-msg.user{align-self:flex-end;background:linear-gradient(135deg,var(--indigo),var(--purple));color:#fff;border-bottom-right-radius:4px}.chat-msg.ai{align-self:flex-start;background:#ffffff0f;color:var(--text-primary);border-bottom-left-radius:4px}.chat-msg.system{align-self:center;background:none;color:var(--text-muted);font-size:12px;padding:4px 0}.chat-msg code{background:#0000004d;padding:1px 5px;border-radius:4px;font-family:Courier New,monospace;font-size:12px}.chat-input-area{padding:12px;border-top:1px solid var(--border);display:flex;gap:8px}.chat-input{flex:1;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-size:13px;resize:none;outline:none;font-family:inherit;min-height:40px;max-height:120px}.chat-input:focus{border-color:var(--border-active)}.chat-input::placeholder{color:var(--text-muted)}.chat-send{background:linear-gradient(135deg,var(--indigo),var(--purple));border:none;border-radius:8px;color:#fff;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:opacity .2s;flex-shrink:0}.chat-send:hover{opacity:.85}.chat-send:disabled{opacity:.4;cursor:default}.content-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.tabbar{height:var(--tabbar-height);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:stretch;padding:0 8px;gap:2px;flex-shrink:0}.tab-btn{padding:0 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:13px;font-family:inherit;display:flex;align-items:center;gap:6px;transition:all .2s;white-space:nowrap}.tab-btn:hover{color:var(--text-primary);background:#ffffff08}.tab-btn.active{color:var(--purple);border-bottom-color:var(--purple);background:#a855f70f}.tab-icon{font-size:15px}.tab-content{flex:1;overflow-y:auto;padding:24px}.editor-area{display:flex;flex-direction:column;height:100%}.editor-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.file-tab{padding:6px 14px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:6px;color:var(--indigo);font-size:12px;font-family:Courier New,monospace;cursor:pointer;transition:all .2s}.file-tab:hover,.file-tab.active{background:#6366f133;border-color:var(--indigo)}.editor-container{flex:1;background:#0d0d1a;border-radius:8px;border:1px solid var(--border);overflow:auto;min-height:300px}.editor-gutter{display:flex;font-family:Courier New,Fira Code,monospace;font-size:13px;line-height:1.7}.line-numbers{padding:16px 12px;text-align:right;color:var(--text-muted);-webkit-user-select:none;user-select:none;border-right:1px solid var(--border);min-width:48px}.editor-code{padding:16px;flex:1;white-space:pre;overflow-x:auto}.code-line{height:1.7em}.code-kw{color:var(--indigo)}.code-fn{color:var(--green)}.code-str{color:var(--yellow)}.code-cmt{color:var(--text-muted);font-style:italic}.code-type{color:var(--purple-light)}.code-num{color:#f59e0b}.code-op{color:#94a3b8}.sandbox-area{display:flex;flex-direction:column;height:100%}.sandbox-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.sandbox-toolbar h3{color:var(--purple);font-size:18px}.sandbox-actions{display:flex;gap:8px}.sandbox-body{flex:1;display:flex;gap:16px;min-height:300px}.sandbox-editor{flex:1;background:#0d0d1a;border:1px solid var(--border);border-radius:8px;padding:16px;color:var(--text-primary);font-family:Courier New,Fira Code,monospace;font-size:13px;line-height:1.7;resize:none;outline:none;-moz-tab-size:2;tab-size:2}.sandbox-editor:focus{border-color:var(--border-active)}.sandbox-output{width:320px;display:flex;flex-direction:column;background:#0d0d1a;border:1px solid var(--border);border-radius:8px;overflow:hidden;flex-shrink:0}.sandbox-output-header{padding:8px 16px;background:#ffffff08;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:13px;font-weight:500}.sandbox-output-content{flex:1;padding:16px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;overflow-y:auto}.api-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.api-header h3{color:var(--purple);font-size:18px}.btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:#ffffff0d;color:var(--text-primary);cursor:pointer;font-size:13px;font-family:inherit;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:#ffffff1a}.btn-primary{background:linear-gradient(135deg,var(--indigo),var(--purple));border-color:transparent;color:#fff}.btn-primary:hover{opacity:.9}.btn-danger{border-color:#ff5f574d;color:var(--red)}.btn-danger:hover{background:#ff5f5726}.btn-sm{padding:5px 10px;font-size:12px}.api-card{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin-bottom:10px;display:flex;align-items:center;gap:16px;transition:all .2s}.api-card:hover{background:#ffffff0d;border-color:#ffffff1f}.api-card .provider-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.api-card .provider-info{flex:1;min-width:0}.api-card .provider-name{font-weight:600;color:var(--text-primary);margin-bottom:2px}.api-card .provider-key{font-family:Courier New,monospace;font-size:12px;color:var(--text-muted)}.api-card .provider-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.toggle{width:40px;height:22px;border-radius:11px;border:none;cursor:pointer;position:relative;transition:background .3s}.toggle.on{background:var(--green)}.toggle.off{background:#444}.toggle:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;transition:left .3s}.toggle.on:after{left:20px}.toggle.off:after{left:2px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active{background:var(--green)}.status-dot.inactive{background:var(--red)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:28px;width:90%;max-width:480px;box-shadow:0 20px 60px #00000080}.modal h3{color:var(--purple);margin-bottom:20px;font-size:18px}.form-group{margin-bottom:16px}.form-group label{display:block;color:var(--text-secondary);font-size:13px;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 14px;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none}.form-group input:focus,.form-group select:focus{border-color:var(--border-active)}.form-group select{cursor:pointer}.form-group select option{background:var(--bg-surface)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.skill-card{background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .2s;cursor:default}.skill-card:hover{background:#ffffff0d;border-color:#a855f733}.skill-card .skill-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.skill-card .skill-icon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:10px}.skill-card .skill-name{font-weight:600;color:var(--text-primary);font-size:15px}.skill-card .skill-desc{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:12px}.skill-card .skill-footer{display:flex;align-items:center;justify-content:space-between}.skill-status{font-size:12px;padding:3px 10px;border-radius:12px}.skill-status.enabled{background:#28c84026;color:var(--green)}.skill-status.disabled{background:#ffffff0d;color:var(--text-muted)}.agent-group-card{background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;transition:all .2s}.agent-group-card:hover{border-color:#a855f733}.agent-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.agent-group-header h4{color:var(--purple);font-size:16px;display:flex;align-items:center;gap:8px}.agent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.agent-item{background:#0003;border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:10px}.agent-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--indigo),var(--purple));display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.agent-name{font-weight:500;font-size:13px;color:var(--text-primary)}.agent-role{font-size:11px;color:var(--text-muted)}.device-status-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.device-stat{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:16px 20px;flex:1;min-width:180px}.device-stat .stat-label{color:var(--text-muted);font-size:12px;margin-bottom:4px}.device-stat .stat-value{color:var(--text-primary);font-size:18px;font-weight:600}.device-stat .stat-value.online{color:var(--green)}.device-stat .stat-value.listening{color:var(--indigo)}.pairing-section{background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center;margin-bottom:24px}.pairing-section h4{color:var(--purple);margin-bottom:16px;font-size:16px}.pairing-code-display{font-family:Courier New,monospace;font-size:42px;letter-spacing:12px;color:var(--purple-light);margin:16px 0;font-weight:700}.pairing-timer{color:var(--text-muted);font-size:13px;margin-top:8px}.connected-devices h4{color:var(--purple);margin-bottom:16px}.device-card{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:10px;display:flex;align-items:center;gap:14px}.device-card .device-icon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#28c8401a;border-radius:10px}.device-card .device-info{flex:1}.device-card .device-name{font-weight:600;color:var(--text-primary)}.device-card .device-detail{font-size:12px;color:var(--text-muted)}.desktop-terminal{display:flex;flex-direction:column;height:100%;gap:12px}.desktop-terminal-header{display:flex;justify-content:space-between;align-items:center}.desktop-terminal-header h3{color:var(--purple);font-size:18px}.desktop-terminal-actions{display:flex;align-items:center;gap:12px}.desktop-terminal-count{color:var(--text-muted);font-size:12px}.desktop-terminal-quick{display:flex;gap:8px;flex-wrap:wrap}.desktop-terminal-quick-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s;min-width:80px}.desktop-terminal-quick-btn:hover{background:#a855f726;border-color:var(--purple);color:var(--text-primary);transform:translateY(-2px)}.desktop-terminal-quick-cmd{font-family:Courier New,monospace;font-size:12px;color:var(--purple-light);font-weight:600}.desktop-terminal-quick-desc{font-size:10px;color:var(--text-muted)}.desktop-terminal-output{flex:1;overflow-y:auto;background:#0d0d1a;border:1px solid var(--border);border-radius:12px;padding:16px;min-height:300px;font-family:Courier New,monospace}.desktop-terminal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:12px}.desktop-terminal-empty span{font-size:48px}.desktop-terminal-empty p{font-size:14px}.desktop-terminal-cmd{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.05)}.desktop-terminal-cmd:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.desktop-terminal-cmd-line{display:flex;align-items:center;gap:8px;font-size:14px}.desktop-terminal-prompt{color:var(--green);font-weight:700}.desktop-terminal-cmd-text{color:var(--text-primary);flex:1}.desktop-terminal-cmd-status{font-size:12px}.desktop-terminal-cmd-status.running{animation:pulse 1s infinite}.desktop-terminal-cmd-output{margin-top:10px;padding:12px;background:#0000004d;border-radius:8px;font-size:13px;color:var(--text-secondary);white-space:pre-wrap;line-height:1.5;overflow-x:auto}.desktop-terminal-cmd-time{font-size:11px;color:var(--text-muted);margin-top:6px}.desktop-terminal-input-area{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;padding:10px 14px;transition:border-color .2s}.desktop-terminal-input-area:focus-within{border-color:var(--border-active)}.desktop-terminal-input-prompt{color:var(--green);font-weight:700;font-family:Courier New,monospace;font-size:14px;flex-shrink:0}.desktop-terminal-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:14px;outline:none;font-family:Courier New,monospace}.desktop-terminal-input::placeholder{color:var(--text-muted);font-family:Segoe UI,system-ui,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:768px){.sidebar{display:none}.tab-btn{padding:0 10px;font-size:12px}.tab-icon{display:none}.tab-content{padding:16px}.skills-grid,.agent-list{grid-template-columns:1fr}.device-status-bar,.sandbox-body{flex-direction:column}.sandbox-output{width:100%}}.mobile-connect{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:20px;display:flex;flex-direction:column;gap:20px;animation:fadeIn .5s ease}.mobile-connect-header{text-align:center;padding:40px 0 20px}.mobile-logo{font-size:64px;margin-bottom:16px;animation:bounce 2s infinite}.mobile-connect-header h1{color:var(--purple);font-size:28px;margin-bottom:8px}.mobile-connect-header p{color:var(--text-secondary);font-size:14px}.mobile-connect-card{background:#ffffff0d;border:1px solid var(--border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-connect-card h3{color:var(--purple);margin-bottom:12px;font-size:16px}.mobile-hint{color:var(--text-muted);font-size:13px;margin-bottom:16px}.mobile-pair-input{width:100%;padding:16px;background:#ffffff14;border:2px solid var(--border);border-radius:12px;color:var(--purple-light);font-size:32px;font-family:Courier New,monospace;text-align:center;letter-spacing:8px;outline:none;transition:all .3s}.mobile-pair-input:focus{border-color:var(--purple);box-shadow:0 0 20px #a78bfa4d}.mobile-error{color:var(--red);font-size:13px;margin-top:8px;text-align:center}.mobile-btn{width:100%;padding:14px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:12px}.mobile-btn-primary{background:linear-gradient(135deg,var(--indigo),var(--purple));color:#fff}.mobile-btn-primary:hover{opacity:.9;transform:translateY(-2px)}.mobile-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.mobile-device-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:10px;margin-top:8px}.mobile-device-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:10px}.mobile-device-info{flex:1}.mobile-device-name{font-weight:600;color:var(--text-primary)}.mobile-device-detail{font-size:12px;color:var(--text-muted)}.mobile-connect-footer{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff08;border-radius:12px}.mobile-status{color:var(--green);font-size:13px}.mobile-timer{color:var(--text-muted);font-size:13px}.mobile-remote{height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);animation:slideUp .3s ease}.mobile-header{height:56px;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.mobile-header-left,.mobile-header-right{display:flex;align-items:center;gap:8px}.mobile-connected-dot{color:var(--green);font-size:16px}.mobile-header-device{font-weight:600;color:var(--text-primary)}.mobile-encryption-badge{font-size:12px;padding:2px 6px;border-radius:4px}.mobile-encryption-badge.encrypted{background:#28c84026}.mobile-encryption-badge.unencrypted{background:#ff5f5726}.mobile-2fa-badge{font-size:10px;padding:2px 6px;background:#6366f133;color:var(--indigo);border-radius:4px;font-weight:600}.mobile-security-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:4px;transition:transform .2s}.mobile-security-btn:hover{transform:scale(1.1)}.mobile-disconnect-btn{background:#ff5f5726;border:1px solid rgba(255,95,87,.3);color:var(--red);padding:6px 12px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.mobile-disconnect-btn:hover{background:#ff5f5740}.mobile-content{flex:1;overflow-y:auto;padding:16px}.mobile-nav{height:64px;background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;align-items:stretch;padding:0 4px;gap:2px;flex-shrink:0;overflow-x:auto}.mobile-nav-btn{flex:1;min-width:60px;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .2s;padding:8px 4px}.mobile-nav-btn:hover{color:var(--text-primary);background:#ffffff08}.mobile-nav-btn.active{color:var(--purple);background:#a855f71a}.mobile-nav-icon{font-size:20px}.mobile-nav-label{font-size:10px;white-space:nowrap}.security-info{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.security-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff08;border-radius:8px}.security-label{color:var(--text-secondary);font-size:14px}.security-value{font-weight:600;font-size:14px}.security-value.encrypted{color:var(--green)}.security-value.unencrypted{color:var(--red)}.security-value.enabled{color:var(--green)}.security-value.disabled{color:var(--text-muted)}.mobile-terminal{display:flex;flex-direction:column;height:100%}.mobile-terminal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mobile-terminal-header h3{color:var(--purple);font-size:16px}.mobile-terminal-count{color:var(--text-muted);font-size:12px}.mobile-terminal-output{flex:1;overflow-y:auto;background:#0000004d;border-radius:12px;padding:12px;margin-bottom:12px;min-height:200px}.mobile-terminal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:14px;gap:8px}.mobile-terminal-empty span{font-size:48px}.mobile-cmd-block{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-cmd-line{display:flex;align-items:center;gap:8px;font-family:Courier New,monospace;font-size:13px}.mobile-cmd-prompt{color:var(--green);font-weight:700}.mobile-cmd-text{color:var(--text-primary);flex:1}.mobile-cmd-status{font-size:12px}.mobile-cmd-status.running{animation:pulse 1s infinite}.mobile-cmd-output{margin-top:8px;padding:8px;background:#0003;border-radius:6px;font-family:Courier New,monospace;font-size:12px;color:var(--text-secondary);white-space:pre-wrap;line-height:1.4}.mobile-cmd-time{font-size:11px;color:var(--text-muted);margin-top:4px}.mobile-terminal-input{display:flex;align-items:center;gap:8px;background:#ffffff0d;border-radius:12px;padding:8px 12px}.mobile-terminal-prompt{color:var(--green);font-weight:700;font-family:Courier New,monospace}.mobile-terminal-input input{flex:1;background:none;border:none;color:var(--text-primary);font-size:14px;outline:none;font-family:Courier New,monospace}.mobile-send-btn{background:linear-gradient(135deg,var(--indigo),var(--purple));border:none;border-radius:8px;color:#fff;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:opacity .2s}.mobile-send-btn:hover{opacity:.85}.mobile-send-btn:disabled{opacity:.4;cursor:default}.mobile-quick-cmds{display:flex;flex-direction:column;gap:16px}.mobile-quick-cmds h3{color:var(--purple);font-size:16px}.mobile-cmd-group h4{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.mobile-cmd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mobile-cmd-card{background:#ffffff0d;border:1px solid var(--border);border-radius:10px;padding:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:4px}.mobile-cmd-card:hover{background:#ffffff14;border-color:var(--purple);transform:translateY(-2px)}.mobile-cmd-card-cmd{font-family:Courier New,monospace;font-size:12px;color:var(--purple-light)}.mobile-cmd-card-desc{font-size:11px;color:var(--text-muted)}.mobile-files{display:flex;flex-direction:column;height:100%}.mobile-files-header{margin-bottom:12px}.mobile-files-header h3{color:var(--purple);font-size:16px;margin-bottom:4px}.mobile-files-path{font-family:Courier New,monospace;font-size:12px;color:var(--text-muted);padding:4px 8px;background:#0003;border-radius:4px;display:inline-block}.mobile-files-list{flex:1;overflow-y:auto}.mobile-file-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:10px;margin-bottom:8px;cursor:pointer;transition:all .2s}.mobile-file-item:hover{background:#ffffff0f;transform:translate(4px)}.mobile-file-icon{font-size:24px}.mobile-file-info{flex:1}.mobile-file-name{font-weight:500;color:var(--text-primary)}.mobile-file-size{font-size:12px;color:var(--text-muted)}.mobile-file-arrow{color:var(--text-muted);font-size:18px}.mobile-screen{display:flex;flex-direction:column;height:100%}.mobile-screen-header{margin-bottom:16px}.mobile-screen-header h3{color:var(--purple);font-size:16px}.mobile-screen-off{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px}.mobile-screen-icon{font-size:64px}.mobile-screen-off p{color:var(--text-secondary);font-size:14px}.mobile-screen-on{display:flex;flex-direction:column;flex:1;gap:12px}.mobile-screen-preview{flex:1;background:#0000004d;border-radius:12px;overflow:hidden}.mobile-screen-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:8px}.mobile-screen-placeholder span{font-size:48px}.mobile-screen-hint{font-size:12px;color:var(--text-muted)}.mobile-screen-controls{display:flex;gap:8px;justify-content:center}.mobile-screen-btn{padding:10px 16px;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s}.mobile-screen-btn:hover{background:#ffffff1a}.mobile-btn-danger{background:#ff5f5726;border-color:#ff5f574d;color:var(--red)}.mobile-btn-danger:hover{background:#ff5f5740}.mobile-chat{display:flex;flex-direction:column;height:100%}.mobile-chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mobile-chat-header h3{color:var(--purple);font-size:16px}.mobile-chat-status{color:var(--green);font-size:12px}.mobile-chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.mobile-chat-msg{padding:10px 14px;border-radius:12px;max-width:85%;font-size:13px;line-height:1.5;word-break:break-word}.mobile-chat-msg.user{align-self:flex-end;background:linear-gradient(135deg,var(--indigo),var(--purple));color:#fff;border-bottom-right-radius:4px}.mobile-chat-msg.ai{align-self:flex-start;background:#ffffff0f;color:var(--text-primary);border-bottom-left-radius:4px}.mobile-chat-msg.system{align-self:center;background:none;color:var(--text-muted);font-size:12px;padding:4px 0}.mobile-chat-input-area{display:flex;gap:8px}.mobile-chat-input{flex:1;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-size:13px;resize:none;outline:none;font-family:inherit;min-height:40px;max-height:100px}.mobile-chat-input:focus{border-color:var(--border-active)}.mobile-touchpad{display:flex;flex-direction:column;height:100%;gap:16px}.mobile-touchpad-header{display:flex;justify-content:space-between;align-items:center}.mobile-touchpad-header h3{color:var(--purple);font-size:16px}.mobile-touchpad-status{font-size:12px;color:var(--text-muted)}.mobile-touchpad-status.active{color:var(--green)}.mobile-touchpad-area{flex:1;background:#0003;border-radius:16px;position:relative;min-height:200px;touch-action:none;cursor:crosshair;transition:background .2s}.mobile-touchpad-area.dragging{background:#a855f71a}.mobile-touchpad-cursor{position:absolute;width:20px;height:20px;background:var(--purple);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 10px #a855f780;transition:left .05s,top .05s}.mobile-touchpad-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);color:var(--text-muted);font-size:12px;white-space:nowrap}.mobile-touchpad-buttons{display:flex;gap:8px}.mobile-touchpad-btn{flex:1;padding:12px;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:13px}.mobile-touchpad-btn:hover{background:#ffffff1a}.mobile-touchpad-btn:active{background:#a855f733;transform:scale(.95)}.mobile-touchpad-actions{display:flex;gap:8px;flex-wrap:wrap}.mobile-touchpad-action{flex:1;min-width:80px;padding:10px;background:#ffffff08;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:12px}.mobile-touchpad-action:hover{background:#ffffff0f;color:var(--text-primary)}.mobile-transfer{display:flex;flex-direction:column;height:100%;gap:16px}.mobile-transfer-header{display:flex;justify-content:space-between;align-items:center}.mobile-transfer-header h3{color:var(--purple);font-size:16px}.mobile-transfer-count{color:var(--text-muted);font-size:12px}.mobile-transfer-actions{display:flex;gap:8px}.mobile-transfer-btn{flex:1;padding:12px;border-radius:10px;border:none;cursor:pointer;transition:all .2s;font-size:13px;font-weight:500}.mobile-transfer-btn.upload{background:linear-gradient(135deg,var(--indigo),var(--purple));color:#fff}.mobile-transfer-btn.download{background:#28c84026;border:1px solid rgba(40,200,64,.3);color:var(--green)}.mobile-transfer-btn:hover{opacity:.9;transform:translateY(-2px)}.mobile-transfer-list{flex:1;overflow-y:auto}.mobile-transfer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:14px;gap:8px}.mobile-transfer-empty span{font-size:48px}.mobile-transfer-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:10px;margin-bottom:8px;transition:all .2s}.mobile-transfer-item:hover{background:#ffffff0d}.mobile-transfer-icon{font-size:24px}.mobile-transfer-info{flex:1}.mobile-transfer-name{font-weight:500;color:var(--text-primary);font-size:14px}.mobile-transfer-size{font-size:12px;color:var(--text-muted);margin-top:2px}.mobile-transfer-progress{height:4px;background:#ffffff1a;border-radius:2px;margin-top:8px;overflow:hidden}.mobile-transfer-progress-bar{height:100%;background:linear-gradient(90deg,var(--indigo),var(--purple));border-radius:2px;transition:width .3s ease}.mobile-transfer-status{font-size:16px}.mobile-clipboard{display:flex;flex-direction:column;height:100%;gap:16px}.mobile-clipboard-header{display:flex;justify-content:space-between;align-items:center}.mobile-clipboard-header h3{color:var(--purple);font-size:16px}.mobile-clipboard-count{color:var(--text-muted);font-size:12px}.mobile-clipboard-input-area{display:flex;gap:8px}.mobile-clipboard-input{flex:1;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-size:14px;outline:none}.mobile-clipboard-input:focus{border-color:var(--border-active)}.mobile-clipboard-list{flex:1;overflow-y:auto}.mobile-clipboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:14px;gap:8px}.mobile-clipboard-empty span{font-size:48px}.mobile-clipboard-item{padding:12px;background:#ffffff08;border-radius:10px;margin-bottom:8px;transition:all .2s}.mobile-clipboard-item:hover{background:#ffffff0d}.mobile-clipboard-item.local{border-left:3px solid var(--indigo)}.mobile-clipboard-item.remote{border-left:3px solid var(--green)}.mobile-clipboard-text{color:var(--text-primary);font-size:14px;margin-bottom:8px;word-break:break-word}.mobile-clipboard-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-clipboard-device,.mobile-clipboard-time{font-size:12px;color:var(--text-muted)}.mobile-clipboard-actions{display:flex;gap:8px}.mobile-clipboard-btn{padding:6px 12px;background:#ffffff0d;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:12px}.mobile-clipboard-btn:hover{background:#ffffff1a;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media(max-width:480px){.mobile-connect{padding:16px}.mobile-logo{font-size:48px}.mobile-connect-header h1{font-size:24px}.mobile-pair-input{font-size:24px;letter-spacing:6px}.mobile-nav{height:56px}.mobile-nav-icon{font-size:18px}.mobile-nav-label{font-size:9px}.mobile-cmd-grid{grid-template-columns:1fr}.mobile-touchpad-actions,.mobile-transfer-actions{flex-direction:column}}