/* Same theme and generation handlers; separate bounded creation and result panes. */
body.canvas-focus #workbench{grid-template-columns:minmax(320px,384px) minmax(0,1fr);gap:22px;padding:86px 24px 20px 100px}
#workbench .wb-left{overflow:hidden;padding:0}
#workbench .wb-card{height:100%;min-height:0;padding:0;gap:0;border-radius:18px;overflow:hidden}
#workbench .wb-form-head{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);flex:none}
#workbench .wb-form-head h2{font-size:16px;font-weight:600;margin:0;color:var(--text)}
#workbench .wb-creation-kind{color:var(--text-2);font-size:12px;background:var(--panel-2);border-radius:6px;padding:3px 8px}
#workbench .wb-form-content{padding:18px 20px;display:flex;flex-direction:column;gap:14px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:1}
#workbench .wb-form-content>*{flex-shrink:0;min-width:0}
#workbench .wb-model-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
#workbench :is(.wb-model-row,.wb-params) label{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--text-2);font-size:12px}
#workbench :is(.wb-model-row,.wb-params) select{height:36px;max-width:100%;width:100%;min-width:0;font-size:13px;padding:6px 8px;background:var(--panel);border:1px solid var(--line-2);border-radius:8px;color:var(--text)}
#workbench .wb-reference-section{border:1px solid var(--line);border-radius:11px;padding:10px 12px}
#workbench .wb-reference-section>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font-size:13px;font-weight:500;min-height:24px;color:var(--text)}
#workbench .wb-reference-section>summary:after{content:'⌄';margin-left:auto;color:var(--text-2)}
#workbench .wb-reference-section:not([open])>summary:after{content:'›'}
#workbench .wb-reference-section summary small{font-size:12px;color:var(--text-2);font-weight:400}
#workbench .wb-drop{margin-top:10px;min-height:82px;border-radius:8px}
#workbench .wb-drop-empty{font-size:11px;color:var(--text-2)}
#workbench .wb-drop-empty b{display:none}#workbench .wb-drop-empty svg{width:20px;height:20px;margin:0}
#workbench .wb-drop.has{padding:6px;max-height:156px;overflow:auto}
#workbench .wb-row-btns{margin-top:8px;gap:8px;flex-wrap:wrap}
#workbench .wb-row-btns .btn{min-height:28px;font-size:12px;padding:5px 7px}
#workbench .wb-paste-status{margin-top:7px;font-size:12px;line-height:1.6;color:var(--text-2);overflow-wrap:anywhere}
#workbench .wb-paste-status[data-error=true]{color:var(--text)}
#workbench .wb-limit{font-size:11px;color:var(--text-2);line-height:1.5;text-align:left;margin:0;flex-basis:100%}
#workbench .wb-limit.bad{color:var(--bad)}
#workbench .wb-prompt-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text)}
#workbench [data-wb-length]{font-size:11px;color:var(--text-2)}
#workbench .wb-text{min-height:120px;height:clamp(120px,18vh,190px);max-height:240px;resize:vertical;flex:none;font-size:14px;line-height:1.7;padding:10px 12px;border-radius:10px;color:var(--text);background:var(--panel-2)}
#workbench .wb-text::placeholder{color:var(--text-2)}
#workbench .wb-params{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#workbench .wb-go-row{position:static;padding:14px 20px;margin:0;border-top:1px solid var(--line);background:var(--panel);flex:none;min-height:70px}
#workbench .wb-go{height:40px;font-size:14px}#workbench .wb-go small{font-size:12px}
#workbench .wb-submit-summary{padding:10px 20px 0;color:var(--text-2);font-size:12px;line-height:1.6;overflow-wrap:anywhere;flex:none;background:var(--panel)}
#workbench .wb-submit-summary[data-error=true]{color:var(--bad)}
#workbench .wb-recovery{padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--panel-2);color:var(--text);font-size:12px;line-height:1.6}
#workbench .wb-recovery[hidden]{display:none}
#workbench .wb-recovery-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
#workbench .wb-recovery .btn{font-size:12px;padding:5px 7px;min-height:28px}
#workbench .wb-recovery details{margin-top:6px}#workbench .wb-recovery summary{cursor:pointer}
#workbench .wb-recovery-items{max-height:118px;overflow:auto;overflow-wrap:anywhere}
#workbench .wb-recovery-items>div{padding:5px 0;border-bottom:1px solid var(--line)}
#workbench .wb-recovery-items small{display:block;color:var(--text-2);font-size:11px}
#workbench .wb-right{gap:12px;overflow:hidden}
#workbench .wb-head{align-items:center;gap:12px;flex:none}
#workbench .wb-title{font-size:20px;line-height:1.4;font-weight:600;margin:0 0 4px;color:var(--text)}
#workbench .wb-stats{font-size:12px;color:var(--text-2)}
#workbench .wb-record-toolbar{display:flex;gap:12px;align-items:center;flex:none;min-width:0;flex-wrap:wrap}
#workbench .wb-search{flex:1;min-width:120px;height:36px;background:var(--panel);font-size:13px}
#workbench :is(.wb-kind,.wb-view) button{min-height:32px;font-size:12px;padding:5px 10px;color:var(--text-2)}
#workbench .wb-view [aria-pressed=true]{background:var(--panel);color:var(--text);box-shadow:0 1px 4px #17263e12;border-radius:7px}
#workbench .wb-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));grid-auto-rows:max-content;gap:14px;align-items:start;padding:0 4px 18px 0;scrollbar-gutter:stable;align-content:start}
#workbench .wb-kind button.on{background:var(--text);color:var(--panel)}
#workbench .wb-item{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;border-radius:13px}
#workbench .wb-thumb{width:100%;height:auto;aspect-ratio:4/3;max-height:260px;border-radius:0;grid-row:auto;background:var(--panel-2)}
#workbench .wb-thumb img{object-fit:contain;width:100%;height:100%}
#workbench[data-record-view=gallery] .wb-item.failed .wb-thumb{height:72px;aspect-ratio:auto;color:var(--text)}
#workbench .wb-item.failed .wb-thumb .bad{color:var(--text);font-weight:600}
#workbench .wb-item.failed .wb-meta:has(.bad){white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#workbench .wb-item.failed .wb-meta .bad{color:var(--text)}
#workbench .wb-body{padding:12px 14px 6px;gap:4px;flex:none}
#workbench .wb-prompt{font-size:14px;line-height:1.6;font-weight:500;min-height:22px;color:var(--text)}
#workbench .wb-meta{font-size:11px;color:var(--text-2);line-height:1.7}
#workbench .wb-acts{display:flex;grid-column:auto;gap:4px;justify-content:flex-end;width:100%;padding:4px 10px 9px;border-top:1px solid var(--line);margin-top:6px;flex-wrap:wrap}
#workbench .wb-acts .ib{width:30px;height:30px}
#workbench .wb-item[hidden]{display:none!important}
#workbench[data-record-view=list] .wb-list{grid-template-columns:1fr}
#workbench[data-record-view=list] .wb-item{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:12px;padding:12px;align-items:center}
#workbench[data-record-view=list] .wb-thumb{width:92px;height:92px;border-radius:8px;aspect-ratio:1;grid-row:auto}
#workbench[data-record-view=list] .wb-body{padding:0}
#workbench[data-record-view=list] .wb-acts{width:auto;padding:0;margin:0;border:0;grid-column:3;max-width:175px}
#workbench .wb-search-empty{padding:18px;text-align:center;color:var(--text-2);font-size:13px;flex:none}
#workbench :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:1200px){body.canvas-focus #workbench{grid-template-columns:330px minmax(0,1fr);gap:16px;padding-right:16px}#workbench .wb-form-content{padding:16px}#workbench .wb-form-head,#workbench .wb-go-row{padding-left:16px;padding-right:16px}#workbench[data-record-view=list] .wb-item{grid-template-columns:76px minmax(0,1fr)}#workbench[data-record-view=list] .wb-thumb{width:76px;height:76px;grid-row:1/3}#workbench[data-record-view=list] .wb-acts{grid-column:2;max-width:none;justify-content:flex-start}}
@media(max-width:680px){body.canvas-focus #workbench{display:flex;grid-template-columns:none;padding:112px 12px 22px;overflow:auto}#workbench .wb-left{overflow:visible}#workbench .wb-card{height:auto;min-height:0}#workbench .wb-form-content{overflow:visible}#workbench .wb-right{overflow:visible}#workbench .wb-list{overflow:visible;flex:none}#workbench .wb-params{grid-template-columns:repeat(3,minmax(0,1fr))}}