:root{--sidebar:187px;--header:78px;--font:13px}
.sidebar{padding:20px 12px 14px}.brand{font-size:22px;gap:9px;margin-bottom:21px}.brandmark{width:37px;height:37px;border-radius:11px}.brand small{font-size:10px}.workspace-card{padding:8px;gap:7px;margin-bottom:18px;min-height:54px}.workspace-card strong{font-size:12px}.workspace-card small{font-size:10px}.workspace-emblem{width:30px;height:30px}.new-canvas{font-size:13px;padding:8px;gap:7px}.side-tabs button{font-size:13px;gap:10px;padding:9px 10px}.side-tabs{margin-bottom:16px}.project{font-size:12px;padding:9px 10px;gap:8px}.sectionline{font-size:12px}.footer-settings{font-size:12px!important}.local-label{font-size:10px}.ui-icon{width:18px;height:18px}.sidebar i[data-icon]{width:19px;height:19px}
header{padding:0 22px;gap:18px}.header-title strong{font-size:23px}.header-title p{font-size:12px}.search-box{width:270px;padding:8px 11px}.header-actions button{padding:9px 12px;font-size:12px}.header-actions .primary{min-width:100px}.title-spark{font-size:23px}
.workspace>.composer{width:320px;min-width:320px;height:100%;margin:0;padding:18px 16px;background:#fff;border-left:1px solid var(--line);border-top:0;box-shadow:none;display:flex;flex-direction:column;overflow:auto;border-radius:0}.composer-heading{flex-wrap:wrap;gap:9px;padding:0;min-height:0}.input-tabs button{font-size:13px;padding:8px 9px}.mode-badge{font-size:10px;max-width:180px}.composer-heading .plain{font-size:11px;margin-left:auto}.prompt-box{margin-top:16px;padding:0;display:flex;flex-direction:column;flex:1;background:transparent;border:0;min-height:0}.prompt-box textarea{height:185px;min-height:150px;resize:vertical;background:#f8f9fd;border:1px solid #e5e8f3;border-radius:12px;padding:14px;font-size:13px;line-height:1.8;color:#334063}.prompt-box #prompt-length{position:static;align-self:flex-end;font-size:10px;padding:4px;color:#95a0bd}.references-row{display:flex;flex-wrap:wrap;padding:15px 0;gap:9px;border-top:0;align-items:center}.references-row strong{font-size:12px}.references-row #upload-button{font-size:11px;padding:6px 9px}.references-row #reference-hint{width:100%;font-size:10px;line-height:1.6;margin:0}.references-row #reference-strip{width:100%;display:flex;gap:5px;flex-wrap:wrap}.reference-chip{font-size:10px;padding:4px}.reference-chip img{width:35px;height:35px}.composer-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;border-top:1px solid #edf0f8;padding:18px 0;margin-top:0}.composer-controls label{display:flex;flex-direction:column;gap:6px;font-size:11px;min-width:0}.composer-controls select{width:100%;max-width:100%;font-size:12px;padding:8px 10px;background:#f8f9fc;border:1px solid #e7eaf4;border-radius:8px;min-height:36px}.composer-controls .model-control{grid-column:1/-1}.control-divider{display:none}.composer-controls .count-control{grid-column:1;align-self:end}.composer-controls #generate{width:100%;padding:10px 12px;justify-content:center;min-width:0;align-self:end;height:37px;border-radius:8px;font-size:13px}.composer-foot{margin-top:auto;padding-top:12px;border-top:1px solid #edf0f8;flex-wrap:wrap;font-size:10px;gap:8px}.composer-foot #size-note{max-width:215px;font-size:10px;line-height:1.6}.composer-foot button{font-size:10px}.composer-controls label:has(#transparency){display:none}
.canvas-column{height:100%;min-width:0}.canvas-column #canvas{height:100%;flex:1}.view-dropdown{position:absolute;right:15px;top:13px;z-index:30}.view-dropdown>summary{list-style:none;background:white;border:1px solid var(--line);border-radius:9px;padding:8px 13px;cursor:pointer;font-size:11px;color:#59658a;box-shadow:0 2px 8px #22294408}.view-dropdown[open]>.filter-bar{position:absolute;right:0;top:40px;width:370px;display:flex;flex-wrap:wrap;padding:14px;gap:7px;min-height:0;border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 30px #26274314}.filter-bar button,.filter-bar select{height:32px;padding:5px 9px;font-size:11px}.filter-bar .content-tabs{width:100%}.filter-bar .view-actions{width:100%}.filter-bar .multi-control{font-size:11px}.drawing-tools{display:none!important}#welcome h1{font-size:24px}#welcome p{font-size:13px}#welcome button{font-size:12px}
#queue-panel{position:absolute;z-index:60;top:0;right:320px;height:100%;width:360px;max-width:calc(100% - 320px);background:white;box-shadow:-9px 0 30px #32355612;border-left:1px solid var(--line)}#queue-panel.hidden{display:none!important}#queue-panel .queue-tabs button{font-size:12px}#queue-panel .task-prompt{font-size:11px}#queue-panel .queue-filters button{font-size:10px}.queue-collapsed #canvas{width:auto}#selection-toolbar{gap:2px;padding:6px;flex-wrap:wrap;max-width:780px;font-size:11px}#selection-toolbar button{font-size:11px;padding:7px 8px;gap:4px}#selection-toolbar .local-tool{background:#f0ebff;color:#6237d1;border-color:#e6ddff}#selection-toolbar .local-tool:hover{background:#e5dcff}#selection-toolbar .ui-icon{width:16px;height:16px}#selection-toolbar summary{font-size:11px}.composer-controls .model-control select{width:100%;max-width:100%}.references-row #upload-button{display:flex;flex-direction:row;height:34px;gap:6px;align-items:center}.references-row #upload-button span{font-size:18px}
.node.selected{z-index:8}#local-edit-dialog{width:min(980px,92vw);padding:20px;border:1px solid #e3e6f3;border-radius:18px;max-height:94vh}#local-edit-dialog::backdrop{background:#18203866}.local-edit-head{display:flex;align-items:center;justify-content:space-between}.local-edit-head h2{font-size:20px;margin:0}#local-edit-help{font-size:12px;color:#667397;line-height:1.7}.local-edit-preview{height:55vh;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#e7e7ee 0% 25%,#fff 0% 50%) 50% /20px 20px;border-radius:10px;overflow:auto;margin:15px 0}.local-edit-preview canvas{max-width:100%;max-height:100%;object-fit:contain;touch-action:none}.local-edit-actions{display:flex;justify-content:flex-end;gap:8px}#local-edit-controls{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:12px}#local-edit-controls label{display:flex;gap:6px;align-items:center}#local-edit-controls input,#local-edit-controls select{font-size:12px;max-width:200px;padding:6px;border-radius:7px}#local-edit-controls [type=range]{width:140px}
@media(max-width:1100px){:root{--sidebar:160px}.workspace>.composer{width:285px;min-width:285px}#queue-panel{right:285px;max-width:calc(100% - 285px)}.search-box{width:200px}.header-title{min-width:140px}.header-title p{display:none}.header-actions #header-new{display:none}}@media(max-width:800px){.sidebar{display:none}main{margin-left:0}.workspace>.composer{width:260px;min-width:260px}#queue-panel{right:260px}.search-box{display:none}}

.queue-card .task-diagnostic{grid-column:2;display:block;overflow-wrap:anywhere;font-size:10px;line-height:1.5;color:#7882a1}.queue-card .task-actions{grid-column:2;flex-wrap:wrap}.queue-card .task-error{overflow-wrap:anywhere}

#mode-badge:empty{display:none}.composer-controls select{cursor:pointer}.workspace>.composer{position:relative;z-index:35}.composer-controls{flex-shrink:0}.prompt-box{min-height:170px}.composer-foot{min-height:32px}#demo,#welcome>small{display:none}

#canvas.panning,#canvas.panning *{cursor:grabbing!important;user-select:none!important}