:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--xh-bg:#f7fafc;--xh-bg-elev:#fff;--xh-bg-sunken:#eef2f6;--xh-fg:#0b0f14;--xh-fg-muted:#465466;--xh-border:#b7c1cc;--xh-accent:#00784c;--xh-accent-contrast:#fff;--xh-accent-2:#006b99;--xh-success:#157347;--xh-warning:#765000;--xh-danger:#b02a37;--xh-danger-contrast:#fff;--xh-shadow:0 14px 40px #1c27311a;--xh-font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--xh-font-mono:ui-monospace, SFMono-Regular, Consolas, monospace;--xh-fs-xs:.75rem;--xh-fs-sm:.875rem;--xh-fs-md:1rem;--xh-fs-lg:1.25rem;--xh-fs-xl:1.75rem;--xh-fs-2xl:2.25rem;--xh-sp-1:4px;--xh-sp-2:8px;--xh-sp-3:12px;--xh-sp-4:16px;--xh-sp-5:24px;--xh-sp-6:32px;--xh-sp-7:48px;--xh-sp-8:64px;font-family:var(--xh-font);color:var(--xh-fg);background:var(--xh-bg)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--xh-bg:#0a0a0a;--xh-bg-elev:#151515;--xh-bg-sunken:#050505;--xh-fg:#e6ffe6;--xh-fg-muted:#b6c7bb;--xh-border:#526057;--xh-accent:#00d982;--xh-accent-contrast:#06130d;--xh-accent-2:#78b7ff;--xh-success:#3ddc84;--xh-warning:#ffbd5c;--xh-danger:#ff8585;--xh-danger-contrast:#240404;--xh-shadow:0 16px 44px #00000073}*{box-sizing:border-box}html{background:var(--xh-bg);min-width:320px}body{background:var(--xh-bg);min-width:320px;min-height:100vh;color:var(--xh-fg);margin:0;overflow-x:hidden}button,input,select,textarea{border:1px solid var(--xh-border);min-height:40px;color:var(--xh-fg);background:var(--xh-bg-elev);font:inherit;border-radius:10px}button,select{padding:var(--xh-sp-2) var(--xh-sp-3);cursor:pointer}input,textarea{width:100%;padding:var(--xh-sp-2) var(--xh-sp-3)}button:hover:not(:disabled){border-color:var(--xh-accent)}button:disabled{cursor:not-allowed;opacity:.72}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--xh-accent-2);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:var(--xh-sp-2);font-size:clamp(var(--xh-fs-xl), 4vw, var(--xh-fs-2xl));line-height:1.15}h2{font-size:var(--xh-fs-lg)}small{color:var(--xh-fg-muted)}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{top:var(--xh-sp-2);left:var(--xh-sp-2);z-index:20;padding:var(--xh-sp-3);color:var(--xh-fg);background:var(--xh-bg-elev);position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:none}.pulse-bar{align-items:center;gap:var(--xh-sp-4);padding:var(--xh-sp-3) max(var(--xh-sp-4), calc((100vw - 1440px) / 2));border-bottom:1px solid var(--xh-border);background:var(--xh-bg-elev);grid-template-columns:auto minmax(180px,1fr) auto;display:grid}.brand{color:var(--xh-accent);white-space:nowrap;border:0;font-weight:800}.pulse-search input{background:var(--xh-bg-sunken)}.pulse-controls,.language-picker,.theme-picker{align-items:center;gap:var(--xh-sp-2);display:flex}.language-picker>span{font-size:var(--xh-fs-sm)}.theme-picker{padding:var(--xh-sp-1);border:1px solid var(--xh-border);border-radius:12px}.theme-option{min-height:40px;padding-inline:var(--xh-sp-2);border:0}.theme-option[aria-checked=true]{color:var(--xh-accent-contrast);background:var(--xh-accent)}.account-chip{padding:var(--xh-sp-2) var(--xh-sp-3);color:var(--xh-fg-muted);background:var(--xh-bg-sunken);font-size:var(--xh-fs-sm);white-space:nowrap;border-radius:999px}.workspace-rail{gap:var(--xh-sp-2);padding:var(--xh-sp-2) max(var(--xh-sp-4), calc((100vw - 1440px) / 2));border-bottom:1px solid var(--xh-border);background:var(--xh-bg-elev);display:flex}.workspace-rail button{border-color:#0000}.workspace-rail button[aria-current=page]{border-color:var(--xh-accent);color:var(--xh-accent);font-weight:700}.mock-banner{padding:var(--xh-sp-2) var(--xh-sp-4);border-bottom:1px solid var(--xh-warning);color:var(--xh-fg);background:color-mix(in srgb, var(--xh-warning) 14%, var(--xh-bg));text-align:center;font-size:var(--xh-fs-sm);font-weight:650}.server-canvas{width:min(calc(100% - 2 * var(--xh-sp-4)), 1440px);min-height:440px;margin:var(--xh-sp-5) auto;padding:clamp(var(--xh-sp-4), 3vw, var(--xh-sp-6));border:1px solid var(--xh-border);background:var(--xh-bg-elev);box-shadow:var(--xh-shadow);border-radius:14px}.eyebrow{margin-bottom:var(--xh-sp-2);color:var(--xh-accent);font-size:var(--xh-fs-sm);letter-spacing:.02em;text-transform:uppercase;font-weight:750}.page-heading,.server-header{justify-content:space-between;align-items:flex-start;gap:var(--xh-sp-5);margin-bottom:var(--xh-sp-4);display:flex}.page-heading p,.server-header p{color:var(--xh-fg-muted)}.search-field{width:min(100%,430px)}.permission-note{padding:var(--xh-sp-3);border-left:4px solid var(--xh-accent-2);background:var(--xh-bg-sunken)}.server-table-wrap{border:1px solid var(--xh-border);border-radius:10px;max-width:100%;overflow-x:auto}.server-table{border-collapse:collapse;width:100%;min-width:790px}.server-table th,.server-table td{padding:var(--xh-sp-3);border-bottom:1px solid var(--xh-border);text-align:left;vertical-align:middle}.server-table th{background:var(--xh-bg-sunken);font-size:var(--xh-fs-sm);position:sticky;top:0}.server-table tbody tr:last-child td{border-bottom:0}.server-table td:first-child span{margin-top:var(--xh-sp-1);color:var(--xh-fg-muted);font-size:var(--xh-fs-sm);display:block}.server-table td:first-child .provisioning-note{color:var(--xh-warning);font-weight:650}.row-actions,.command-dock,.dialog-actions{gap:var(--xh-sp-2);flex-wrap:wrap;display:flex}.row-actions{justify-content:flex-end}.status-badge{align-items:center;gap:var(--xh-sp-1);white-space:nowrap;font-weight:700;display:inline-flex}.status-running{color:var(--xh-success)}.status-offline{color:var(--xh-fg-muted)}.status-starting{color:var(--xh-warning)}.primary{border-color:var(--xh-accent);color:var(--xh-accent-contrast);background:var(--xh-accent);font-weight:700}.danger{border-color:var(--xh-danger);color:var(--xh-danger-contrast);background:var(--xh-danger);font-weight:700}.back-button{margin-bottom:var(--xh-sp-4)}.connection-summary{gap:var(--xh-sp-1);min-width:230px;padding:var(--xh-sp-3);border:1px solid var(--xh-border);background:var(--xh-bg-sunken);font-family:var(--xh-font-mono);font-size:var(--xh-fs-sm);border-radius:10px;display:grid}.command-dock{top:var(--xh-sp-2);z-index:4;padding:var(--xh-sp-3);border:1px solid var(--xh-border);background:var(--xh-bg-sunken);box-shadow:var(--xh-shadow);border-radius:12px;position:sticky}.live-message{min-height:1.5em;margin:var(--xh-sp-2) 0;color:var(--xh-success)}.canvas-grid{gap:var(--xh-sp-4);grid-template-columns:minmax(0,2fr) minmax(250px,1fr);display:grid}.panel,.tasks article,.console-panel{padding:var(--xh-sp-4);border:1px solid var(--xh-border);background:var(--xh-bg-elev);border-radius:12px}.inspector{border-left:4px solid var(--xh-accent-2)}.metric-list{gap:var(--xh-sp-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.metric-list div{padding:var(--xh-sp-3);background:var(--xh-bg-sunken);border-radius:8px}.metric-list dd{font-variant-numeric:tabular-nums;margin:0}.tasks{margin-top:var(--xh-sp-5)}.task-grid{gap:var(--xh-sp-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.task-grid article p{color:var(--xh-fg-muted);margin-bottom:0}.task-grid article button{margin-top:var(--xh-sp-3)}.confirm-dialog{z-index:12;width:min(calc(100% - 2 * var(--xh-sp-4)), 520px);padding:var(--xh-sp-5);border:2px solid var(--xh-danger);color:var(--xh-fg);background:var(--xh-bg-elev);border-radius:14px;margin:0;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #0000009e}.dialog-actions{margin-top:var(--xh-sp-5);justify-content:flex-end}.login-card{width:min(100%,560px);margin:auto}.login-form,.login-form label{gap:var(--xh-sp-2);display:grid}.login-form{gap:var(--xh-sp-4);margin-top:var(--xh-sp-5)}.login-form label span{font-weight:700}.sso-slot{gap:var(--xh-sp-2);padding-top:var(--xh-sp-4);border-top:1px solid var(--xh-border);display:grid}.console-panel{background:var(--xh-bg-sunken)}.console-heading{justify-content:space-between;align-items:flex-start;gap:var(--xh-sp-4);display:flex}.console-output{max-width:100%;min-height:240px;max-height:48vh;padding:var(--xh-sp-4);border:1px solid var(--xh-border);color:var(--xh-fg);font-family:var(--xh-font-mono);background:#050807;border-radius:8px;overflow:auto}:root[data-theme=light] .console-output{color:#e9fff0}.command-form{align-items:center;gap:var(--xh-sp-2);margin-top:var(--xh-sp-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.tool-panel,.editor-panel,.schedule-panel{padding:var(--xh-sp-4);border:1px solid var(--xh-border);background:var(--xh-bg-elev);border-radius:12px}.editor-panel,.schedule-panel{margin-top:var(--xh-sp-4)}.tool-heading{justify-content:space-between;align-items:flex-start;gap:var(--xh-sp-4);display:flex}.tool-heading p{color:var(--xh-fg-muted)}.path-chip{max-width:100%;padding:var(--xh-sp-2) var(--xh-sp-3);overflow-wrap:anywhere;background:var(--xh-bg-sunken);font-family:var(--xh-font-mono);border-radius:8px}.tool-toolbar{gap:var(--xh-sp-2);margin-block:var(--xh-sp-4) var(--xh-sp-2);flex-wrap:wrap;display:flex}.info-callout,.warning-callout{gap:var(--xh-sp-1);margin-block:var(--xh-sp-3);padding:var(--xh-sp-3);border-left:4px solid var(--xh-accent-2);background:var(--xh-bg-sunken);display:grid}.warning-callout{border-left-color:var(--xh-warning)}.file-name{min-height:40px;padding-inline:var(--xh-sp-2);font-family:var(--xh-font-mono);border-color:#0000;font-weight:700}.file-table td:first-child small{margin-top:var(--xh-sp-1);display:block}.text-danger{border-color:var(--xh-danger);color:var(--xh-danger);font-weight:700}.dialog-field{gap:var(--xh-sp-2);margin-top:var(--xh-sp-4);font-weight:700;display:grid}.editor-panel textarea{margin-top:var(--xh-sp-2);resize:vertical;background:var(--xh-bg-sunken);font-family:var(--xh-font-mono);line-height:1.5;display:block}.editor-save{margin-top:var(--xh-sp-3)}.storage-badge{min-height:32px;padding-inline:var(--xh-sp-2);border:1px solid var(--xh-border);white-space:nowrap;border-radius:999px;align-items:center;display:inline-flex}.action-reason{max-width:180px;min-height:40px;color:var(--xh-fg-muted);font-size:var(--xh-fs-sm);align-items:center;display:inline-flex}.restore-preview{padding:var(--xh-sp-3);border:1px solid var(--xh-warning);background:color-mix(in srgb, var(--xh-warning) 10%, var(--xh-bg-elev));border-radius:10px}.restore-preview li+li{margin-top:var(--xh-sp-2)}.checkbox-field{align-items:center;gap:var(--xh-sp-2);margin-top:var(--xh-sp-3);grid-template-columns:40px minmax(0,1fr);font-weight:700;display:grid}.checkbox-field input{width:40px}.schedule-list{gap:var(--xh-sp-2);padding:0;list-style:none;display:grid}.schedule-list li{gap:var(--xh-sp-1);padding:var(--xh-sp-3);border:1px solid var(--xh-border);border-radius:10px;display:grid}.schedule-list span{color:var(--xh-fg-muted)}@media (width<=1024px){.pulse-bar{grid-template-columns:1fr}.pulse-controls{flex-wrap:wrap}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.pulse-controls,.page-heading,.server-header,.console-heading,.tool-heading{flex-direction:column;align-items:stretch}.language-picker{justify-content:space-between}.theme-picker{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.theme-option{white-space:normal}.account-chip{display:none}.workspace-rail{overflow-x:auto}.server-canvas{width:min(calc(100% - 2 * var(--xh-sp-2)), 1440px);margin-block:var(--xh-sp-2);padding:var(--xh-sp-4)}.server-table{min-width:0}.server-table thead{display:none}.server-table,.server-table tbody,.server-table tr,.server-table td{width:100%;display:block}.server-table tr{padding:var(--xh-sp-3);border-bottom:1px solid var(--xh-border)}.server-table tr:last-child{border-bottom:0}.server-table td{gap:var(--xh-sp-3);padding:var(--xh-sp-2) 0;border:0;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);display:grid}.server-table td:before{content:attr(data-label);color:var(--xh-fg-muted);font-size:var(--xh-fs-sm);font-weight:700}.row-actions{justify-content:flex-start}.canvas-grid,.metric-list,.task-grid{grid-template-columns:1fr}.command-dock{position:static}.command-form{grid-template-columns:1fr}}@media (width<=390px){.theme-picker,.server-table td{grid-template-columns:1fr}.server-table td:before{margin-bottom:calc(-1 * var(--xh-sp-1))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
