@font-face{font-family:CkMono;src:url(/fonts/SpaceMono-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:CkSilk;src:url(/fonts/Silkscreen-Bold.ttf) format("truetype");font-weight:700;font-display:swap}.ck-page{min-height:100vh;background:#fff;color:#101012;padding:56px 20px 100px;gap:44px}.ck-hero,.ck-page{display:flex;flex-direction:column;align-items:center}.ck-hero{text-align:center;gap:14px;max-width:600px}.ck-hero img{width:260px;height:auto;border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.16)}.ck-hero h1{font-family:CkSilk,monospace;font-weight:700;font-size:30px;letter-spacing:1px;margin:0;color:#101012}.ck-hero p{font-family:CkMono,monospace;font-size:13px;line-height:1.6;color:#6b6b72;margin:0}.ck-studio{width:100%;max-width:760px;display:flex;flex-direction:column;align-items:center;gap:26px}.ck-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;width:100%}.ck-pick{aspect-ratio:1/1;border:1px solid #e6e6e6;border-radius:12px;background:#fafafa;padding:0;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,box-shadow .15s}.ck-pick:hover{border-color:#cfcfcf}.ck-pick img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ck-pick-name{font-family:CkMono,monospace;font-size:9px;color:#6b6b72;padding:4px;text-align:center;line-height:1.2}.ck-pick.on{border-color:#ff4d8d;box-shadow:0 0 0 2px #ff4d8d}.ck-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.ck-controls input{font-family:CkMono,monospace;font-size:15px;background:#fff;color:#101012;border:1px solid #d8d8d8;border-radius:10px;padding:12px 16px;width:160px}.ck-controls input::-moz-placeholder{color:#a0a0a6}.ck-controls input::placeholder{color:#a0a0a6}.ck-controls button{font-family:CkMono,monospace;font-size:14px;font-weight:700;border-radius:10px;padding:12px 20px;cursor:pointer;background:#fff;color:#101012;border:1px solid #d8d8d8;transition:background .15s,border-color .15s,opacity .15s}.ck-controls button:first-of-type{background:#ff4d8d;border-color:#ff4d8d;color:#fff}.ck-controls button:hover:not(:disabled){border-color:#101012}.ck-controls button:first-of-type:hover:not(:disabled){background:#ff6aa0;border-color:#ff6aa0}.ck-controls button:disabled{opacity:.4;cursor:not-allowed}.ck-status{font-family:CkMono,monospace;font-size:13px;color:#6b6b72;margin:0}.ck-result{flex-direction:column;align-items:center;gap:26px}.ck-ba,.ck-result{width:100%;display:flex}.ck-ba{gap:20px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.ck-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px}.ck-fig figcaption{font-family:CkMono,monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#6b6b72}.ck-ba .ck-fig{flex:1 1 0;min-width:200px;max-width:300px}.ck-frame{width:100%;aspect-ratio:1/1;border-radius:8px;box-shadow:0 14px 36px rgba(0,0,0,.16);overflow:hidden;background:#1f1f1f}.ck-frame canvas,.ck-frame img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.ck-zoomfig{max-width:220px}.ck-zoom{width:100%;aspect-ratio:1/1;border-radius:8px;border:1px solid #e6e6e6;display:block}.ck-credit{font-family:CkMono,monospace;font-size:12px;color:#9a9aa0;text-decoration:none}.ck-credit:hover{color:#101012}.ck-controls button:focus-visible,.ck-controls input:focus-visible,.ck-credit:focus-visible,.ck-pick:focus-visible{outline:2px solid #ff4d8d;outline-offset:2px}@media (max-width:480px){.ck-page{padding:36px 14px 72px}.ck-hero img{width:190px}.ck-hero h1{font-size:23px}}@media (prefers-reduced-motion:reduce){.ck-controls button,.ck-pick{transition:none}}