.work-view{grid-area:center;min-width:0;overflow:auto;padding:90px 24px 28px;background:radial-gradient(ellipse at 80% 0,#30264d80,transparent 55%),#0b1220;color:#e6edfc}
.work-view h1{font-size:28px;letter-spacing:-.03em;margin:8px 0}.work-eyebrow{color:#b3a2ff;font-size:11px;letter-spacing:.16em}
.work-view button,.work-view select,.work-view input,.work-mode select,.work-view-switch button{min-height:44px;border:1px solid #455370;border-radius:11px;color:#edf1ff;background:#172139;padding:9px 13px;font:inherit}
.work-shortcuts,.flow-controls,.flow-pager,.work-view-switch{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.flow-controls input{flex:1;min-width:140px}
.flow-scene{overflow:auto;border:1px solid #3b4c70;border-radius:20px;box-shadow:0 16px 45px #0005;margin:16px 0}.flow-scene svg{display:block;max-width:none}.flow-scene [role=button]{cursor:pointer}.flow-scene [role=button]:focus rect{stroke:#7ee7dd;stroke-width:3}
.work-view :focus-visible,.work-mode :focus-visible,.work-view-switch :focus-visible{outline:2px solid #85e7dc;outline-offset:3px}.work-view button:disabled{opacity:.5;cursor:default}
.output-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.output-grid button{padding:20px;min-height:150px;text-align:left;background:linear-gradient(135deg,#2c304c,#152236);box-shadow:0 10px 22px #0003}.output-grid small,.output-grid strong,.output-grid span{display:block}.output-grid strong{margin:12px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.output-grid small{color:#b8a9ff}.output-grid span{color:#80d9cc}
.work-mode{padding:10px 14px;border-top:1px solid #273652;background:#10192b}.work-mode label{display:flex;align-items:center;gap:8px}.work-mode select{min-width:0;width:100%;font-size:12px}.work-mode small{display:block;margin-top:6px;color:#a9b7ce;font-size:11px}.work-detail{padding:22px;max-width:640px;overflow-wrap:anywhere}.work-detail a{color:#9aeadb}
#graphbar .work-view-switch{margin:0}#graphbar .work-view-switch button{font-size:12px;padding:6px 10px}
@media(max-width:860px){.work-view{grid-area:main;padding:90px 16px 28px}body:not([data-pane="work"]) .work-view{display:none!important}}
@media print{.work-view-switch,.work-mode,.work-shortcuts,.flow-controls,.flow-pager{display:none}}

#chatcol .work-mode{flex:none}

#graphbar{flex-wrap:wrap}#graphbar>.seg[hidden]{display:none}.work-view-switch [aria-pressed=true]{background:#6244ce;border-color:#b5a0ff}