:root{color-scheme:dark;--canvas: oklch(.17 .012 172);--surface: oklch(.2 .013 172);--surface-raised: oklch(.24 .014 172);--surface-strong: oklch(.14 .011 172);--line: oklch(.34 .018 172);--line-quiet: oklch(.28 .014 172);--text: oklch(.93 .01 92);--text-muted: oklch(.69 .018 172);--text-dim: oklch(.54 .016 172);--signal-green: oklch(.76 .15 151);--signal-green-ink: oklch(.2 .04 151);--signal-green-surface: oklch(.28 .07 151);--signal-amber: oklch(.8 .13 78);--signal-amber-surface: oklch(.31 .06 78);--signal-red: oklch(.68 .14 28);--signal-red-surface: oklch(.3 .055 28);--signal-teal: oklch(.78 .09 190);--font-ui: "Noto Sans SC", "Microsoft YaHei UI", "PingFang SC", sans-serif;--font-mono: "Cascadia Mono", "Sarasa Mono SC", Consolas, monospace;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 6px;--rail-width: 58px;--topbar-height: 50px;--ease-out: cubic-bezier(.22, 1, .36, 1);--motion-fast: .14s;--motion-standard: .22s;--motion-overlay: .26s}@keyframes surface-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-enter{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes signal-settle{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.page-surface{animation:surface-enter var(--motion-standard) var(--ease-out)}.server-drawer{animation:drawer-enter var(--motion-overlay) var(--ease-out) both}.signal-dot{animation:signal-settle var(--motion-fast) var(--ease-out) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100vh;overflow:hidden;color:var(--text);background:var(--canvas);font-family:var(--font-ui);font-size:14px}button,input,textarea{font:inherit}button{border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--signal-teal);outline-offset:2px}code{font-family:var(--font-mono);font-size:.86em}.boot-screen,.page-loading{display:grid;place-content:center;min-height:100vh;gap:var(--space-sm);color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.boot-signal{width:8px;height:8px;background:var(--signal-green);border-radius:50%;justify-self:center}.page-loading{min-height:100%}.is-error,.form-error,.drawer-error{color:var(--signal-red)}.login-page{display:grid;place-items:center;min-height:100vh;padding:var(--space-lg);background:var(--canvas)}.login-panel{display:grid;width:min(100%,380px);gap:var(--space-sm);padding:28px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.login-mark,.brand-mark{display:grid;place-items:center;width:30px;height:30px;color:var(--signal-teal);border:1px solid var(--signal-teal);border-radius:var(--radius-sm)}.login-heading{margin-bottom:var(--space-sm)}.login-heading p,.eyebrow{margin:0 0 var(--space-2xs);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}.login-heading h1,.page-heading h1,.drawer-header h2{margin:0;color:var(--text);font-size:20px;font-weight:650;letter-spacing:0}.field-label,.server-form>label,.server-form fieldset{display:grid;gap:6px;color:var(--text-muted);font-size:12px}.password-field{display:flex;align-items:center;gap:var(--space-xs);height:40px;padding:0 var(--space-sm);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-dim);background:var(--surface-strong)}.password-field input,.server-form input{width:100%;border:0;outline:0;color:var(--text);background:transparent}.form-error{margin:0;font-size:12px}.primary-command,.secondary-command{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-weight:650;transition:transform var(--motion-fast) var(--ease-out)}.primary-command{color:var(--signal-green-ink);background:var(--signal-green)}.primary-command:hover:not(:disabled){background:color-mix(in oklch,var(--signal-green) 86%,white);transform:translateY(-1px)}.primary-command:active:not(:disabled){transform:translateY(0) scale(.98)}.secondary-command{color:var(--text-muted);border:1px solid var(--line);background:transparent}.secondary-command:hover{color:var(--text);border-color:var(--text-dim)}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);grid-template-rows:var(--topbar-height) minmax(0,1fr);height:100vh;overflow:hidden}.topbar{display:flex;grid-column:1 / -1;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);border-bottom:1px solid var(--line);background:var(--surface)}.brand-lockup{display:flex;align-items:center;gap:9px;min-width:142px;font-size:15px;font-weight:700;letter-spacing:.08em}.brand-mark{width:24px;height:24px}.service-indicator{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);font-size:12px}.topbar-spacer,.page-heading-spacer{flex:1}.global-search{display:flex;align-items:center;gap:7px;width:min(29vw,252px);height:32px;padding:0 9px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-dim);background:var(--surface-raised)}.global-search:focus-within{border-color:var(--signal-teal)}.global-search input{min-width:0;width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:12px}.app-rail{display:flex;flex-direction:column;align-items:center;min-height:0;padding:10px 0;border-right:1px solid var(--line);background:var(--surface)}.rail-navigation{display:grid;gap:var(--space-xs)}.rail-bottom{margin-top:auto}.icon-button{position:relative;display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border-radius:var(--radius-sm);color:var(--text-muted);background:transparent;cursor:pointer;transition:transform var(--motion-fast) var(--ease-out)}.app-rail .icon-button{width:38px;height:38px}.icon-button:hover:not(:disabled){color:var(--text);background:var(--surface-raised);transform:translateY(-1px)}.icon-button:active:not(:disabled){transform:translateY(0) scale(.94)}.icon-button.is-active{color:var(--signal-green);background:var(--signal-green-surface)}.icon-button[data-tooltip]:after,.tooltip-anchor[data-tooltip]:after{position:absolute;z-index:30;right:0;bottom:calc(100% + 8px);width:max-content;max-width:220px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);background:var(--surface-strong);content:attr(data-tooltip);font-family:var(--font-ui);font-size:11px;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(3px);transition:opacity var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.icon-button[data-tooltip]:hover:after,.icon-button[data-tooltip]:focus-visible:after,.tooltip-anchor[data-tooltip]:hover:after,.tooltip-anchor[data-tooltip]:focus-within:after{opacity:1;transform:translateY(0)}.tooltip-anchor{position:relative;display:inline-flex}.app-rail .icon-button[data-tooltip]:after{top:50%;right:auto;bottom:auto;left:calc(100% + 8px);transform:translate(-3px,-50%)}.app-rail .icon-button[data-tooltip]:hover:after,.app-rail .icon-button[data-tooltip]:focus-visible:after{transform:translateY(-50%)}.app-content{min-width:0;min-height:0;overflow:auto;background:var(--canvas)}.page-surface{min-height:100%;padding:20px}.page-heading{display:flex;align-items:center;gap:var(--space-sm);min-height:42px;margin-bottom:var(--space-md)}.page-heading h1{font-size:19px}.page-count{color:var(--text-dim);font-family:var(--font-mono);font-size:11px}.machine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-auto-rows:minmax(160px,1fr);gap:10px;min-height:calc(100vh - 148px)}.machine-tile{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);transition:transform var(--motion-fast) var(--ease-out)}.machine-tile:hover{z-index:1;border-color:var(--signal-teal);transform:translateY(-1px)}.machine-preview{position:absolute;top:0;right:0;bottom:31px;left:0;display:grid;place-items:center;overflow:hidden;color:var(--text-dim);background:var(--surface-raised)}.snapshot-pending{align-content:center;gap:8px;font-family:var(--font-mono);font-size:11px}.snapshot-pending svg{color:var(--text-muted)}.machine-hover-tools{position:absolute;top:7px;right:7px;display:flex;gap:3px;opacity:0;transform:translateY(-3px);transition:opacity var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.machine-tile:hover .machine-hover-tools{opacity:1;transform:translateY(0)}.machine-hover-tools .icon-button{width:27px;height:27px;border:1px solid color-mix(in oklch,var(--line) 75%,transparent);background:color-mix(in oklch,var(--surface-strong) 84%,transparent)}.machine-foot{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;gap:7px;height:31px;padding:0 var(--space-xs);background:var(--surface);font-size:11px}.machine-foot strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.machine-foot code{margin-left:auto;color:var(--text-dim);white-space:nowrap}.machine-foot>span:last-child{display:none}.signal-dot{display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--text-dim)}.signal-dot.connected{background:var(--signal-green)}.signal-dot.connecting,.signal-dot.reconnecting{background:var(--signal-amber)}.signal-dot.error,.signal-dot.offline{background:var(--signal-red)}.compact-empty{display:grid;place-items:center;min-height:240px;border:1px dashed var(--line);border-radius:var(--radius-md);color:var(--text-dim);font-family:var(--font-mono);font-size:12px}.server-table-shell{overflow:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.server-table-shell table{width:100%;border-collapse:collapse;min-width:780px}.server-table-shell th{height:38px;padding:0 14px;border-bottom:1px solid var(--line);color:var(--text-muted);font-size:11px;font-weight:500;text-align:left}.server-table-shell td{height:50px;padding:0 14px;border-bottom:1px solid var(--line-quiet);color:var(--text-muted);font-size:12px;white-space:nowrap}.server-table-shell tr:last-child td{border-bottom:0}.server-table-shell tbody tr:hover{background:var(--surface-raised)}.server-name{display:inline-flex;align-items:center;gap:9px;color:var(--text);font-weight:600}.server-name svg{color:var(--signal-teal)}.connection-state{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px}.connection-state .signal-dot{width:6px;height:6px}.connection-state.connected{color:var(--signal-green)}.connection-state.connecting,.connection-state.reconnecting{color:var(--signal-amber)}.connection-state.offline,.connection-state.error{color:var(--signal-red)}.policy-tag{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:var(--radius-sm);color:var(--text-muted);background:var(--surface-raised);font-size:10px}.agent-state{color:var(--text-dim);font-family:var(--font-mono);font-size:11px}.row-actions{display:flex;justify-content:flex-end;gap:2px}.row-actions .icon-button{width:29px;height:29px}.table-message{color:var(--text-dim);text-align:center}.drawer-layer{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background:color-mix(in oklch,var(--canvas) 76%,transparent);cursor:default}.server-drawer{position:relative;display:flex;flex-direction:column;width:min(100%,440px);min-height:100dvh;height:100dvh;border-left:1px solid var(--line);background:var(--surface);box-shadow:-20px 0 45px color-mix(in oklch,var(--canvas) 62%,transparent)}.drawer-header{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--line)}.drawer-header h2{font-size:18px}.server-form{display:grid;flex:1;min-height:0;align-content:start;gap:var(--space-md);overflow:auto;padding:var(--space-lg)}.server-form>label>span,.server-form legend{color:var(--text-muted);font-size:12px}.server-form input{height:38px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong)}.server-form input:focus{border-color:var(--signal-teal)}.form-split{display:grid;grid-template-columns:minmax(0,1fr) 94px;gap:var(--space-sm)}.server-form fieldset{min-width:0;margin:0;padding:0;border:0}.segmented-control{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong)}.segmented-control button{min-height:30px;padding:0 9px;border-radius:3px;color:var(--text-muted);background:transparent;cursor:pointer;font-size:11px}.segmented-control button.selected{color:var(--signal-green-ink);background:var(--signal-green)}.segmented-control.compact button{min-width:45px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:46px;padding-top:var(--space-sm);border-top:1px solid var(--line-quiet)}.switch-row strong,.switch-row small{display:block}.switch-row strong{color:var(--text);font-size:12px}.switch-row small{margin-top:3px;color:var(--text-dim);font-size:11px}.switch{position:relative;flex:0 0 auto;width:38px;height:22px}.switch input{position:absolute;opacity:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--line);border-radius:22px;background:var(--surface-strong)}.switch span:after{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--text-muted);content:"";transform:translate(0);transition:transform var(--motion-standard) var(--ease-out)}.switch input:checked+span{border-color:var(--signal-green);background:var(--signal-green-surface)}.switch input:checked+span:after{background:var(--signal-green);transform:translate(16px)}.drawer-error{display:flex;align-items:center;gap:7px;margin:0;font-size:12px}.drawer-actions{display:flex;justify-content:flex-end;gap:var(--space-xs);padding-top:var(--space-sm)}.password-dialog-layer{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-lg)}.password-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in oklch,var(--canvas) 72%,transparent)}.password-dialog{position:relative;display:flex;flex-direction:column;width:min(100%,390px);border:1px solid var(--line);background:var(--surface);box-shadow:0 20px 50px color-mix(in oklch,var(--canvas) 66%,transparent)}.password-dialog-header{display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--line)}.password-dialog-header h2{margin:0;color:var(--text);font-size:18px;font-weight:650}.password-dialog-body{display:grid;gap:var(--space-md);padding:var(--space-lg)}.password-dialog-body label{display:grid;gap:7px;color:var(--text-dim);font-size:12px}.password-dialog-body input{min-height:38px;border:1px solid var(--line);border-radius:4px;background:var(--surface-raised);color:var(--text);padding:0 var(--space-sm);outline:none}.password-dialog-body input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklch,var(--accent) 22%,transparent)}.password-dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--line)}.placeholder-page{display:grid;place-content:center;gap:var(--space-xs);min-height:100%;color:var(--text-dim);text-align:center}.placeholder-page svg{justify-self:center;color:var(--signal-amber)}.placeholder-page h1,.placeholder-page p{margin:0}.placeholder-page h1{color:var(--text);font-size:18px}.placeholder-page p{font-size:12px}.templates-page{display:grid;min-height:100%;padding:20px}.template-workspace{display:grid;grid-template-columns:236px minmax(0,1fr) 234px;min-width:0;min-height:calc(100vh - 90px);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.template-pane{min-width:0;min-height:0;background:var(--surface)}.template-list-pane{display:flex;flex-direction:column;border-right:1px solid var(--line)}.script-editor-pane{display:flex;flex-direction:column;background:var(--canvas)}.template-target-pane{display:flex;flex-direction:column;border-left:1px solid var(--line);background:var(--surface)}.template-pane-heading,.target-picker-heading,.execution-output-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:58px;padding:0 var(--space-md);border-bottom:1px solid var(--line)}.template-pane-heading h1,.target-picker-heading h2,.execution-output-heading h2{margin:2px 0 0;color:var(--text);font-size:14px;font-weight:650}.pane-kicker{color:var(--text-dim);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em}.template-list-scroll{min-height:0;overflow:auto;padding:var(--space-xs)}.template-list-item{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:48px;padding:0 9px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);background:transparent;cursor:pointer;text-align:left;transition:transform var(--motion-fast) var(--ease-out)}.template-list-item:hover{color:var(--text);background:var(--surface-raised);transform:translateY(-1px)}.template-list-item.is-selected{border-color:color-mix(in oklch,var(--signal-green) 48%,var(--line));color:var(--text);background:var(--signal-green-surface)}.template-list-item svg{color:var(--signal-teal)}.template-list-item span{display:grid;min-width:0;gap:2px}.template-list-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:620}.template-list-item small{color:var(--text-dim);font-family:var(--font-mono);font-size:10px}.template-compact-state{margin:0;padding:var(--space-sm) var(--space-md);color:var(--text-dim);font-family:var(--font-mono);font-size:11px;line-height:1.5}.editor-heading{flex:0 0 auto}.editor-actions{display:flex;gap:3px}.script-editor-fields{display:grid;flex:1;min-height:0;grid-template-rows:auto auto minmax(0,1fr) auto;gap:var(--space-md);padding:var(--space-md)}.template-field,.template-shell-field{display:grid;min-width:0;gap:6px;margin:0;padding:0;border:0;color:var(--text-muted);font-size:11px}.template-shell-field legend{padding:0}.template-field input,.template-field textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);outline:0;color:var(--text);background:var(--surface-strong)}.template-field input{height:38px;padding:0 10px}.template-field textarea{min-height:260px;height:100%;resize:vertical;padding:12px;font-family:var(--font-mono);font-size:12px;line-height:1.65}.template-field input:focus,.template-field textarea:focus{border-color:var(--signal-teal)}.script-content-field{min-height:0}.template-save-error{margin:0;color:var(--signal-red);font-size:12px}.target-picker{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.target-picker-heading>span{color:var(--text-dim);font-family:var(--font-mono);font-size:11px}.target-list{min-height:0;overflow:auto;padding:var(--space-xs)}.target-row{display:grid;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:9px;min-height:46px;padding:0 7px;border-bottom:1px solid var(--line-quiet);cursor:pointer}.target-row:last-child{border-bottom:0}.target-row input{width:15px;height:15px;margin:0;accent-color:var(--signal-green)}.target-row span{display:grid;min-width:0;gap:2px}.target-row strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.target-row small{overflow:hidden;color:var(--text-dim);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px}.execute-command{flex:0 0 auto;width:calc(100% - 24px);margin:var(--space-sm)}.execution-output{flex:0 0 230px;min-height:0;overflow:auto;border-top:1px solid var(--line);background:var(--surface-strong)}.execution-output-heading{min-height:48px;padding:0 var(--space-md);border-bottom:1px solid var(--line-quiet)}.execution-target-statuses{display:grid}.execution-status{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:32px;margin:0;padding:0 var(--space-md);border-bottom:1px solid var(--line-quiet);color:var(--text-muted);font-size:11px}.execution-status strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600}.execution-status span{flex:0 0 auto;color:var(--signal-amber);font-family:var(--font-mono);font-size:10px}.execution-log{max-height:180px;margin:0;overflow:auto;padding:var(--space-sm) var(--space-md);color:var(--text-muted);background:transparent;font-family:var(--font-mono);font-size:11px;line-height:1.6;white-space:pre-wrap}@media(max-width:900px){.global-search{width:min(34vw,220px)}.machine-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.machine-foot>span:last-child{display:inline;color:var(--text-dim);font-size:10px}}@media(max-width:1120px){.template-workspace{grid-template-columns:220px minmax(0,1fr)}.template-target-pane{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:250px;border-top:1px solid var(--line);border-left:0}.execution-output{min-height:0;border-top:0;border-left:1px solid var(--line)}}@media(max-width:680px){body{overflow:auto}.app-shell{grid-template-columns:1fr;grid-template-rows:var(--topbar-height) minmax(0,1fr) 56px;min-height:100vh;height:auto}.topbar{grid-column:1;padding:0 var(--space-sm)}.brand-lockup{min-width:auto}.service-indicator{display:none}.global-search{width:auto;flex:1}.app-rail{grid-row:3;flex-direction:row;justify-content:center;min-height:56px;padding:0;border-top:1px solid var(--line);border-right:0}.rail-navigation{display:flex;gap:20px}.rail-bottom{display:none}.app-rail .icon-button[data-tooltip]:after{display:none}.app-content{min-height:calc(100vh - 106px);overflow:visible}.page-surface{padding:var(--space-md)}.machine-grid{grid-template-columns:1fr;min-height:auto}.server-drawer{width:min(100%,100vw)}.server-table-shell{margin:0 -4px}.topbar>.icon-button:last-child{display:none}.templates-page{padding:var(--space-md)}.template-workspace{grid-template-columns:minmax(0,1fr);min-height:auto}.template-list-pane,.template-target-pane{border:0;border-bottom:1px solid var(--line)}.template-list-scroll{max-height:230px}.script-editor-fields{min-height:500px}.template-target-pane{display:block;min-height:0}.execution-output{max-height:260px;border-top:1px solid var(--line);border-left:0}}@media(max-width:420px){.brand-lockup>span:last-child{display:none}.global-search{max-width:190px}.form-split{grid-template-columns:1fr}.drawer-actions{display:grid;grid-template-columns:1fr 1fr}}