:root{--purple:#5f31ff;--soft:#eeebff;--bg:#fafbff;--ink:#17203b;--muted:#8797ca;--line:#e6eafa;--sidebar:clamp(190px,13.672vw,280px);--queue:clamp(300px,22.07vw,452px);--header:clamp(76px,4.98vw,102px);--font:clamp(12px,.78vw,16px)}
*{box-sizing:border-box}body{font-family:"Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif;font-size:var(--font);background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased}[hidden]{display:none!important}button{border-color:var(--line);border-radius:10px;box-shadow:none;transition:background .12s;color:#3d4d7b;font-size:var(--font)}button:hover{background:#f4f2ff;border-color:#d5ccff}button:disabled{opacity:.35}.primary{background:var(--purple);border-color:var(--purple);color:white}.primary:hover{background:#4f22ed}.ui-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}i[data-icon]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none}.plain{color:#8191c6}main{margin-left:var(--sidebar);height:100vh;overflow:hidden}
.sidebar{width:var(--sidebar);padding:28px 21px 20px;background:linear-gradient(120deg,#f2f3ff,#f6f7ff);border-color:#e9edfc;gap:0}.brand{gap:15px;font-size:27px;font-weight:700;letter-spacing:0;margin-bottom:31px;align-items:center;color:#101729}.brandmark{background:var(--purple);height:51px;width:51px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff}.brandmark .ui-icon{width:31px;height:31px;stroke-width:2.4}.brand small{font-size:13px;letter-spacing:0;font-weight:400;color:#8996c7;margin-top:3px}.workspace-card{width:100%;display:flex;align-items:center;text-align:left;gap:12px;border:1px solid #e7eafb;background:#fff;padding:11px 12px;min-height:66px;margin-bottom:28px}.workspace-card>span:nth-child(2){flex:1;min-width:0}.workspace-card strong{font-size:15px;color:#1b2238}.workspace-card small{display:block;font-size:12px;color:#91a0cc;margin-top:2px}.workspace-emblem{display:flex;width:43px;height:43px;background:linear-gradient(135deg,#aa8bff,#8ecafb);border-radius:11px;color:#fff;align-items:center;justify-content:center}.workspace-emblem .ui-icon{width:26px;height:26px}.new-canvas{display:flex;align-items:center;gap:12px;width:100%;border-color:#e7eafa;background:white;padding:12px;margin-bottom:14px;font-size:16px;text-align:left}.new-canvas i{color:var(--purple);background:#f0ecff;border-radius:9px;width:32px;height:32px}.new-canvas>span{margin-left:auto;font-size:13px;color:#8795c2;background:#f2f3ff;padding:1px 6px;border-radius:5px}.side-tabs{display:flex;flex-direction:column;gap:3px;border:none;margin:0 0 25px}.side-tabs button{display:flex;gap:15px;align-items:center;border:none;border-radius:11px;padding:11px 14px;background:none;font-size:16px;text-align:left;color:#53618a;white-space:nowrap}.side-tabs .active{background:#e6e1ff;color:#6332ff;font-weight:600;border:none}.sectionline{font-size:15px;letter-spacing:0;padding:13px 10px 8px;border-top:1px solid #e9eaf9;color:#62729a;margin-bottom:5px}.sectionline .icon{color:#475481;font-size:23px}#projects{max-height:none;flex:1;overflow:auto}.project{display:flex;gap:12px;align-items:center;color:#4f608e;font-size:15px;padding:11px 12px;margin:0 0 3px;background:none;border:none}.project .project-count{margin-left:auto;font-weight:400;color:#8699d0;font-size:12px}.project .ui-icon{color:#6751ff;fill:#e1e0ff}.project.active{background:#ebe7ff;color:#5f34e9}.sidebar-footer{font-size:12px;padding:16px 8px 0;border-top:1px solid #e5e9f9;color:#8092c5}.local-label{display:block;margin-bottom:15px}.online-dot{background:#629bca}.footer-settings{border:0;background:none;display:flex!important;gap:12px;align-items:center;margin:0!important;font-size:15px!important;color:#596b98;padding:9px 0!important}
header{height:var(--header);padding:0 30px;border-bottom:1px solid #e9edfa;background:#fff;display:flex;align-items:center;gap:28px;justify-content:flex-start}.header-title{flex:1;min-width:220px}.header-title strong{font-size:clamp(21px,1.46vw,30px);font-weight:700;color:#111827;vertical-align:middle;white-space:nowrap}.title-spark{color:#653aff;font-size:30px;padding-left:10px;vertical-align:middle}.header-title p{font-size:15px;color:#7e8bbb;margin:3px 0 0;font-weight:500}.header-title p span{color:#ffbd38;padding-left:4px}.search-box{display:flex;align-items:center;gap:10px;background:#f7f8fe;border-radius:12px;padding:10px 14px;width:clamp(250px,23vw,470px);color:#8899cf}.search-box input{font-size:13px;flex:1;min-width:0;background:none;border:none;outline:none;color:#52618a;width:100%}.search-box input::placeholder{color:#909ece}.search-box kbd{font:12px "Segoe UI";white-space:nowrap;color:#a2add2;background:#fff;padding:2px 5px;border-radius:4px}.header-actions{display:flex;align-items:center;gap:14px}.header-actions button{display:flex;gap:10px;align-items:center;padding:11px 18px;font-size:15px;white-space:nowrap}.header-actions .primary{min-width:146px}
.workspace{height:calc(100vh - var(--header));display:flex;position:relative}.canvas-column{display:flex;flex-direction:column;flex:1;min-width:0;height:100%;position:relative}.filter-bar{min-height:70px;padding:12px 28px;display:flex;align-items:center;gap:10px;background:#fff;border-bottom:1px solid #e9edfc;position:relative;z-index:20}.filter-bar button,.filter-bar select{height:41px;white-space:nowrap;padding:8px 12px;font-size:13px;border:1px solid var(--line);background:#fff;border-radius:10px;color:#4b5e8e}.content-tabs{display:flex;gap:7px;margin-right:auto}.content-tabs button{background:#f8f9fe;border:0;color:#64749e}.content-tabs .active{color:#693eff;background:#f0edff;font-weight:600}.filter-bar b{font-weight:500;padding:1px 4px;border-radius:5px;font-size:12px;color:#8698d0;background:#f0f2fd}.content-tabs .active b{background:#fff;color:#7848ff}.view-actions{display:flex;align-items:center;gap:4px;margin:0 8px 0 20px}.view-actions button{border:0;padding:8px;width:41px;display:flex;align-items:center;justify-content:center;background:none}.view-actions .active{background:#f3efff;color:#6c38ff}#zoom-slider{width:68px;height:3px;accent-color:var(--purple);margin:0 5px}#zoom-label{font-size:13px;color:#8996c6;min-width:38px}.filter-bar select{max-width:125px;min-width:90px}.multi-control{white-space:nowrap;font-size:13px;color:#62709d;display:flex;align-items:center;gap:6px}.multi-control input{accent-color:var(--purple);width:16px;height:16px}#compare{display:flex;align-items:center;gap:7px;margin-left:auto}.canvas-more{position:relative}.canvas-more summary{list-style:none;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;width:41px;height:41px;color:#3f4d7c;cursor:pointer;font-size:20px}.tool-menu{position:absolute;z-index:30;top:calc(100% + 7px);right:0;min-width:190px;background:#fff;border:1px solid var(--line);padding:6px;border-radius:10px;box-shadow:0 8px 25px #4e518022}.tool-menu button{display:block;border:0;text-align:left;width:100%;padding:9px 12px!important;height:auto;font-size:12px!important;background:#fff}
#canvas{flex:1;min-height:120px;position:relative;overflow:hidden;background-color:#fcfdff;background-image:radial-gradient(#e3e8f8 .7px,transparent .8px);background-size:18px 18px;touch-action:none}.drawing-tools{position:absolute;top:12px;left:28px;z-index:4;display:flex;align-items:center;gap:5px;border:1px solid #e7ebfb;border-radius:14px;padding:8px 10px;background:#fff;box-shadow:0 3px 12px #6e76a20b}.drawing-tools button{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border:0;background:none;border-radius:10px;padding:8px}.drawing-tools button.active{color:#6636ff;background:#f0ebff}.drawing-tools button:disabled{opacity:.55}.node{position:absolute;background:white;border:1px solid #e5eafa;border-radius:11px;padding:5px;width:240px;overflow:visible;box-shadow:0 3px 13px #5c6ca515;cursor:grab;user-select:none}.node.selected{border:2px solid #7645ff;box-shadow:none;padding:0;border-radius:0}.node .image-wrap{height:240px;border-radius:6px;overflow:hidden;background:#f0f2f9}.node.selected .image-wrap{border-radius:0}.node .image-wrap img{width:100%;height:100%;object-fit:contain;pointer-events:none;display:block}.node-content{padding:8px 5px 3px;min-height:29px}.node.selected .node-content{position:absolute;bottom:0;left:0;width:100%;padding:6px 10px;background:#ffffffd9}.node-title{font-size:12px;font-weight:400;color:#344371;gap:8px;line-height:1.3}.node-title small{font-size:11px;color:#879bd8;white-space:nowrap}.node-prompt,.node-actions,.asset-meta{display:none}.node .selection-check{accent-color:#703fff;top:7px;right:7px;width:15px;height:15px;opacity:0}.node:hover .selection-check,.node.selected .selection-check{opacity:1}.mock-ribbon{top:6px;left:6px;padding:2px 5px;font-size:9px;background:#ffffffc9;color:#8b76b6;border:0;border-radius:4px;max-width:80%;line-height:1.4}.node.selected .mock-ribbon{top:5px;left:5px}.pending{height:230px;background:#f6f3ff;border:1px dashed #d4c8fb;font-size:13px;padding:20px;border-radius:11px}.selection-handle{position:absolute;width:9px;height:9px;border:2px solid #7544ff;background:#fff;z-index:2;pointer-events:none}.selection-handle.nw{left:-6px;top:-6px}.selection-handle.ne{right:-6px;top:-6px}.selection-handle.sw{left:-6px;bottom:-6px}.selection-handle.se{right:-6px;bottom:-6px}.selection-handle.n{left:calc(50% - 4px);top:-6px}.selection-handle.s{left:calc(50% - 4px);bottom:-6px}.selection-handle.w{left:-6px;top:calc(50% - 4px)}.selection-handle.e{right:-6px;top:calc(50% - 4px)}
#selection-toolbar{position:absolute;z-index:15;display:flex;align-items:center;gap:2px;padding:7px 8px;background:#fff;border:1px solid #e5eafa;border-radius:13px;box-shadow:0 3px 12px #8894ca14;flex-wrap:wrap}#selection-toolbar button{font-size:12px;border:0;background:none;padding:7px 8px;white-space:nowrap;border-radius:7px;display:flex;align-items:center;gap:5px;color:#3d4a76}#selection-toolbar button:hover{background:#f2edff;color:#6533ef}#selection-toolbar .ui-icon{width:18px;height:18px}#selection-toolbar small{font-size:9px;color:#a3acd0;margin-left:2px}#selection-toolbar strong{font-size:13px;padding:7px 10px}#selection-toolbar details{position:relative}#selection-toolbar summary{padding:6px 8px;cursor:pointer;list-style:none;color:#5a638c;font-size:12px}.toolbar-separator{height:25px;border-left:1px solid #e9edf8;margin:0 4px}
.composer{position:relative;flex:none;bottom:auto;left:auto;transform:none;width:100%;max-width:none;min-width:0;padding:10px 28px 18px;border-radius:17px 17px 0 0;border:1px solid #edf0fc;background:#fff;box-shadow:0 -2px 15px #8089b00a;z-index:10}.composer-heading{display:flex;align-items:center;gap:10px;margin-bottom:7px}.input-tabs{display:flex;gap:7px;margin-right:auto}.input-tabs button{padding:9px 30px;border:0;background:#f7f8ff;border-radius:11px;color:#34426e;font-size:16px;font-weight:600;min-width:120px}.input-tabs .active{color:#6432ff;background:#ece8ff;position:relative}.input-tabs .active:after{content:"";position:absolute;width:24px;height:2px;bottom:3px;left:calc(50% - 12px);background:#6e3aff}.composer .mode-badge{background:#f3efff;color:#8c73c0;font-size:10px;padding:4px 8px;white-space:nowrap;margin:0}.composer-heading>.plain{font-size:11px}.prompt-box{border:1px solid #a785ff;border-radius:12px;padding:0 18px 8px;position:relative}.composer textarea{font-size:14px;line-height:1.7;width:100%;height:53px;display:block;border:0;border-bottom:1px solid #f1f2fc;resize:none;outline:none;padding:12px 92px 9px 0;background:transparent;color:#495881;margin:0}.composer textarea::placeholder{color:#a4b1df}#prompt-length{position:absolute;top:18px;right:26px;color:#a5b2df;font-size:12px}.references-row{display:flex;align-items:center;gap:13px;min-height:65px;padding:9px 0}.references-row>strong{font-size:14px;font-weight:500;color:#445780;white-space:nowrap}#upload-button{border:1px solid #c2a8ff;background:#fff;color:#7445ff;min-width:93px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 10px;font-size:11px;height:55px;line-height:1.2;border-radius:9px}#upload-button span{font-size:26px;line-height:1}.reference-chip{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:58px;height:55px;padding:0;border:none;margin:0;background:#eeedf8;overflow:hidden;font-size:0;border-radius:8px}.reference-chip img{height:55px;width:58px;object-fit:cover;border-radius:7px}.reference-chip button{position:absolute;right:2px;top:2px;background:#343c71cf;color:white;border-radius:50%;height:17px;width:17px;padding:0;font-size:13px;line-height:14px}.reference-chip .reference-label{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#ffffffcc;font-size:8px;color:#7c67a7}#reference-strip{display:flex;gap:7px;flex:none;flex-wrap:wrap}#reference-hint{font-size:12px;color:#94a4d6;display:flex;gap:7px;align-items:center;margin-left:13px;white-space:nowrap}#reference-hint .ui-icon{width:17px;height:17px}.composer-controls{display:flex;align-items:center;gap:9px;border:0;padding:6px 0 0;flex-wrap:wrap}.composer-controls label{display:flex;align-items:center;gap:8px;color:#42527f;font-size:12px;white-space:nowrap}.composer-controls select{font-size:12px;border:1px solid #e6eafa;border-radius:10px;background:#fff;color:#344573;padding:9px 8px;max-width:142px;min-height:36px;min-width:60px}.composer-controls .model-control select{min-width:145px;max-width:180px;font-size:14px}.control-divider{height:27px;border-left:1px solid #e6e9fa;margin:0 10px}.composer-controls .primary{display:flex;align-items:center;gap:8px;justify-content:center;min-width:155px;margin-left:auto;font-size:16px;font-weight:600;min-height:46px;background:var(--purple);border-color:var(--purple);padding:10px 16px;border-radius:13px}.composer-controls .primary .ui-icon{width:25px;height:25px}.composer-foot{padding-top:5px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#96a3ce;line-height:1.4}.composer-foot button{font-size:10px;color:#98a2c8}.reference-drop{outline:3px solid #af8cfa;outline-offset:-4px;background:#fbf9ff}
#queue-panel{width:var(--queue);flex:none;border-left:1px solid #e8edfa;background:#fcfdff;display:flex;flex-direction:column;height:100%;z-index:5;padding:0 9px}#queue-panel.hidden{display:none}.queue-tabs{height:58px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e9edf8;padding:0 18px;flex:none}.queue-tabs button{border:0;background:none;font-size:17px;color:#8a98c7;padding:14px 5px;white-space:nowrap}.queue-tabs button.active{color:#141c31;font-weight:600;position:relative}.queue-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#e4deff}.queue-tabs b{font-size:12px;background:#ebe7ff;color:#6940ff;padding:2px 6px;border-radius:9px;margin-left:3px}.queue-tabs .icon{margin-left:auto;font-size:20px;padding:0}.queue-filters{display:flex;gap:8px;padding:12px 16px 9px;flex:none}.queue-filters button{border:0;font-size:12px;background:#f6f7fd;padding:5px 9px;color:#7d8cb8;border-radius:9px;white-space:nowrap}.queue-filters .active{background:#6e36ff;color:#fff}.queue-filters b{font-weight:400;font-size:11px;padding-left:3px}#queue-list{flex:none;max-height:29vh;overflow:auto;padding:0 9px;min-height:70px}.queue-card{display:grid;grid-template-columns:66px 1fr;gap:0 12px;padding:10px;margin-bottom:9px;border:1px solid #e6ebf9;border-radius:12px;background:white;min-height:84px}.task-image{grid-row:1/5;width:66px;height:66px;border-radius:9px;object-fit:cover;background:#f1edff;color:#8c73c5;display:flex;justify-content:center;align-items:center}.task-image img{width:100%;height:100%;object-fit:cover;border-radius:9px}.task-top{font-size:13px;color:#202944;display:flex;align-items:center;gap:4px;justify-content:space-between;min-width:0}.task-top>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.status{font-size:10px;padding:4px 6px;border-radius:9px;white-space:nowrap;background:#f2f3fb;color:#8a96be}.status.running{background:#f0eaff;color:#8052ff}.status.succeeded{color:#29a68d;background:#def7ee}.status.failed,.status.unknown{color:#ae814d;background:#fff1e2}.task-prompt{font-size:11px;color:#8292c3;margin:3px 0;line-height:1.5;-webkit-line-clamp:1}.task-mode{font-size:10px;color:#9ca8cf;line-height:1.5}.progress{height:6px;border-radius:5px;background:#f0edfc;margin:4px 0}.progress span{background:#6c36ff;border-radius:5px}.task-actions{margin-top:3px;display:flex;justify-content:flex-end;gap:4px}.task-actions button{font-size:10px;padding:4px 8px;line-height:1.5}.task-error{grid-column:2;font-size:10px;color:#ba855d;line-height:1.5}.queue-card .task-top,.queue-card .task-prompt,.queue-card .task-mode,.queue-card .progress,.queue-card .task-actions{grid-column:2}.queue-note{font-size:10px;padding:8px 14px;border-top:1px solid #e8ecf9;color:#a2adcf;line-height:1.5;margin-top:auto;flex:none}#queue-summary{padding:3px 17px 10px;font-size:10px;color:#9aa6ce;flex:none}.details-heading{font-size:17px;font-weight:600;padding:9px 21px 8px;color:#182138}.details-tabs{display:flex;width:235px;background:#f3f4fe;border-radius:11px;margin:0 21px 14px;flex:none}.details-tabs button{width:50%;font-size:12px;padding:6px 10px;border:0;background:none;border-radius:10px;color:#8492bc}.details-tabs button.active{background:#fff;color:#7d47ff;border:1px solid #e7eafa}#asset-details{flex:1;min-height:0;max-height:none;overflow:auto;padding:8px 21px 18px;position:relative}.details-empty{font-size:13px;color:#98a5ce;text-align:center;padding:32px 6px;line-height:1.8}.details-empty small{font-size:11px}.detail-overview{display:flex;align-items:flex-start;gap:15px;margin-bottom:13px}.detail-preview{width:112px;height:115px;flex:none;overflow:hidden;background:#f1f3fa;border-radius:9px}.detail-preview img{width:100%;height:100%;object-fit:contain}.detail-overview h3{font-size:14px;margin:0 0 6px;line-height:1.5;color:#1c294a}.detail-source{font-size:10px;background:#f3efff;color:#9380ba;padding:3px 5px;border-radius:4px;display:inline-block}.detail-overview .task-actions{justify-content:flex-start;margin-top:9px}.detail-overview .task-actions button{font-size:11px}#asset-details dl{display:grid;grid-template-columns:90px 1fr;margin:0;gap:0;font-size:13px;line-height:1.6}#asset-details dt,#asset-details dd{padding:6px 0;border-bottom:1px solid #edf0fa}#asset-details dt{color:#8c9bca}#asset-details dd{margin:0;color:#52628f;text-align:right;overflow-wrap:anywhere}.detail-prompt{font-size:11px;color:#93a1cb;line-height:1.8;white-space:pre-wrap;margin-top:10px;overflow-wrap:anywhere}.detail-note{font-size:12px;color:#8392bd;background:#f4f2fd;padding:10px;margin-top:10px;border-radius:9px}.detail-edit{width:100%;margin-top:15px;padding:10px;background:#fff;color:#59698f;border:1px solid #e3e9f9;display:flex;justify-content:center;gap:10px;align-items:center;font-size:12px}
#library-drawer{position:absolute;top:78px;left:28px;width:300px;max-height:calc(100% - 100px);z-index:25;background:#fff;border:1px solid #e6eafa;border-radius:14px;box-shadow:0 8px 30px #52689616;display:flex;flex-direction:column;padding:15px}.drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:14px}.drawer-heading button{border:0;padding:0 4px;font-size:21px;background:none}.library-grid{gap:9px}.thumb img{height:100px}.thumb span{font-size:10px;padding:5px}#library{flex:1;overflow:auto}.library-empty{font-size:12px;border-color:#e2e7fa;color:#9ba8cc;padding:20px 8px}.archived-item{display:flex;align-items:center;gap:8px;font-size:12px;border:1px solid var(--line);padding:7px;border-radius:9px;margin-bottom:8px}.archived-item img{width:42px;height:42px;object-fit:cover;border-radius:6px}.archived-item span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.archived-item button{font-size:10px;padding:5px 7px}#drop-hint{position:absolute;inset:85px 30px 30px;z-index:40;background:#f4f0ffdc;border:2px dashed #9273ff;border-radius:18px;display:grid;place-content:center;text-align:center;font-size:20px;color:#7b55e4;pointer-events:none}#drop-hint small{font-size:12px;margin-top:8px}#welcome{position:absolute;top:24%;left:50%;width:90%;transform:translateX(-50%);text-align:center}#welcome .welcome-symbol{box-shadow:none;background:#f0ebff;color:#9b77f3;border-color:#e7dfff;border-radius:23px;width:72px;height:72px;font-size:42px;margin-bottom:15px}#welcome h1{font-size:23px;color:#63719b;font-weight:500}#welcome p{font-size:13px;color:#99a6cc}#welcome button{font-size:12px;color:#7e61bd}.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}#compare-dialog{width:min(1100px,95vw)}#compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}#compare-grid figure{margin:0;background:#f7f8fc;padding:12px;border-radius:12px}#compare-grid img{width:100%;height:280px;object-fit:contain}#compare-grid figcaption{font-size:12px;color:#7e8ebc;margin-top:7px}#asset-note{width:100%;height:150px;border:1px solid var(--line);border-radius:9px;padding:12px;font-size:13px}#toast{top:calc(var(--header) + 10px);font-size:12px;background:#403d61}.settings-content .setting-row{font-size:13px}.setting-row select{font-size:12px}#capabilities{background:#f5f4fd;color:#7d85b0;line-height:1.9}
@media(max-width:1750px){.filter-bar{padding:10px 20px;min-height:60px;gap:7px}.filter-bar button,.filter-bar select{height:36px;padding:7px 9px;font-size:12px}.view-actions{margin-left:5px;margin-right:0}.view-actions button{width:33px;height:36px}.filter-bar select{min-width:75px;max-width:105px}#zoom-slider{width:45px}.content-tabs{gap:3px}.multi-control{font-size:11px}#compare{padding:7px 9px}.canvas-more summary{width:36px;height:36px}.composer{padding:8px 20px 13px}.composer-controls{gap:7px}.composer-controls select{font-size:11px;max-width:128px}.composer-controls .model-control select{min-width:123px;font-size:12px}.composer-controls label{gap:5px;font-size:11px}.composer-controls .primary{min-width:132px;font-size:14px;min-height:40px}.control-divider{margin:0 3px}header{padding:0 23px;gap:18px}.header-actions button{font-size:13px;padding:10px 13px}.header-actions .primary{min-width:124px}.header-title p{font-size:12px}.header-title{min-width:180px}.brand{font-size:24px;gap:12px}.brand small{font-size:11px}.sidebar{padding:24px 15px 17px}.workspace-card{margin-bottom:23px;padding:9px}.workspace-card strong{font-size:13px}.workspace-card small{font-size:10px}.workspace-emblem{width:35px;height:35px}.side-tabs button{font-size:14px;padding:10px 13px;gap:12px}.new-canvas{font-size:14px}.project{font-size:13px}.sectionline{font-size:13px}.footer-settings{font-size:13px!important}.brandmark{height:45px;width:45px}#reference-hint{font-size:10px;margin-left:4px}.references-row{gap:9px}.input-tabs button{font-size:14px;min-width:100px;padding:7px 22px}.composer textarea{font-size:12px;height:48px}.queue-tabs{height:53px;padding:0 13px}.queue-tabs button{font-size:14px}.queue-filters{gap:5px;padding:11px 9px 8px}.queue-filters button{font-size:11px;padding:5px 7px}.queue-card{grid-template-columns:55px 1fr;gap:0 9px;padding:9px;min-height:75px}.task-image{width:55px;height:55px}.task-top{font-size:12px}.details-heading{font-size:15px;padding-left:15px}.details-tabs{margin-left:15px}#asset-details{padding:8px 15px 14px}.detail-preview{width:90px;height:93px}#asset-details dl{font-size:11px;grid-template-columns:80px 1fr}.detail-overview{gap:11px}.detail-overview h3{font-size:12px}.detail-overview .task-actions button{font-size:10px;padding:5px 7px}.drawing-tools{left:20px;padding:6px 8px;gap:4px}.drawing-tools button{width:35px;height:35px}}
@media(max-width:1350px){:root{--sidebar:180px;--queue:280px}.filter-bar{gap:5px;padding:9px 14px;flex-wrap:wrap}.content-tabs{margin-right:auto}.view-actions{margin-left:0}#filter-ratio{display:none}#sort-order{display:none}.filter-bar #compare{font-size:11px}header{padding:0 18px;gap:13px}.search-box{width:230px}.search-box kbd{display:none}.header-actions{gap:7px}.header-actions button{padding:9px;font-size:12px}.header-actions .primary{min-width:105px}.header-title{min-width:150px}.header-title strong{font-size:20px}.title-spark{font-size:23px;padding-left:5px}.header-title p{font-size:11px}.sidebar{padding:22px 12px 15px}.brand{font-size:22px;gap:10px}.brand small{font-size:10px}.brandmark{width:40px;height:40px}.brand{margin-bottom:25px}.workspace-card{gap:6px}.workspace-card strong{font-size:12px}.workspace-card small{font-size:9px}.workspace-emblem{width:29px;height:29px}.new-canvas{font-size:13px}.side-tabs button{font-size:13px;padding:10px;gap:9px}.side-tabs{margin-bottom:15px}.project{font-size:12px;padding:10px}.composer{padding:8px 15px 11px}.composer-controls{gap:6px}.composer-controls .control-divider{display:none}.composer-controls select{font-size:10px;min-height:31px;padding:7px 6px;max-width:108px;min-width:52px}.composer-controls .model-control select{min-width:105px;font-size:11px}.composer-controls .primary{min-width:116px;font-size:13px;min-height:36px}.composer-controls label{font-size:10px}.references-row{min-height:57px;padding:7px 0;gap:8px}.references-row strong{font-size:12px}#upload-button{min-width:74px;height:47px;font-size:10px}.reference-chip{width:48px;height:47px}.reference-chip img{width:48px;height:47px}#reference-hint{display:none}.input-tabs button{min-width:88px;padding:7px 20px;font-size:13px}#queue-panel{padding:0 6px}.queue-tabs{gap:5px;padding:0 10px}.queue-tabs button{font-size:13px}.queue-card{padding:8px}.queue-filters{padding-left:7px;padding-right:7px;gap:4px}.queue-filters button{font-size:10px;padding:5px}.details-tabs{width:205px}.detail-preview{width:75px;height:78px}.detail-overview{gap:9px}.queue-note{font-size:9px;padding:7px}.composer-heading>.plain{font-size:10px}.composer .mode-badge{font-size:9px}}
@media(max-width:1100px){.search-box{width:190px}.header-actions button{padding:8px}#header-new{display:none}.filter-bar #canvas-view,.filter-bar #open-library{display:none}#filter-model{max-width:83px;min-width:70px}.filter-bar{min-height:56px}.filter-bar #compare{font-size:10px;padding:6px}.multi-control{font-size:10px}.composer-controls{gap:5px}.composer-controls .primary{margin-left:auto}.composer-controls .model-control select{max-width:108px}.composer textarea{height:44px}.references-row{min-height:50px}.drawing-tools button{height:31px;width:31px}.drawing-tools{gap:2px}}
@media(max-width:900px){:root{--sidebar:160px;--queue:270px}header{padding:0 14px}.search-box{display:none}#queue-panel{position:absolute;right:0;top:0;box-shadow:-4px 0 20px #65769c12}.canvas-column{width:100%}.sidebar{padding:19px 9px 12px}.workspace-card small{display:none}.composer{padding:8px 13px}.header-actions #header-import{font-size:11px}.filter-bar #filter-model{display:none}.content-tabs button{font-size:11px}.drawing-tools{left:14px}.brand small{font-size:9px}.side-tabs button{font-size:12px;gap:8px}}

.workspace-card>span:nth-child(2){flex:1;min-width:0}.workspace-card strong{white-space:nowrap}.workspace-emblem{flex:none}.workspace-card .ui-icon{flex:none;width:15px}
header{padding-right:calc(var(--queue) + 4px)}.queue-collapsed header{padding-right:28px}