.cka{--navy:#19325C;--gold:#CDAF8C;--rust:#84461F;--ink:#425671;--paper:#F5F8FC;--line:#D9DDE3;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px;color:var(--ink);font-family:inherit;display:flex;flex-direction:column;min-height:640px}
.cka *{box-sizing:border-box}
.cka h2{margin:0 0 12px;font-size:18px;color:var(--navy)}
.cka h2 small{font-weight:400;color:var(--ink)}
.cka h4{margin:0 0 6px;font-size:13px;color:var(--navy)}
.cka h4.sp{margin-top:10px}
.cka button{font:inherit;cursor:pointer}
.cka-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.cka-tabs button,.cka-tools button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:12px;color:var(--ink)}
.cka-tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.cka-panel{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px}
.cka-panel.on{display:block}
.cka-chips{display:flex;flex-wrap:wrap;gap:8px}
.cka-chip{background:#fff;border:1px solid var(--gold);color:var(--rust);border-radius:20px;padding:6px 12px;font-size:13px}
.cka-chip.on,.cka-chip:hover{background:var(--gold);color:#fff}
.cka-sw{display:flex;flex-wrap:wrap;gap:8px}
.cka-sw button{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
.cka-sw button.on{box-shadow:0 0 0 2px var(--navy)}
.cka-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cka-note{font-size:12px;margin:8px 0 0;color:var(--rust)}
.cka-msgs{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:4px;min-height:240px;max-height:560px}
.cka-m{max-width:92%;padding:10px 12px;border-radius:14px;font-size:14px;line-height:1.45;word-wrap:break-word}
.cka-bot{background:#fff;border:1px solid var(--line);align-self:flex-start}
.cka-me{background:var(--navy);color:#fff;align-self:flex-end}
.cka-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.cka-g{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px}
.cka-g img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block;background:#eee}
.cka-g .b{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
.cka-g button{border:1px solid var(--navy);background:#fff;color:var(--navy);border-radius:8px;padding:6px;font-size:12px}
.cka-g button.use{background:var(--navy);color:#fff}
.cka-g .fav{grid-column:1/3;border-color:var(--line);color:var(--ink)}
.cka-g .fav.on{background:#ffe9ef;border-color:#d4537e;color:#a32d57}
.cka-pick{display:flex;gap:12px;align-items:center;margin-top:8px}
.cka-pick img{width:120px;height:120px;object-fit:cover;border-radius:10px}
.cka-input{display:flex;gap:8px;margin-top:10px}
.cka-input input{flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff;color:var(--ink)}
.cka-input button{background:var(--rust);color:#fff;border:0;border-radius:10px;padding:0 16px}
.cka-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cka-typing{display:inline-flex;gap:4px}
.cka-typing i{width:6px;height:6px;border-radius:50%;background:var(--ink);opacity:.4;animation:ckab 1s infinite}
.cka-typing i:nth-child(2){animation-delay:.15s}.cka-typing i:nth-child(3){animation-delay:.3s}
@keyframes ckab{50%{opacity:1;transform:translateY(-3px)}}
.cka-toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#19325C;color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;z-index:9999}
.cka-cap{font-size:12px;text-align:center;margin-top:6px;color:#19325C}
.cka-sizes{margin:8px 0}
.cka-size{background:#F5F8FC;border:1px solid #D9DDE3;border-radius:8px;padding:6px 10px;margin-bottom:6px;font-size:13px}
.cka-link{display:inline-block;background:#fff;border:1px solid #D9DDE3;border-radius:8px;padding:6px 10px;font-size:12px;color:#425671;text-decoration:none}

.cka{max-width:100%}
.cka-input input{min-width:0}
.cka-input button{flex:none}
.cka-msgs,.cka-m,.cka-grid{min-width:0}
@media(max-width:480px){.cka{padding:14px}.cka-m{max-width:100%}}
.cka-lock{display:none}
.cka.is-locked{opacity:.6;filter:grayscale(.3)}
.cka.is-locked *{pointer-events:none;user-select:none}
.cka.is-locked .cka-lock{display:block;background:#fff4d6;border:1px solid #e8d49a;color:#6b4e00;border-radius:10px;padding:8px 12px;font-size:13px;margin:0 0 12px}
.cka-grid,.cka-sm{grid-template-columns:repeat(auto-fill,minmax(130px,200px));justify-content:start;gap:10px}
.cka-g{width:100%;max-width:200px}
.cka-g img,.cka-sm .cka-g img{display:block;width:100%;max-width:200px;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:8px}
.cka-g .cka-cap{font-size:12px;line-height:1.25}
.cka-pick img{width:100%;max-width:200px;height:auto;aspect-ratio:1/1}

.cka,.cka input,.cka button,.cka .cka-m,.cka .cka-cap,.cka .cka-note,.cka .cka-lock{font-size:12px!important;line-height:1.4!important}
.cka h2{font-size:14px!important;margin:0 0 8px}
.cka h4{font-size:12px!important}
.cka{padding:12px!important;position:static!important;min-height:0!important}
.cka-tabs{gap:4px;margin-bottom:8px}
.cka-tabs button,.cka-tools button,.cka-chips button{padding:4px 9px!important;border-radius:14px}
.cka-panel{padding:8px;margin-bottom:8px}
.cka-panel.on{max-height:130px!important;overflow:auto}
.cka-msgs{min-height:300px!important;max-height:none!important;flex:1 1 0!important}
.cka-m{padding:8px 10px;max-width:96%}
.cka-input{flex-wrap:nowrap!important;width:100%}
.cka-input input{width:auto!important;flex:1 1 0!important;min-width:0!important;padding:8px 10px!important;height:34px}
.cka-input button{flex:none!important;height:34px;padding:0 14px!important}
.cka-g button{padding:4px!important}

.cka{min-height:0!important}
.cka h2{order:0}.cka-lock{order:1}
.cka-msgs{order:2;min-height:0!important;max-height:420px!important;flex:none!important}
.cka-tabs{order:3;margin:8px 0}.cka-panel{order:4}.cka-input{order:5;margin-top:0}