:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-tertiary: #252540;--bg-input: #1e1e35;--text-primary: #e8e8f0;--text-secondary: #9898b0;--text-muted: #6868880;--accent: #e94560;--accent-dim: #b8354d;--border: #2d2d48;--success: #4ade80;--warning: #fbbf24;--error: #ef4444;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", Consolas, monospace;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-lg: 1rem;--header-height: 48px;--tab-height: 40px;--command-bar-height: 52px;--touch-target: 44px;--radius: 6px;--radius-lg: 10px}@media(prefers-color-scheme:light){:root[data-theme=auto],:root:not([data-theme]){--bg-primary: #f5f5fa;--bg-secondary: #ffffff;--bg-tertiary: #eeeef4;--bg-input: #f0f0f6;--text-primary: #1a1a2e;--text-secondary: #5a5a70;--text-muted: #8888a0;--border: #d0d0e0}}:root[data-theme=light]{--bg-primary: #f5f5fa;--bg-secondary: #ffffff;--bg-tertiary: #eeeef4;--bg-input: #f0f0f6;--text-primary: #1a1a2e;--text-secondary: #5a5a70;--text-muted: #8888a0;--border: #d0d0e0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);line-height:1.5;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;min-height:100dvh}.header{position:sticky;top:0;z-index:100;display:flex;align-items:center;height:var(--header-height);padding:0 var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border);gap:var(--space-sm)}.header-title{font-size:var(--font-size-lg);font-weight:600;color:var(--accent);margin-right:auto}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.command-bar{position:sticky;top:var(--header-height);z-index:90;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border)}.command-input{flex:1;min-width:0;height:var(--touch-target);padding:0 var(--space-md);font-family:var(--font-mono);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s}.command-input:focus{border-color:var(--accent)}.command-input::placeholder{color:var(--text-muted)}.command-bar-row{display:flex;width:100%;align-items:center;gap:var(--space-sm)}.dir-select{max-width:200px;height:36px;padding:0 var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);padding:0 var(--space-lg);font-size:var(--font-size-sm);font-weight:500;color:#fff;background:var(--accent);border:none;border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:background .15s,opacity .15s;-webkit-tap-highlight-color:transparent}.btn:active{opacity:.8}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-sm{min-height:32px;padding:0 var(--space-md);font-size:var(--font-size-sm)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-tertiary)}.btn-danger{background:var(--error)}.tab-bar{display:flex;height:var(--tab-height);background:var(--bg-secondary);border-bottom:1px solid var(--border)}.tab{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s,border-color .15s}.tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.panel{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-md)}.job-card{margin-bottom:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary)}.job-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);font-family:var(--font-mono);font-size:var(--font-size-sm)}.job-command{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.job-output{padding:var(--space-md);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--text-primary);max-height:60vh;overflow-y:auto}.job-status{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md) var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.screen-controls{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.screen-container{overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius);background:#000}.screen-container img{display:block;max-width:100%;height:auto}.session-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);margin-bottom:var(--space-sm)}.session-name{font-family:var(--font-mono);font-weight:600;flex:1}.session-actions{display:flex;gap:var(--space-xs)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot[data-status=online]{background:var(--success)}.status-dot[data-status=partial]{background:var(--warning)}.status-dot[data-status=offline]{background:var(--error)}.status-dot[data-status=running]{background:var(--warning);animation:pulse 1.5s infinite}.status-dot[data-status=completed]{background:var(--success)}.status-dot[data-status=error],.status-dot[data-status=timeout]{background:var(--error)}.status-dot[data-status=pending]{background:var(--text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.machine-select{height:36px;padding:0 var(--space-sm);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);outline:none}.error-banner{padding:var(--space-sm) var(--space-md);background:#ef444426;color:var(--error);font-size:var(--font-size-sm);border-bottom:1px solid rgba(239,68,68,.3)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-muted);text-align:center}@media(min-width:1024px){.main{flex-direction:row}.desktop-left{flex:1;min-width:0;border-right:1px solid var(--border);display:flex;flex-direction:column}.desktop-right{flex:1;min-width:0;display:flex;flex-direction:column}.tab-bar{display:none}.panel{flex:1}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}