:root{--left-canvas-rail:58px;--left-canvas-drawer:276px;--right-director:370px;--right-director-closed:58px}
body{--left-shell-width:var(--left-canvas-rail);--right-shell-width:var(--right-director)}
body[data-left-drawer="open"]{--left-shell-width:calc(var(--left-canvas-rail) + var(--left-canvas-drawer))}
body[data-right-drawer="closed"]{--right-shell-width:var(--right-director-closed)}
.workspace{grid-template-columns:var(--left-shell-width) minmax(560px,1fr) var(--right-shell-width);transition:grid-template-columns .22s ease}
.left-rail{display:grid;grid-template-columns:var(--left-canvas-rail) var(--left-canvas-drawer);overflow:hidden}
.workspace-toolrail{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 7px;border-right:1px solid var(--line);background:#10151a}
.workspace-toolrail span{flex:1}.workspace-toolrail button{width:40px;height:40px;border:1px solid transparent;border-radius:9px;background:transparent;color:#8e9aa4;font-size:12px;font-weight:700}.workspace-toolrail button:hover,.workspace-toolrail button.active{border-color:#3a4630;background:#222b1c;color:var(--lime)}.workspace-toolrail .toolrail-primary{border-color:#9ebd38;background:var(--lime);color:#11170c;font-size:24px}.workspace-toolrail .toolrail-primary:hover{background:#e5ff85;color:#11170c}
.rail-drawer{min-width:0;overflow:hidden;background:var(--panel);opacity:0;visibility:hidden;transform:translateX(-14px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
body[data-left-drawer="open"] .rail-drawer{opacity:1;visibility:visible;transform:none}
.rail-drawer-head,.director-container-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--line)}.rail-drawer-head strong{font-size:12px}.rail-drawer-head button,.director-container-head button{width:30px;height:30px;border:0;border-radius:7px;background:#1b232a;color:#8f9ba4}
.rail-drawer .rail-tabs{height:42px}.rail-drawer .rail-tab{height:42px}.rail-drawer .rail-panel{height:calc(100% - 90px)}
.drawer-task-status{display:grid;gap:3px;margin:8px 8px 0;padding:8px 9px;border:1px solid #34412b;border-radius:7px;background:#171e17}.drawer-task-status span{color:#90a27b;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.drawer-task-status strong{overflow:hidden;color:#d5e8b2;font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.drawer-task-status small{overflow:hidden;color:#7f8c84;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.drawer-task-status.is-empty{border-color:var(--line);background:#13181d}.drawer-task-status.is-empty span,.drawer-task-status.is-empty strong,.drawer-task-status.is-empty small{color:var(--muted)}.rail-panel[data-rail-panel="history"] .history-list{height:calc(100% - 250px)}
.right-panel{display:flex;flex-direction:column;transition:width .22s ease}.director-container-head{flex:none}.director-container-head div{min-width:0}.director-container-head span,.director-container-head strong{display:block}.director-container-head span{color:#a8bf50;font-size:9px;letter-spacing:.14em}.director-container-head strong{font-size:12px;white-space:nowrap}.director-container-head button{font-size:18px;transform:rotate(0)}
.director-panel-body{min-height:0;flex:1;overflow:hidden}.director-panel-body>#directorAgentMount:not(:empty){max-height:46%;overflow:auto;border-bottom:1px solid var(--line)}.director-panel-body>.control-panel{height:calc(54% - 47px)}.director-panel-body>.annotation-panel{height:100%;overflow:auto}
body[data-right-drawer="closed"] .director-container-head{height:100%;padding:10px;writing-mode:vertical-rl;justify-content:flex-start;gap:14px}body[data-right-drawer="closed"] .director-container-head div{display:flex;align-items:center;gap:8px}body[data-right-drawer="closed"] .director-container-head button{transform:rotate(180deg)}body[data-right-drawer="closed"] .director-panel-body{display:none}
.node-inline-toolbar{position:absolute;left:50%;top:-38px;z-index:16;display:flex;gap:3px;padding:4px;border:1px solid #48543b;border-radius:8px;background:#11171df2;box-shadow:0 8px 24px #0009;transform:translateX(-50%);white-space:nowrap}.node-inline-toolbar button{height:27px;padding:0 8px;border:0;border-radius:5px;background:#222b30;color:#d5dde2;font-size:10px}.node-inline-toolbar button:hover{background:#334029;color:var(--lime)}.node-inline-toolbar button.danger:hover{background:#432425;color:#ffaaa4}
.node-continue-button{position:absolute;top:50%;z-index:18;width:26px;height:26px;padding:0;border:1px solid #9ebd38;border-radius:50%;background:#d9ff55;color:#11170c;font-size:17px;font-weight:800;line-height:24px;transform:translateY(-50%);box-shadow:0 6px 18px #0008}.node-continue-left{left:-38px}.node-continue-right{right:-38px}.continuation-menu{z-index:60}
.generation-task-node{position:relative!important;width:100%;height:100%;min-width:300px;min-height:360px;display:grid;grid-template-rows:34px auto auto auto auto 4px auto;overflow:visible}.generation-field,.generation-references,.generation-parameters,.generation-output-plan{padding:9px 11px;border-bottom:1px solid #28323a}.generation-field>span,.generation-references>span,.generation-parameters span{display:block;margin-bottom:5px;color:#82909a;font-size:9px;text-transform:uppercase}.generation-field textarea{width:100%;min-height:64px;resize:vertical;border:1px solid #303b43;border-radius:7px;background:#0f151a;color:#dce3e7;padding:8px;font-size:11px}.generation-references{display:grid;gap:6px}.generation-references label{display:grid;grid-template-columns:minmax(80px,1fr) 132px;align-items:center;gap:8px}.generation-references b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.generation-references small{color:#76838d;font-size:10px}.generation-task-node select{width:100%;border:1px solid #303b43;border-radius:6px;background:#111820;color:#cad3d8;padding:6px;font-size:10px}.generation-parameters{display:grid;grid-template-columns:1fr 1.2fr .65fr;gap:7px}.generation-output-plan{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;margin:0}.generation-output-plan div{display:flex;justify-content:space-between;gap:6px}.generation-output-plan dt{color:#72808a;font-size:8px}.generation-output-plan dd{margin:0;color:#bac6cc;font-size:8px}.generation-task-copy{display:grid;gap:3px;padding:9px 11px}.generation-task-copy strong{font-size:11px}.generation-task-copy span{color:#89969f;font-size:9px}.generation-task-copy em{color:#ffaca4;font-size:9px}.generation-task-progress{height:4px;background:#263039}.generation-task-progress i{display:block;height:100%;background:var(--lime)}.generation-task-node footer{display:flex;justify-content:flex-end;gap:6px}.generation-task-node footer button{padding:7px 10px;border:1px solid #38434a;border-radius:6px;background:#1b242a;color:#cbd4d9;font-size:10px}.generation-task-node footer .generation-submit{border-color:#a3c33e;background:var(--lime);color:#10140b;font-weight:800}
@media(max-width:1280px){:root{--left-canvas-drawer:244px;--right-director:328px}.workspace{grid-template-columns:var(--left-shell-width) minmax(520px,1fr) var(--right-shell-width)}}
@media(prefers-reduced-motion:reduce){.workspace,.rail-drawer,.right-panel{transition:none}}