#palette-tool{--button-height:32px;display:grid;gap:16px}#palette-tool [hidden]{display:none!important}#palette-tool .tool-panel{min-width:0;padding:16px;background:#141414;border:1px solid #383838;border-radius:0}#palette-tool h2{margin:0;font-size:18px}.palette-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.palette-toolbar p{margin:0;flex:1;color:#bbb;font:12px/1.4 Arial,sans-serif}.palette-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:224px}.palette-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.palette-settings,.palette-gradient-options{display:flex;flex-direction:column;gap:16px}.palette-presets,.palette-slot-actions,.palette-suggestions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}:root body #palette-tool button{min-width:0;font-size:12px!important;padding:0 8px!important}:root body #palette-tool button[aria-pressed=true]{background:#a50000!important;color:#fff!important}#palette-tool :is(input,select){box-sizing:border-box;width:100%;min-width:0;height:32px;min-height:32px;padding:0 8px;background:#101010;border:1px solid #444;color:#fff;border-radius:0;font:14px Arial,sans-serif}#palette-tool label{display:grid;gap:8px;min-width:0;font:13px/1.4 Arial,sans-serif;color:#ccc}.palette-endpoints,.palette-catalogue-filters,.palette-preview-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.palette-generate-row{display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:end;gap:8px}.palette-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}:root body #palette-tool .palette-slots button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:6px 2px!important;height:80px!important;min-height:80px!important;max-height:80px!important;font:11px Arial,sans-serif!important}.palette-texture{--texture-size:48px;display:block;flex:none;width:var(--texture-size);height:var(--texture-size);background-image:url(/palette-tools/atlas.png);background-size:calc(var(--texture-size)*16) calc(var(--texture-size)*var(--atlas-height));background-position:calc(var(--tile-x)*var(--texture-size)*-1) calc(var(--tile-y)*var(--texture-size)*-1);image-rendering:pixelated}.palette-selected-name{margin:0;min-height:18px;color:#eee;font:14px Arial,sans-serif}.palette-catalogue-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.palette-catalogue-heading>span{color:#aaa;font:12px Arial,sans-serif}.palette-block-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:5px;max-height:320px;min-height:160px;overflow:auto;overscroll-behavior:contain;padding:2px}:root body #palette-tool .palette-block-list button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-width:0;height:96px!important;min-height:96px!important;max-height:96px!important;padding:8px 3px!important;font:11px/1.3 Arial,sans-serif!important;white-space:normal;overflow:hidden}.palette-block-list button>span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.palette-preview{min-width:0}.palette-stage{min-height:448px}.palette-stage canvas{object-fit:contain;image-rendering:pixelated;cursor:default}.palette-preview-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 32px;gap:5px}.palette-counts{font:12px/1.5 Arial,sans-serif;color:#aaa}.palette-counts summary{cursor:pointer;color:#ccc}.palette-counts p{margin:8px 0 0}@media(max-width:1000px){.palette-block-list{grid-template-columns:repeat(4,minmax(0,1fr))}.palette-catalogue-filters{grid-template-columns:minmax(0,1fr);gap:8px}}@media(max-width:760px){.palette-workspace{grid-template-columns:minmax(0,1fr)}.palette-stage{height:320px;min-height:0;flex:none}.palette-block-list{grid-template-columns:repeat(5,minmax(0,1fr));max-height:224px}.palette-block-list .palette-texture{--texture-size:32px}.palette-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}:root body #palette-tool .palette-presets button{padding:0 4px!important;font-size:10px!important}.palette-endpoints,.palette-preview-options{gap:8px}.palette-slots{grid-template-columns:repeat(6,minmax(0,1fr))}.palette-slots .palette-texture{--texture-size:32px}:root body #palette-tool .palette-slots button{height:64px!important;min-height:64px!important;max-height:64px!important}.palette-stage canvas{max-width:100%}}@media(max-width:760px){.palette-toolbar p{flex-basis:100%}.palette-modes{flex:1}:root body #palette-tool .palette-preview-controls button{padding:0 4px!important;font-size:11px!important;white-space:nowrap}}