.pixel-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:32px}.pixel-settings,.pixel-output{min-width:0}.pixel-settings>button,.pixel-settings>label{margin-top:12px}.pixel-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pixel-page label{font-size:13px;display:block}.pixel-page input:not([type=checkbox]),.pixel-page select{width:100%;min-height:44px;margin-top:6px}.pixel-page input[type=color]{padding:3px}.pixel-page button{min-height:44px}.pixel-page .check-label{display:flex;align-items:center;gap:8px;margin:12px 0}.pixel-drop{position:relative;display:flex!important;min-height:145px;flex-direction:column;justify-content:center;align-items:center;background:#f3f7ef;border:2px dashed #8da28b;border-radius:14px;padding:20px;text-align:center;cursor:pointer}.pixel-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.pixel-drop.drag{outline:3px solid #36674c}.pixel-drop small{font-size:11px;color:var(--muted);margin-top:8px}.pixel-original{margin:16px 0}.pixel-original img{max-height:160px;max-width:100%;object-fit:contain}.pixel-original figcaption{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.pixel-preview-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.pixel-preview-controls label{flex:1;min-width:100px}.pixel-stage{position:relative;overflow:auto;max-width:100%;max-height:620px;min-height:280px;padding:18px;border-radius:16px;background:repeating-conic-gradient(#e5e9df 0 25%,#f4f6f0 0 50%) 0/20px 20px;border:1px solid #dbe3d6;margin-top:15px}.pixel-stage canvas{display:block;image-rendering:pixelated;cursor:crosshair;max-width:none}.pixel-stage p{position:absolute;inset:40px 24px;max-width:320px;font-size:15px}.pixel-downloads{display:flex;flex-wrap:wrap;gap:10px}.pixel-downloads label{width:100%}.pixel-page progress{width:100%;accent-color:#36674c;height:12px}.pixel-page [hidden]{display:none!important}.pixel-blocks{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:260px;overflow:auto;margin-top:12px}.pixel-blocks label{display:flex;gap:7px;align-items:center;min-height:38px;font-size:11px}.pixel-blocks i,.pixel-swatch{display:inline-block;width:16px;height:16px;border:1px solid #758270;border-radius:3px;flex-shrink:0;vertical-align:middle;margin-right:5px}.pixel-palette-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pixel-page table td,.pixel-page table th{white-space:nowrap}.pixel-page .table-wrap{overflow:auto;max-width:100%}.pixel-page #pixel-materials,.pixel-page #pixel-building{border-top:1px solid #dce3d7;padding-top:28px;margin-top:32px}.pixel-row-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.pixel-row-controls label{max-width:100px}.pixel-row-strip{display:flex;overflow:auto;padding:10px 0;max-width:100%}.pixel-row-strip span{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border:1px solid #63715e;font-size:11px;color:#fff;text-shadow:0 1px 2px #000;background:#f4f6f0}.pixel-output>p{overflow-wrap:anywhere}.pixel-page #pixel-status.error{color:#9d3024}.pixel-page .tool-app>h2{margin-top:0}.pixel-settings h2{font-size:19px;margin-top:26px}.pixel-page .reference-section details{padding:12px 0}.pixel-page .reference-section summary{cursor:pointer}.pixel-page #pixel-material-total,.pixel-page #pixel-build-progress{font-weight:600}
@media(max-width:800px){.pixel-layout{grid-template-columns:1fr}.pixel-stage{max-height:480px}.pixel-settings{display:contents}.pixel-output{grid-row:4}.pixel-output{min-width:0}.pixel-fields{grid-template-columns:1fr 1fr}.pixel-page .tool-app{padding:20px}.pixel-row-controls button{flex:1;min-width:110px}}

.pixel-page button:not(.button){border:1px solid #b5c2ae;border-radius:8px;padding:8px 12px;background:#f6f8f2;color:#244f40;cursor:pointer}.pixel-page button:disabled{opacity:.5;cursor:default}
.pixel-page .pixel-stage{display:block}.pixel-page .pixel-stage canvas{max-height:none;max-width:none;object-fit:fill;flex:none}