header{justify-content:center}header>strong{margin-right:auto}header nav{margin:0 auto}.workflow{margin-bottom:18px}.workflow-head{max-width:1840px;margin:0 auto 8px;display:flex;justify-content:space-between;align-items:center}.remove-workflow{padding:3px 9px;color:#9a4b4b}.generate-workspace{grid-template-columns:minmax(350px,1.1fr) minmax(300px,.85fr) minmax(270px,.72fr);max-width:1840px;margin:auto}.generate-workspace>.panel{height:570px;overflow:auto}.generate-workspace .form-panel{height:570px}.generate-workspace .candidate-panel,.generate-workspace .processed-panel{min-height:570px}.generate-workspace .candidate-panel .candidates{grid-template-columns:1fr}.workflow-status{min-height:18px}.add-workflow{display:block;width:min(1840px,100%);margin:14px auto 0;border-style:dashed;color:#42775a;font-size:15px}.centered-panel{max-width:1840px;margin:auto}.processed-panel .preview{width:min(100%,300px);height:auto;aspect-ratio:1;image-rendering:pixelated;background:repeating-conic-gradient(#e4ebe2 0 25%,#f9fbf8 0 50%) 50%/16px 16px}.preset span,.form-panel .notice,.processed-panel pre,.processed-panel>p{display:none}.asset-library article{cursor:pointer}.asset-library article:hover{outline:2px solid #42775a}.composer-panel{min-height:760px}.atlas-wrap{min-height:650px}#pixel-editor{width:min(980px,94vw);border:1px solid #bcd1bb;border-radius:16px;background:#fffdf5;color:#24333a;padding:18px}.editor-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7e3d4;margin-bottom:14px}.editor-head h2{margin:0}.editor-layout{display:grid;grid-template-columns:minmax(420px,1fr) 270px;gap:18px}#pixel-canvas{display:block;width:min(100%,640px);height:auto;aspect-ratio:1;image-rendering:pixelated;border:1px solid #739a77;background:repeating-conic-gradient(#e4ebe2 0 25%,#f9fbf8 0 50%) 50%/32px 32px;cursor:crosshair}.editor-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.editor-tools button.active{background:#42775a;color:#fff}#palette-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;max-height:500px;overflow:auto}.swatch{width:28px;height:28px;min-height:28px;padding:0;border-radius:4px}.swatch.active{outline:3px solid #24333a;outline-offset:1px}@media(max-width:1100px){.generate-workspace{grid-template-columns:1fr 1fr}.generate-workspace .processed-panel{grid-column:1/-1;height:auto}}@media(max-width:720px){.generate-workspace{grid-template-columns:1fr}.generate-workspace .processed-panel{grid-column:auto}.editor-layout{grid-template-columns:1fr}header>strong{margin:0}}