/* Compact canvas controls: project actions, shared status row, view tools. */
.canvas-panel>.toolbar{height:36px;min-height:36px;padding:2px 9px;gap:5px;flex-shrink:0}
.toolbar .tools,.toolbar .zoom-tools{gap:2px}.toolbar button{padding:calc(3px * var(--ui-density, 1)) calc(6px * var(--ui-density, 1));font-size:calc(13px * var(--ui-density, 1));min-height:calc(28px * var(--ui-density, 1))}.toolbar .zoom-tools button{padding:calc(3px * var(--ui-density, 1)) calc(5px * var(--ui-density, 1));font-size:calc(11px * var(--ui-density, 1))}.toolbar .divider{height:17px;margin:0 3px}
.project-header{display:grid;grid-template-columns:minmax(0,1fr) auto;background:#182725;flex-shrink:0;border-bottom:1px solid #344940}.project-header[hidden]{display:none}
.project-header #projectBar{grid-column:1/-1;min-height:34px;padding:3px 9px;gap:5px;flex-wrap:nowrap;border-bottom:1px solid #2b4039}
#projectBar label{min-width:70px;flex:1 1 100px;gap:5px;font-size:calc(10px * var(--ui-density, 1));flex-basis:auto}#projectBar input{padding:calc(3px * var(--ui-density, 1)) calc(6px * var(--ui-density, 1));height:calc(26px * var(--ui-density, 1));font-size:calc(11px * var(--ui-density, 1))}#projectBar button{padding:calc(3px * var(--ui-density, 1)) calc(7px * var(--ui-density, 1));min-height:calc(26px * var(--ui-density, 1));font-size:calc(11px * var(--ui-density, 1))}#projectSaveState{font-size:calc(9px * var(--ui-density, 1))}#batchRepairState{position:static;flex:0 1 auto;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a8cdbf;font-size:calc(9px * var(--ui-density, 1))}
.project-header #qualityBar,.project-header #selectionBar{min-height:24px;gap:4px;padding:2px 9px;border:0;background:transparent;flex-wrap:nowrap;min-width:0;line-height:calc(18px * var(--ui-density, 1));font-size:calc(10px * var(--ui-density, 1))}
#qualitySummary,#selectedCount{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#selectionBar{justify-content:flex-end}
.canvas-panel>.preview-controls{padding:4px 8px;gap:5px;min-height:36px;flex-shrink:0;position:relative;flex-wrap:wrap;align-items:center}
.preview-controls button{padding:calc(4px * var(--ui-density, 1)) calc(7px * var(--ui-density, 1));min-height:calc(26px * var(--ui-density, 1));font-size:calc(11px * var(--ui-density, 1))}.preview-modes,.preview-views{gap:2px}.preview-controls #elementChatBtn{margin-left:auto}.preview-controls #interactionPreviewBtn{font-size:calc(10px * var(--ui-density, 1));padding:calc(4px * var(--ui-density, 1)) calc(6px * var(--ui-density, 1))}
.preview-more{position:static;font-size:calc(10px * var(--ui-density, 1))}.preview-more>summary{list-style:none;border:1px solid #49645a;border-radius:calc(5px * var(--ui-density, 1));padding:calc(4px * var(--ui-density, 1)) calc(8px * var(--ui-density, 1));min-height:calc(26px * var(--ui-density, 1));cursor:pointer;white-space:nowrap;color:#bddfd1;background:#243a32}.preview-more>summary::-webkit-details-marker{display:none}.preview-more>summary:after{content:' ▾';color:#8fbbab}.preview-more[open]>summary{border-color:#76d6c1;color:#b1f4db}
.preview-extra{position:absolute;right:8px;top:calc(100% + 4px);width:360px;max-width:calc(100vw - 32px);padding:12px;background:#1d2e28;border:1px solid #527565;border-radius:8px;box-shadow:0 8px 30px #0007;z-index:35;display:grid;gap:12px;color:#b1cdbf}
.preview-extra .compare-tools{display:flex;gap:8px;width:100%;flex-wrap:wrap}.preview-extra .compare-tools label{font-size:calc(10px * var(--ui-density, 1))}.preview-extra .compare-tools select{height:calc(26px * var(--ui-density, 1));padding:calc(3px * var(--ui-density, 1)) calc(5px * var(--ui-density, 1));font-size:calc(10px * var(--ui-density, 1))}.preview-extra .compare-tools button{margin-left:0}.compact-repair-actions,.compact-extra-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.compact-repair-actions label{display:flex;align-items:center;gap:4px;font-size:calc(10px * var(--ui-density, 1));white-space:nowrap}.compact-repair-actions input{width:auto;margin:0}.preview-extra #exitPreview{margin-left:0}.preview-extra #previewStatus{font-size:calc(10px * var(--ui-density, 1));line-height:1.65;margin:0;padding-top:8px;border-top:1px solid #365247;color:#9cbca9}
.canvas-panel>.canvas-info{padding:4px 10px;min-height:25px;font-size:calc(10px * var(--ui-density, 1));gap:8px;flex-shrink:0}.canvas-info #imageName{max-width:45%}.canvas-panel>.viewport{padding-top:18px;padding-bottom:18px}
body.large-preview #projectHeader{display:none}body.large-preview .preview-controls{min-height:36px;padding:4px 8px}body.large-preview .preview-extra .compare-tools{width:100%}
@media(max-width:1050px){.project-header #projectBar label{flex-basis:auto}.project-header #projectBar{gap:4px}.project-header #projectBar button{padding:calc(3px * var(--ui-density, 1)) calc(5px * var(--ui-density, 1))}.preview-controls{gap:4px}.preview-controls button{padding:calc(4px * var(--ui-density, 1)) calc(5px * var(--ui-density, 1))}}
@media(max-width:850px){.project-header{grid-template-columns:minmax(0,1fr)}.project-header #selectionBar{display:none}.project-header #projectBar{flex-wrap:wrap}.project-header #projectBar label{flex-basis:100%}.preview-controls #elementChatBtn{margin-left:0}}



.ai-model-dialog{width:min(460px,90vw);padding:24px}.ai-model-dialog h2{margin-top:0}.ai-model-dialog select{width:100%;padding:calc(9px * var(--ui-density, 1))}.ai-model-dialog #aiModelError{color:#f3aa98;font-size:calc(12px * var(--ui-density, 1));white-space:normal;line-height:1.7}
.atlas-dialog{width:min(1100px,94vw);max-height:90vh;overflow:auto;padding:24px}.atlas-dialog textarea,.atlas-dialog select{width:100%}.atlas-review{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:16px 0}.atlas-item{padding:12px;border:1px solid #425553;border-radius:8px}.atlas-item>label{display:flex;align-items:center;gap:8px}.atlas-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.atlas-pair figure{margin:0;min-width:0}.atlas-pair figcaption{padding:8px 0;color:#bbc8c3}.atlas-pair img{display:block;width:100%;height:180px;object-fit:contain;background-color:#273532;background-image:conic-gradient(#384540 25%,transparent 0 50%,#384540 0 75%,transparent 0);background-size:20px 20px}.atlas-boards .atlas-pair img{height:300px}.atlas-warning{color:#f4bc77;font-size:calc(12px * var(--ui-density, 1))}.atlas-dialog #atlasStatus{white-space:pre-wrap}.atlas-dialog .dialog-actions{flex-wrap:wrap}.atlas-dialog #atlasCount{margin-right:auto}

.atlas-large-viewport{max-height:48vh;min-height:150px;overflow:auto;background:repeating-conic-gradient(#35464d 0% 25%,#24343b 0% 50%) 50%/16px 16px;border:1px solid #4d6d60;margin:12px 0}.atlas-large-viewport img{display:block;width:100%;height:auto;object-fit:contain}.atlas-large-viewport.actual-size img{width:auto;max-width:none}.atlas-preview-actions{display:flex;gap:8px;flex-wrap:wrap}.resource-atlas-tree summary{display:flex;align-items:center;gap:calc(6px * var(--ui-density, 1));list-style:none}.resource-atlas-tree summary::-webkit-details-marker{display:none}.resource-atlas-tree summary span{flex:1}.resource-atlas-tree .atlas-tree-toggle{width:28px;min-width:28px;padding:4px;margin:0}.resource-atlas-cover{cursor:zoom-in}#atlasEditDialog .dialog-top{display:block}#resourceAtlasPackages[hidden]{display:none}

.atlas-large-viewport{max-height:36vh}.atlas-large-viewport img{max-height:36vh}.atlas-large-viewport.actual-size img{max-height:none}.atlas-close-top{float:right;font-size:calc(22px * var(--ui-density, 1));padding:2px 10px;position:sticky;top:0;z-index:2}

#atlasEditDialog{width:min(1120px,94vw);max-width:1120px}.atlas-workbench{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.atlas-preview-pane,.atlas-settings-pane{min-width:0}.atlas-settings-pane .tip{margin-top:0}.atlas-preview-pane .atlas-large-viewport{max-height:55vh}.atlas-preview-pane .atlas-large-viewport img{max-height:55vh}.atlas-preview-pane .atlas-large-viewport.actual-size img{max-height:none}.atlas-settings-pane textarea{min-height:calc(160px * var(--ui-density, 1))}.atlas-settings-pane .dialog-actions{margin-top:16px}@media(max-width:800px){.atlas-workbench{grid-template-columns:1fr}.atlas-preview-pane .atlas-large-viewport,.atlas-preview-pane .atlas-large-viewport img{max-height:36vh}.atlas-settings-pane textarea{min-height:calc(80px * var(--ui-density, 1))}}

.layer-arrange-menu{position:relative;flex:none;font-size:calc(11px * var(--ui-density, 1))}.layer-arrange-menu summary{cursor:pointer;white-space:nowrap;padding:calc(5px * var(--ui-density, 1)) calc(7px * var(--ui-density, 1));border:1px solid #49645a;border-radius:calc(5px * var(--ui-density, 1));background:#243a32;color:#bddfd1;list-style:none}.layer-arrange-menu summary::after{content:' ▾'}.layer-arrange-menu>div{position:absolute;z-index:45;top:calc(100% + 5px);right:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(5px * var(--ui-density, 1));width:calc(310px * var(--ui-density, 1));max-width:calc(100vw - calc(24px * var(--ui-density, 1)));padding:calc(10px * var(--ui-density, 1));border:1px solid #527565;border-radius:calc(7px * var(--ui-density, 1));background:#1d2e28;box-shadow:0 8px 25px #0007}.layer-arrange-menu p{grid-column:1/-1;margin:0 0 4px;font-size:calc(10px * var(--ui-density, 1));color:#a6b9b1;white-space:normal}.layer-arrange-menu button{white-space:nowrap}.layer-arrange-menu [data-arrange^="distribute"]{grid-column:span 1}.layer-arrange-menu summary::-webkit-details-marker{display:none}