.palette-grid{max-width:1000px;margin:1.5rem auto;padding:clamp(16px,4vw,32px);border:1px solid #d7dce3;border-radius:16px;background:#f8fafc;color:#172033;box-sizing:border-box}
.palette-grid *, .palette-grid *::before,.palette-grid *::after{box-sizing:border-box}
.palette-grid__trust{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;font-size:.875rem}
.palette-grid__trust span{padding:6px 10px;background:#e2eee8;border-radius:20px}
.palette-grid__file{display:block;padding:16px;border:2px dashed #718096;border-radius:8px}
.palette-grid input[type=file]{display:block;width:100%;padding:8px 0;min-height:44px;font-size:16px}
.palette-grid__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.palette-grid__controls label{display:flex;flex-direction:column;gap:6px;min-width:0}
.palette-grid__controls p{grid-column:1/-1;margin:0}
.palette-grid select,.palette-grid input[type=number]{min-height:46px;width:100%;min-width:0;border:1px solid #718096;border-radius:6px;padding:8px;background:#fff;color:#172033;font-size:16px}
.palette-grid .palette-grid__check{flex-direction:row;align-items:center;min-height:48px}
.palette-grid__check input{width:44px;height:44px;margin:0;flex-shrink:0}
.palette-grid button{min-height:48px;padding:10px 18px;border:0;border-radius:8px;background:#243d68;color:white;font-size:16px;cursor:pointer;margin:12px 0}
.palette-grid button:disabled{opacity:.55;cursor:default}
.palette-grid canvas{display:block;width:min(100%,580px);height:auto;image-rendering:pixelated;border:1px solid #718096;background:white}
.palette-grid__table{max-width:100%}.palette-grid table{width:100%;border-collapse:collapse;font-size:.9rem;table-layout:fixed}
.palette-grid th,.palette-grid td{text-align:left;padding:8px 4px;border-bottom:1px solid #d7dce3;overflow-wrap:anywhere}
.palette-grid th:first-child{width:16%}.palette-grid th:last-child{width:22%}.palette-grid__swatch{display:inline-block;width:18px;height:18px;border:1px solid #718096;vertical-align:middle;margin-right:6px}
.palette-grid a{overflow-wrap:anywhere}
@media(max-width:450px){.palette-grid{margin:16px 0}.palette-grid__controls{gap:12px}}
.tool-pixel-art-converter .tool-editorial table,.tool-bead-pattern-maker .tool-editorial table{width:100%;table-layout:fixed;border-collapse:collapse}
.tool-pixel-art-converter .tool-editorial th,.tool-pixel-art-converter .tool-editorial td,.tool-bead-pattern-maker .tool-editorial th,.tool-bead-pattern-maker .tool-editorial td{padding:8px 4px;overflow-wrap:anywhere;border-bottom:1px solid #d7dce3;text-align:left}