.color-online-intro[data-astro-cid-2qhoybal]{max-width:760px}.color-online-intro[data-astro-cid-2qhoybal] .mascot-helper{margin-top:16px}h1[data-astro-cid-2qhoybal]{font-family:var(--cnk-font-display);letter-spacing:-.05em;margin:14px 0;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1}p[data-astro-cid-2qhoybal]{color:var(--cnk-color-muted);line-height:1.7}.compact-top[data-astro-cid-2qhoybal]{padding-top:18px}.color-online-tool[data-astro-cid-2qhoybal]{grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr);align-items:start;gap:24px;display:grid}.tool-panel[data-astro-cid-2qhoybal]{border:1px solid var(--cnk-color-line);border-radius:var(--cnk-radius-lg);box-shadow:var(--cnk-shadow-card);background:#fff;gap:10px;min-width:0;padding:20px;display:grid}.tool-panel[data-astro-cid-2qhoybal]>[data-astro-cid-2qhoybal]{min-width:0}.change-page-btn[data-astro-cid-2qhoybal]{background:var(--cnk-color-surface-2);border:2px solid var(--cnk-color-line);border-radius:var(--cnk-radius-md);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.change-page-btn[data-astro-cid-2qhoybal]:hover{border-color:var(--cnk-color-magic)}.change-page-btn[data-astro-cid-2qhoybal] img[data-astro-cid-2qhoybal]{object-fit:contain;background:#fff;border-radius:8px;flex:none;width:52px;height:52px}.change-page-text[data-astro-cid-2qhoybal]{flex-direction:column;gap:2px;min-width:0;display:flex}.change-page-text[data-astro-cid-2qhoybal] strong[data-astro-cid-2qhoybal]{color:var(--cnk-color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;overflow:hidden}.change-page-text[data-astro-cid-2qhoybal] small[data-astro-cid-2qhoybal]{color:var(--cnk-color-muted);font-weight:700}.picker-label[data-astro-cid-2qhoybal]{color:var(--cnk-color-ink);margin-top:6px;font-weight:900}select[data-astro-cid-2qhoybal]{background:var(--cnk-color-surface-2);border:1px solid var(--cnk-color-line);color:var(--cnk-color-ink);border-radius:12px;width:100%;min-width:0;padding:10px 12px;font-weight:700}.palette[data-astro-cid-2qhoybal]{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.swatch[data-astro-cid-2qhoybal]{background:var(--cnk-color-surface-2);border:2px solid var(--cnk-color-line);cursor:pointer;border-radius:50%;width:42px;height:42px;padding:0}.swatch[data-astro-cid-2qhoybal].selected{border-color:var(--cnk-color-ink);box-shadow:0 0 0 3px var(--cnk-color-sky-soft)}.more-colors-btn[data-astro-cid-2qhoybal]{background:var(--cnk-color-surface-2);border:2px solid var(--cnk-color-line);border-radius:var(--cnk-radius-md);color:var(--cnk-color-ink);cursor:pointer;align-items:center;gap:10px;width:100%;min-height:44px;margin-top:4px;padding:8px 12px;font-weight:800;display:flex}.more-colors-btn[data-astro-cid-2qhoybal]:hover{border-color:var(--cnk-color-magic)}.more-colors-preview[data-astro-cid-2qhoybal]{border:2px solid var(--cnk-color-line);background:#ff6b6b;border-radius:50%;flex:none;width:28px;height:28px}.color-chip[data-astro-cid-2qhoybal]{background:var(--cnk-color-surface-2);border:2px solid var(--cnk-color-line);cursor:pointer;border-radius:50%;width:40px;height:40px;padding:0}.color-chip[data-astro-cid-2qhoybal].selected{border-color:var(--cnk-color-ink);box-shadow:0 0 0 3px var(--cnk-color-sky-soft)}.color-picker-body[data-astro-cid-2qhoybal]{gap:6px;padding:16px 20px;display:grid;overflow-y:auto}.color-preview-row[data-astro-cid-2qhoybal]{align-items:center;gap:12px;margin-bottom:6px;display:flex}.color-preview-swatch[data-astro-cid-2qhoybal]{border:2px solid var(--cnk-color-line);background:#ff6b6b;border-radius:50%;flex:none;width:48px;height:48px}.color-preview-label[data-astro-cid-2qhoybal]{color:var(--cnk-color-ink);letter-spacing:.02em;font-weight:800}.color-group[data-astro-cid-2qhoybal]{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.advanced-color[data-astro-cid-2qhoybal]{margin-top:10px}.advanced-color[data-astro-cid-2qhoybal] summary[data-astro-cid-2qhoybal]{color:var(--cnk-color-muted);cursor:pointer;font-size:.86rem;font-weight:700}.color-picker-actions[data-astro-cid-2qhoybal]{border-top:1px solid var(--cnk-color-line);padding:14px 20px;padding-bottom:max(14px, env(safe-area-inset-bottom));gap:10px;display:flex}.color-picker-actions[data-astro-cid-2qhoybal] .btn-secondary[data-astro-cid-2qhoybal],.color-picker-actions[data-astro-cid-2qhoybal] .btn-download[data-astro-cid-2qhoybal]{flex:1}.more-actions-toggle-btn[data-astro-cid-2qhoybal]{color:var(--cnk-color-magic);cursor:pointer;text-align:left;background:0 0;border:none;min-height:44px;margin-top:4px;padding:4px 0;font-weight:800;display:none}.custom-color-label[data-astro-cid-2qhoybal]{color:var(--cnk-color-ink);align-items:center;gap:10px;margin-top:6px;font-weight:800;display:flex}.custom-color-label[data-astro-cid-2qhoybal] input[data-astro-cid-2qhoybal][type=color]{border:1px solid var(--cnk-color-line);cursor:pointer;background:0 0;border-radius:10px;width:56px;height:38px;padding:2px}.tool-select[data-astro-cid-2qhoybal],.size-select[data-astro-cid-2qhoybal]{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.tool-btn[data-astro-cid-2qhoybal],.size-btn[data-astro-cid-2qhoybal]{background:var(--cnk-color-surface-2);border:1px solid var(--cnk-color-line);border-radius:var(--cnk-radius-pill);color:var(--cnk-color-ink);cursor:pointer;min-height:44px;padding:10px 16px;font-weight:800}.tool-btn[data-astro-cid-2qhoybal].selected,.size-btn[data-astro-cid-2qhoybal].selected{background:var(--cnk-color-magic);border-color:var(--cnk-color-magic);color:#fff}#sizeSelect[data-astro-cid-2qhoybal],#sizeLabel[data-astro-cid-2qhoybal]{display:none}.fill-message[data-astro-cid-2qhoybal]{background:var(--cnk-color-sun-soft);color:var(--cnk-color-ink);border:1px solid #ffca45a6;border-radius:12px;margin-top:4px;padding:10px 12px;font-size:.84rem;font-weight:700;line-height:1.4}.fill-message[data-astro-cid-2qhoybal][hidden]{display:none}.tool-actions[data-astro-cid-2qhoybal]{flex-direction:column;gap:10px;margin-top:4px;display:flex}.tool-actions[data-astro-cid-2qhoybal][hidden],#gradientDirectionSelect[data-astro-cid-2qhoybal][hidden],#textureStyleSelect[data-astro-cid-2qhoybal][hidden]{display:none}.undo-row[data-astro-cid-2qhoybal]{gap:10px;width:100%;display:flex}.undo-redo-btn[data-astro-cid-2qhoybal]{flex:1;min-height:44px}.btn-secondary[data-astro-cid-2qhoybal]:disabled{cursor:not-allowed;opacity:.5}.btn-secondary[data-astro-cid-2qhoybal],.btn-download[data-astro-cid-2qhoybal]{border-radius:var(--cnk-radius-pill);text-align:center;padding:12px 16px;font-weight:950}.btn-secondary[data-astro-cid-2qhoybal]{background:var(--cnk-color-surface-2);border:1px solid var(--cnk-color-line);color:var(--cnk-color-ink);cursor:pointer}.btn-download[data-astro-cid-2qhoybal]{background:linear-gradient(135deg, var(--cnk-color-magic), var(--cnk-color-sky));color:#fff;display:block}.canvas-card[data-astro-cid-2qhoybal]{border:1px solid var(--cnk-color-line);border-radius:var(--cnk-radius-lg);box-shadow:var(--cnk-shadow-card);background:#fff;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:16px;display:flex}.zoom-controls[data-astro-cid-2qhoybal]{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.zoom-btn[data-astro-cid-2qhoybal]{background:var(--cnk-color-surface-2);border:1px solid var(--cnk-color-line);border-radius:var(--cnk-radius-pill);color:var(--cnk-color-ink);cursor:pointer;min-width:44px;min-height:44px;font-size:1.1rem;font-weight:950}.zoom-btn[data-astro-cid-2qhoybal].zoom-reset{min-width:auto;padding:0 14px;font-size:.82rem}.zoom-btn[data-astro-cid-2qhoybal]:disabled{cursor:not-allowed;opacity:.45}.pan-mode-btn[data-astro-cid-2qhoybal]{min-width:auto;padding:0 14px;font-size:.82rem}.pan-mode-btn[data-astro-cid-2qhoybal].selected{background:var(--cnk-color-magic);border-color:var(--cnk-color-magic);color:#fff}.pan-mode-hint[data-astro-cid-2qhoybal]{background:var(--cnk-color-sky-soft);color:var(--cnk-color-ink);text-align:center;border:1px solid #44b8ff66;border-radius:12px;margin:0;padding:8px 12px;font-size:.84rem;font-weight:700}.pan-mode-hint[data-astro-cid-2qhoybal][hidden]{display:none}.zoom-level[data-astro-cid-2qhoybal]{color:var(--cnk-color-muted);text-align:center;min-width:48px;font-size:.84rem;font-weight:900}.pan-controls[data-astro-cid-2qhoybal]{grid-template:".up."44px"left.right"44px".down."44px/44px 44px 44px;gap:4px;display:grid}.pan-controls[data-astro-cid-2qhoybal][hidden]{display:none}.pan-btn[data-astro-cid-2qhoybal]{background:var(--cnk-color-surface-2);border:1px solid var(--cnk-color-line);color:var(--cnk-color-ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:1rem;font-weight:950;display:flex}.pan-up[data-astro-cid-2qhoybal]{grid-area:up}.pan-down[data-astro-cid-2qhoybal]{grid-area:down}.pan-left[data-astro-cid-2qhoybal]{grid-area:left}.pan-right[data-astro-cid-2qhoybal]{grid-area:right}.canvas-viewport[data-astro-cid-2qhoybal]{justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.canvas-stack[data-astro-cid-2qhoybal]{transform-origin:50%;max-width:100%;transition:transform .15s;position:relative}.canvas-stack[data-astro-cid-2qhoybal].dragging{transition:none}#paintCanvas[data-astro-cid-2qhoybal]{cursor:crosshair;touch-action:none;background:#fff;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:min(68vh,700px);display:block;position:relative}#paintCanvas[data-astro-cid-2qhoybal].pan-mode{cursor:grab}#paintCanvas[data-astro-cid-2qhoybal].pan-mode.panning{cursor:grabbing}#lineCanvas[data-astro-cid-2qhoybal]{mix-blend-mode:multiply;pointer-events:none;border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.picker-overlay[data-astro-cid-2qhoybal][hidden]{display:none}.picker-overlay[data-astro-cid-2qhoybal]{z-index:60;background:#1418268c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.picker-panel[data-astro-cid-2qhoybal]{border-radius:var(--cnk-radius-lg);box-shadow:var(--cnk-shadow-card);background:#fff;flex-direction:column;width:100%;max-width:760px;max-height:86vh;display:flex;overflow:hidden}.color-picker-panel[data-astro-cid-2qhoybal]{max-width:420px}.picker-header[data-astro-cid-2qhoybal]{border-bottom:1px solid var(--cnk-color-line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.picker-header[data-astro-cid-2qhoybal] h2[data-astro-cid-2qhoybal]{font-family:var(--cnk-font-display);margin:0}.picker-close[data-astro-cid-2qhoybal]{background:var(--cnk-color-surface-2);border:1px solid var(--cnk-color-line);cursor:pointer;border-radius:50%;flex:none;width:44px;height:44px;font-weight:900}.picker-controls[data-astro-cid-2qhoybal]{border-bottom:1px solid var(--cnk-color-line);gap:10px;padding:14px 20px;display:grid}.picker-search[data-astro-cid-2qhoybal]{background:var(--cnk-color-surface-2);border:1px solid var(--cnk-color-line);border-radius:12px;width:100%;padding:10px 12px;font-weight:700}.picker-category-filter[data-astro-cid-2qhoybal]{flex-wrap:wrap;gap:6px;max-height:84px;display:flex;overflow-y:auto}.category-chip[data-astro-cid-2qhoybal]{background:var(--cnk-color-surface-2);border:1px solid var(--cnk-color-line);border-radius:var(--cnk-radius-pill);color:var(--cnk-color-ink);cursor:pointer;padding:6px 12px;font-size:.82rem;font-weight:800}.category-chip[data-astro-cid-2qhoybal].selected{background:var(--cnk-color-magic);border-color:var(--cnk-color-magic);color:#fff}.picker-grid[data-astro-cid-2qhoybal]{grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px 20px;display:grid;overflow-y:auto}.picker-card[data-astro-cid-2qhoybal]{background:var(--cnk-color-surface-2);border:2px solid var(--cnk-color-line);border-radius:var(--cnk-radius-md);cursor:pointer;text-align:left;flex-direction:column;gap:4px;padding:8px;display:flex}.picker-card[data-astro-cid-2qhoybal][hidden]{display:none}.picker-card[data-astro-cid-2qhoybal]:hover{border-color:var(--cnk-color-magic)}.picker-card-selected[data-astro-cid-2qhoybal]{border-color:var(--cnk-color-magic);box-shadow:0 0 0 3px var(--cnk-color-sky-soft)}.picker-card[data-astro-cid-2qhoybal] img[data-astro-cid-2qhoybal]{aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:8px;width:100%}.picker-card-title[data-astro-cid-2qhoybal]{color:var(--cnk-color-ink);font-size:.84rem;font-weight:850;line-height:1.25}.picker-card-meta[data-astro-cid-2qhoybal]{color:var(--cnk-color-muted);font-size:.72rem;font-weight:700}.picker-empty[data-astro-cid-2qhoybal]{color:var(--cnk-color-muted);text-align:center;padding:0 20px 20px}@media (width<=900px){.color-online-tool[data-astro-cid-2qhoybal]{grid-template-columns:1fr}.canvas-card[data-astro-cid-2qhoybal]{order:-1}.more-actions-toggle-btn[data-astro-cid-2qhoybal]{display:block}}@media (width<=640px){.picker-grid[data-astro-cid-2qhoybal]{grid-template-columns:repeat(2,1fr)}.picker-overlay[data-astro-cid-2qhoybal]{padding:0}.picker-panel[data-astro-cid-2qhoybal]{max-width:100%;height:100%;max-height:100%;padding-bottom:env(safe-area-inset-bottom);border-radius:0}}