/* Workroom-specific visual language; no App toolbar artwork. */
.task-progress{margin:8px 44px 22px;border-block:1px solid #e8dceb;padding:10px 2px;color:#9983a4;font-size:11px;line-height:1.8}.task-progress summary{cursor:pointer;user-select:none}.task-progress ol{padding:12px 8px 8px 22px}.task-progress li{padding:4px 0;color:#81698e}.task-progress time{display:inline-block;margin-right:12px;color:#b19bbc;font-variant-numeric:tabular-nums}.task-progress .progress-note p{font-size:13px;color:#715b7c;line-height:1.9;white-space:pre-wrap;margin:0}.progress-body{padding:12px 0}.progress-note{margin:16px 0 20px;padding:0 4px}.progress-note h4{font-size:11px;color:#a18bad;font-weight:500;margin:0 0 7px}.progress-action{padding:7px 4px;font-size:11px;color:#a18aab}.progress-action:before{content:'·';margin-right:8px;color:#a177b2}.progress-local-hint{font-size:10px;color:#b29abd}.task-progress .progress-body>p{font-size:12px;color:#90799c}.job-strip{gap:10px}.job-strip>span{flex:1}
:root{--bench-width:460px;--cat-tile:640px}
.app{position:relative;max-width:none;grid-template-columns:224px minmax(0,1fr)}
.workspace{background-image:linear-gradient(#faf7fcba,#faf7fcba),url('/assets/ChatBackground.png');background-position:0 0,0 0;background-size:auto,var(--cat-tile) auto;background-repeat:no-repeat,repeat}
.thread{padding:16px 20px calc(24px + var(--keyboard))}.message{max-width:92%;gap:10px}.header{padding-left:22px;padding-right:22px}
.room-icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.header-actions{gap:6px}.header-actions button{width:34px;height:34px;padding:0;display:grid;place-items:center;color:#856390;border-color:#e2d3e9;background:#fffcff}.header-actions #members-open .room-icon{stroke-width:3.5}
.tools button{height:34px;min-width:34px;padding:5px;display:grid;place-items:center;color:#8e659c}.tools .small-text{font-size:11px;padding:5px 8px}.send{min-height:34px;background:#e7d4ef;color:#775185;gap:9px}.send .room-icon{width:18px;height:18px}
#draft:focus,#draft:focus-visible{outline:none;outline-offset:0;box-shadow:none}
#join-avatar-preview{width:72px;height:72px;border-radius:50%;object-fit:contain;margin:0}.asset-image-link{display:block;cursor:zoom-in}.message-avatar img{object-fit:contain;background:white;border-radius:50%}.message-avatar{overflow:hidden;border-radius:50%}
.app.bench-open{grid-template-columns:224px minmax(340px,1fr) min(var(--bench-width),calc(100vw - 564px))}
.workbench{height:var(--canvas-h);min-width:0;display:flex;flex-direction:column;padding:18px;background:#f8f3fb;border-left:1px solid #dfcfe7;overflow:auto}
.workbench>header{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.workbench>header>div{flex:1;min-width:0}.workbench h2{font-size:17px}.workbench h3{font-size:12px;font-weight:500;color:#9b82a7;margin:18px 0 8px}.workbench>header p{font-size:11px;color:#927e9d;line-height:1.6;margin-top:5px;overflow-wrap:anywhere}.workbench>header button{font-size:24px;width:32px;height:32px}.bench-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;font-size:11px}.bench-controls label{display:flex;align-items:center;gap:8px;width:100%}.bench-controls input{padding:0;flex:1;accent-color:#9971a9}.bench-controls button,.bench-actions button{font-size:11px;padding:8px 10px}.bench-view{min-height:260px;height:45vh;flex-shrink:0;border:1px solid #e4d7eb;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:auto;position:relative}.bench-view>img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}.bench-view>iframe{width:100%;height:100%;border:0;background:white}.bench-placeholder{padding:25px;text-align:center;color:#a48aae;line-height:1.9;font-size:12px}.bench-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.bench-assets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bench-empty{grid-column:1/-1;min-width:0;margin:0;line-height:1.6}.bench-asset{border:1px solid #e4d6ea;background:#fffafd;display:flex;align-items:center;gap:8px;text-align:left;padding:10px;font-size:11px;min-width:0}.bench-asset span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bench-asset img{width:42px;height:42px;object-fit:contain;border-radius:7px}.bench-hint{font-size:10px;color:#a68db0;line-height:1.8;margin:16px 0 4px}
#workbench-open.has-update{box-shadow:0 0 0 2px #c8a3dc}.app.bench-expanded .workbench{position:absolute;inset:0;z-index:7}.app.bench-expanded .bench-view{height:65vh}
.image-preview{width:min(1100px,94vw);max-width:94vw;height:min(900px,90vh);max-height:90vh;padding:20px;overflow:hidden;border-radius:18px}.image-preview[open]{display:flex;flex-direction:column;gap:14px}.image-preview header{display:flex;align-items:center;gap:12px}.image-preview h2{font-size:15px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.image-preview header button{font-size:26px}.image-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px}.image-controls label{display:flex;align-items:center;gap:6px}.image-controls input{width:100px;padding:0;accent-color:#9971a9}.image-controls button{font-size:11px;padding:7px 9px}.image-stage{flex:1;min-height:0;overflow:auto;display:grid;place-items:center;background:repeating-conic-gradient(#f0e9f3 0% 25%,#fff 0% 50%) 0 0/20px 20px;border-radius:12px}.image-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain}.image-stage.actual{display:block}.image-stage.actual img{max-width:none;max-height:none;margin:auto}.image-preview footer{display:flex;gap:10px;justify-content:flex-end}.image-preview footer button{font-size:12px}
@media(max-width:1100px){.app.bench-open{grid-template-columns:minmax(340px,1fr) min(var(--bench-width),48vw)}.app.bench-open>.sidebar{display:none}.bench-controls label{display:none}}
@media(max-width:700px){.app,.app.bench-open{grid-template-columns:minmax(0,1fr)}.thread{padding:12px 12px calc(20px + var(--keyboard))}.message{max-width:96%;gap:8px}.header{padding:12px}.header-actions{gap:4px}.header-actions button{width:30px;height:32px}.room-icon{width:21px;height:21px}.workbench{position:absolute;inset:0;z-index:7;padding:15px}.workbench .bench-view{height:50vh}.image-preview{padding:14px;max-width:96vw;width:96vw;height:88vh}.image-controls{gap:5px}#image-dimensions{width:100%}.composer{padding-left:12px;padding-right:12px}}