.cn-gallery{margin-bottom:20px}.cn-gallery summary{cursor:pointer;font-weight:600;color:#7354ab}.cn-gallery>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px;margin-top:20px;max-height:440px;overflow:auto;padding:4px}.cn-thumb{display:flex;flex-direction:column;padding:12px;gap:8px}.cn-thumb canvas{width:100px;height:100px;image-rendering:pixelated}.cn-thumb b{font-size:12px}.cn-thumb small{font-size:10px;color:var(--muted)}.cn-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:20px}.cn-tools{align-self:start}.cn-tools hr{border:0;border-top:1px solid var(--line);margin:18px 0}#cn-palette{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cn-color{flex-direction:column;padding:8px 5px;gap:5px}.cn-color span{display:grid;place-items:center;width:100%;height:42px;border-radius:7px;font-size:21px;border:1px solid #0001}.cn-color small{font-size:10px}.cn-board{max-height:68vh;overflow:auto;display:grid;justify-items:start;padding:12px;background:#eeeaf3;border-radius:12px;overscroll-behavior:contain}.cn-board canvas{display:block;touch-action:none;cursor:crosshair;box-shadow:0 2px 12px #30203d12}.cn-board canvas:focus-visible{outline:3px solid #9a76d6;outline-offset:3px}.cn-progress-row{display:flex;justify-content:space-between;gap:8px;padding:18px 0 12px;font-size:13px}.cn-progress-row span{color:#9e5962}.cn-work{min-width:0}@media(max-width:900px){.cn-layout{grid-template-columns:1fr}.cn-tools{padding:15px}#cn-palette{display:flex;flex-wrap:wrap}.cn-color{width:72px}.cn-tools>p,.cn-tools hr{display:none}.cn-tools .toolbar{margin:10px 0}.cn-board{max-height:65vh}}body.cn-standalone{background:#f6f5f1}.cn-standalone main{max-width:1280px;margin:auto;padding:32px 24px}.cn-standalone header{padding:18px 24px;border-bottom:1px solid #e7e3ed;background:white;color:#6b50c9;font-weight:bold}.cn-standalone footer{justify-content:center}

.cn-thumb[hidden]{display:none!important}

.cn-custom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0;font-size:13px}.cn-custom input[type=color]{width:52px;height:38px;padding:3px;cursor:pointer;flex-shrink:0}