:root{color-scheme:dark;font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;background:#030604;color:#d8ffe7}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at top,rgba(44,255,143,.16),transparent 24%),radial-gradient(circle at right,rgba(0,188,212,.08),transparent 30%),linear-gradient(180deg,#020403,#020705 46%,#010202);color:#d8ffe7}button,input,textarea{font:inherit}.shell{position:relative;min-height:100vh;padding:40px;display:grid;gap:24px;align-content:start;overflow:hidden;isolation:isolate}.matrix-grid,.matrix-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.matrix-grid{background:linear-gradient(rgba(29,255,124,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(29,255,124,.05) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 92%);z-index:-3}.matrix-glow{filter:blur(90px);opacity:.35;z-index:-2}.matrix-glow--left{top:-12%;left:-10%;width:42vw;height:42vw;background:#00ff6626}.matrix-glow--right{right:-14%;top:10%;width:36vw;height:36vw;background:#00b0ff14}.hero,.workspace-grid{position:relative;z-index:1}.hero h1{margin:10px 0 12px;max-width:12ch;font-size:clamp(2.9rem,7vw,6rem);line-height:.92;letter-spacing:-.06em;color:#ecfff3;text-shadow:0 0 24px rgba(44,255,143,.12)}.eyebrow{margin:0;color:#7effb1;text-transform:uppercase;letter-spacing:.24em;font-size:.76rem}.lede{margin:0;max-width:64ch;color:#9ac5ab;font-size:1.05rem;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px}.layout-pills,.preset-pills{display:flex;flex-wrap:wrap;gap:8px}.layout-pill{border-radius:999px;padding:10px 14px;border:1px solid rgba(126,255,177,.14);background:#7effb10d;color:#b6e6c7;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.preset-pill{border-radius:999px;padding:10px 14px;border:1px solid rgba(0,176,255,.16);background:#00b0ff0f;color:#b9ecff;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.layout-pill--active{border-color:#7effb147;background:#7effb124;color:#effff5}.preset-pill--active{border-color:#00b0ff4d;background:#00b0ff29;color:#effbff}.preset-pill:disabled{opacity:.42;cursor:not-allowed}.hero-action{border-radius:999px;padding:12px 18px;border:1px solid rgba(126,255,177,.22);background:#7effb114;color:#eafff1;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease}.hero-action:hover:not(:disabled){transform:translateY(-1px);border-color:#7effb15c;background:#7effb124}.hero-action:disabled{opacity:.55;cursor:wait}.hero-action--primary{background:linear-gradient(180deg,#21ff7a2e,#0f5a3138);box-shadow:0 10px 24px #00000047}.hero-hint{color:#82a792;font-size:.92rem}.workspace-grid{display:grid;grid-template-columns:minmax(320px,400px) minmax(0,1fr);gap:24px;align-items:start}.workspace-main{display:grid;gap:24px}.workspace-canvas{position:relative;display:grid;min-height:82vh;border-radius:30px;border:1px solid rgba(126,255,177,.1);background:#0108046b;overflow:hidden}.workspace-canvas--focus{min-height:84vh}.workspace-window{position:absolute;min-width:280px;min-height:240px;transition:box-shadow .16s ease,transform .16s ease}.workspace-window--focused{transform:translateY(-2px)}.workspace-window__drag{position:absolute;left:0;right:64px;top:0;height:72px;cursor:grab;z-index:4}.workspace-window__drag:active{cursor:grabbing}.workspace-window__resize{position:absolute;right:8px;bottom:8px;width:24px;height:24px;border-right:2px solid rgba(126,255,177,.42);border-bottom:2px solid rgba(126,255,177,.42);cursor:nwse-resize;z-index:4}.workspace-empty{min-height:240px;padding:28px;border-radius:28px;border:1px dashed rgba(126,255,177,.2);background:#030a067a}.workspace-empty h2{margin:8px 0 0;color:#ecfff3}.panel,.attention-panel,.terminal-panel{position:relative;overflow:hidden;border:1px solid rgba(126,255,177,.12);background:#030a06b8;box-shadow:inset 0 1px #c3ffd70d,0 30px 90px #0000006b;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.panel:before,.attention-panel:before,.terminal-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(126,255,177,.08),transparent 42%);pointer-events:none}.panel,.attention-panel{padding:24px;border-radius:26px}.terminal-panel{min-height:100%;height:100%;padding:24px;border-radius:30px}.terminal-panel--focused{border-color:#7effb152;box-shadow:inset 0 0 0 1px #7effb114,0 30px 90px #0000006b}.panel__header,.session-card__top,.attention-item__top,.terminal-panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel__header{margin-bottom:20px;color:#e8fff1;font-weight:600}.operator-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.operator-chip{border-radius:18px;border:1px solid rgba(126,255,177,.12);background:#7effb10a;padding:14px 16px}.operator-chip strong{display:block;margin-top:8px;color:#ecfff3;font-size:.96rem}.operator-chip__label{color:#7db090;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.badge,.session-card__meta span,.terminal-meta span,.status-pill,.session-state{border-radius:999px;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.badge{padding:6px 11px;background:#7effb11f;color:#a7ffca;border:1px solid rgba(126,255,177,.12)}.session-grid,.attention-list,.workspace-main{display:grid;gap:16px}.session-card,.attention-item{width:100%;text-align:left;color:inherit;border-radius:20px;border:1px solid rgba(126,255,177,.1);background:linear-gradient(180deg,#08140cdb,#040b07db),#ffffff05;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.session-card{padding:18px;cursor:pointer}.session-card:hover,.attention-item:hover{transform:translateY(-2px);border-color:#7effb147;box-shadow:0 18px 32px #00000047}.session-card--active{border-color:#7effb16b;box-shadow:inset 0 0 0 1px #7effb11f,0 16px 34px #00000057}.session-card strong,.attention-item strong,.terminal-panel__header h2{color:#edfff5}.session-card strong{font-size:1rem}.session-card p,.attention-item p{margin:12px 0 0;color:#99c6ab;line-height:1.5}.session-card__meta,.terminal-meta,.attention-item__actions{display:flex;flex-wrap:wrap;gap:10px}.session-card__meta,.terminal-meta{margin-top:14px}.session-card__actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.session-card__quick-actions{display:flex;flex-wrap:wrap;gap:8px}.session-quick-action{border-radius:999px;padding:8px 12px;border:1px solid rgba(126,255,177,.12);background:#7effb10f;color:#d8ffe7;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.session-quick-action:hover{border-color:#7effb13d;background:#7effb11f}.session-card__hint{color:#6d927b;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.session-card__meta span,.terminal-meta span{padding:6px 10px;background:#7effb10f;color:#8cb89b;border:1px solid rgba(126,255,177,.08)}.session-state{padding:6px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.06);color:#d8ffe7}.session-state--running{background:#23ff7a1f;border-color:#23ff7a33;color:#8effba}.session-state--waiting_confirmation,.session-state--waiting_user{background:#ffd65e1f;border-color:#ffd65e29;color:#ffe58a}.session-state--failed,.session-state--disconnected{background:#ff5b5b1f;border-color:#ff5b5b2e;color:#ff9d9d}.terminal-panel__header{align-items:start;margin-bottom:12px}.terminal-header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.terminal-snap-actions{display:flex;align-items:center;gap:8px}.terminal-snap{border-radius:999px;padding:8px 10px;border:1px solid rgba(126,255,177,.12);background:#7effb10f;color:#d8ffe7;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.terminal-snap:hover{border-color:#7effb13d;background:#7effb11f}.terminal-panel__header h2{margin:8px 0 0;font-size:1.9rem}.terminal-close{border-radius:999px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#d8ffe7;cursor:pointer}.terminal-close:hover{border-color:#ff5b5b3d;background:#ff5b5b1a}.terminal-fallback-screen{margin-top:18px;min-height:520px;max-height:58vh;border-radius:22px;overflow:auto;border:1px solid rgba(126,255,177,.14);background:radial-gradient(circle at top,rgba(31,255,120,.07),transparent 34%),linear-gradient(180deg,#020806,#010503);padding:14px;box-shadow:inset 0 0 0 1px #7effb108;color:#96ffb8;white-space:pre-wrap;font:14px/1.45 IBM Plex Mono,SFMono-Regular,monospace}.terminal-command-row{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.terminal-command-input{width:100%;border-radius:16px;border:1px solid rgba(126,255,177,.14);background:#0000003d;color:#eafff1;padding:14px 16px;font:14px IBM Plex Mono,SFMono-Regular,monospace}.terminal-command-input:focus{outline:none;border-color:#7effb14d;background:#00000057}.status-pill{padding:7px 12px;border:1px solid rgba(255,255,255,.06)}.status-pill--idle{background:#ffffff0d;color:#d7e8dd}.status-pill--connecting{background:#ffd65e1f;border-color:#ffd65e29;color:#ffdf85}.status-pill--connected{background:#23ff7a1f;border-color:#23ff7a33;color:#90ffbc}.status-pill--closed,.status-pill--error{background:#ff5b5b1f;border-color:#ff5b5b2e;color:#ffabab}.attention-item{padding:16px}.attention-item__top span{color:#82c8ff;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.attention-item__actions{margin-top:14px}.attention-action{border:1px solid rgba(126,255,177,.12);background:#7effb114;color:#dcffeb;border-radius:999px;padding:8px 12px;cursor:pointer;transition:background .16s ease,border-color .16s ease,opacity .16s ease}.attention-action:hover:not(:disabled){background:#7effb124;border-color:#7effb13d}.attention-action:disabled{cursor:not-allowed;opacity:.46}.attention-action--ack{background:#00b0ff14;border-color:#00b0ff24;color:#9fe5ff}.attention-item--hard{border-color:#ff5b5b33;background:linear-gradient(180deg,#180a0ae6,#0a0505e6)}.attention-item--medium{border-color:#ffd65e29;background:linear-gradient(180deg,#171208e6,#090804e6)}.attention-item--low{border-color:#00b0ff29}.error-banner{margin:0 0 16px;padding:14px 16px;border-radius:16px;background:#ff5b5b1f;border:1px solid rgba(255,91,91,.18);color:#ffb6b6}@media(max-width:960px){.shell{padding:24px}.workspace-grid{grid-template-columns:1fr}.workspace-canvas{min-height:1200px}.workspace-window{position:relative;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:520px}.operator-strip{grid-template-columns:1fr}}@media(max-width:720px){.shell{padding:18px}.hero h1{font-size:clamp(2.4rem,15vw,4rem)}.panel,.attention-panel,.terminal-panel{padding:18px}.terminal-panel{min-height:560px}}