/* Floating chrome and panels share a safe inset, independent of canvas zoom. */
body.canvas-focus #assets{position:fixed;left:100px;top:85px;bottom:78px;width:340px;max-width:calc(100vw - 116px);z-index:42;box-sizing:border-box}
#assets .as-head{min-height:48px;gap:12px}#assets .as-head>span{min-width:0}#assets .as-head button{flex:none}
#assets .as-list{min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-items:start;gap:10px}
#assets .as-item{min-width:0;height:auto;flex:none}#assets .as-img{width:100%;aspect-ratio:1/1;min-height:0;flex:none;box-sizing:border-box;background-size:contain;background-repeat:no-repeat;background-position:center}
#assets .as-img img{display:block;width:100%;height:100%;object-fit:contain}#assets .as-meta{min-width:0;font-size:10px;line-height:1.6}
body.canvas-focus #workbench{box-sizing:border-box;display:grid;grid-template-columns:minmax(300px,370px) minmax(0,1fr);padding:85px 24px 24px 100px;overflow:hidden;align-items:stretch}
#workbench .wb-left,#workbench .wb-right{min-width:0;min-height:0}#workbench .wb-left{overflow:auto;scrollbar-width:thin;padding-right:5px}
#workbench .wb-card{box-sizing:border-box;min-height:100%;gap:12px}#workbench .wb-text{box-sizing:border-box;resize:vertical;min-height:110px;max-height:240px;flex:1}
#workbench .wb-drop.has{padding:10px;min-height:0}#workbench .wb-refs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%}
#workbench .wb-ref{width:100%;height:auto;aspect-ratio:1/1;box-sizing:border-box;min-width:0}#workbench .wb-ref img{object-fit:contain;background:var(--panel-2)}
#workbench .wb-params{grid-template-columns:repeat(2,minmax(0,1fr))}#workbench .wb-params label{min-width:0}#workbench .wb-params select{max-width:100%;min-width:0}
#workbench .wb-go-row{position:sticky;bottom:-1px;z-index:2;padding:10px 0 2px;background:var(--panel);flex:none}
#workbench .wb-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));min-width:0;gap:12px;padding:0 5px 16px 0;scrollbar-width:thin}
#workbench .wb-item{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:start;gap:10px 13px;padding:13px;min-width:0;box-sizing:border-box}
#workbench .wb-thumb{width:84px;height:84px;grid-row:1/3}#workbench .wb-thumb img{object-fit:contain;background:var(--panel-2)}
#workbench .wb-body{min-width:0}#workbench .wb-prompt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;font-size:13px}
#workbench .wb-meta{font-size:11px;line-height:1.7}#workbench .wb-acts{grid-column:2;justify-content:flex-end;flex-wrap:wrap;min-width:0}
@media(max-width:950px){body.canvas-focus #workbench{grid-template-columns:310px minmax(0,1fr);padding-right:14px;gap:14px}}
@media(max-width:680px){body.canvas-focus #assets{left:10px;top:112px;bottom:78px;width:calc(100vw - 20px);max-width:none}body.canvas-focus:has(#assets:not([hidden])) #studio-rail{visibility:hidden}body.canvas-focus #workbench{display:flex;flex-direction:column;padding:112px 10px 22px;overflow:auto;gap:20px}#workbench .wb-left{overflow:visible;padding:0;flex:none}#workbench .wb-right{flex:none}#workbench .wb-list{overflow:visible;display:grid;grid-template-columns:1fr;flex:none}#workbench .wb-card{min-height:0}#workbench .wb-go-row{position:static}#workbench .wb-text{min-height:110px}body.canvas-focus:has(#workbench:not([hidden])) #studio-rail{visibility:hidden}}

.lib-item img{object-fit:contain;background:var(--panel-2)}