.ck-lab{display:flex;flex-direction:column;gap:16px;padding:22px;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--card)}.ck-stage{position:relative;border:1px solid var(--line);border-radius:24px;background:radial-gradient(45% 60% at 50% 25%,var(--tint-butter) 0%,transparent 70%),radial-gradient(40% 60% at 22% 80%,var(--tint-peach) 0%,transparent 70%),radial-gradient(45% 60% at 82% 72%,var(--tint-lilac) 0%,transparent 70%),var(--paper);overflow:hidden;isolation:isolate}.ck-dots{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,color-mix(in oklab,var(--ink) 15%,transparent) 1.1px,transparent 1.7px);background-size:22px 22px;-webkit-mask:radial-gradient(75% 85% at 50% 50%,#000 30%,transparent 100%);mask:radial-gradient(75% 85% at 50% 50%,#000 30%,transparent 100%);pointer-events:none}.ck-pane{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:18px;background:#ffffffd6;box-shadow:0 1px 2px #17140f0a,0 10px 30px -18px #17140f40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ck-ph{display:flex;align-items:center;gap:7px;margin:0;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.ck-ph .st-i{flex:0 0 auto;width:14px;height:14px}.ck-ph__end{margin-left:auto;font-weight:600;letter-spacing:0;text-transform:none}.ck-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.ck-bar__lbl{flex:0 0 auto;font-size:14.5px;font-weight:650;color:var(--ink)}.ck-hint{display:inline-flex;align-items:flex-start;gap:7px;margin:0;font-size:14px;line-height:1.45;color:var(--muted);text-wrap:pretty}.ck-hint .st-i{flex:0 0 auto;width:16px;height:16px;margin-top:2px;color:var(--primary-text)}.ck-seg{display:inline-flex;flex-wrap:nowrap;gap:2px;max-width:100%;padding:4px;border:1px solid var(--line-2);border-radius:999px;background:var(--card)}.ck-seg__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 16px;border:0;border-radius:999px;background:none;font:inherit;font-size:14px;font-weight:600;white-space:nowrap;color:var(--muted);cursor:pointer;transition:background-color .3s var(--ease),color .3s}.ck-seg__btn:hover{color:var(--ink)}.ck-seg__btn[aria-pressed=true]{background:var(--ink);color:#fff}.ck-seg__btn[aria-pressed=true].ck-seg__btn--ok{background:var(--ok-ink)}.ck-seg__btn .st-verified,.ck-seg__btn svg:not(.st-i){flex:0 0 auto}.ck-pill{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;background:var(--card);font:inherit;font-size:14px;font-weight:550;white-space:nowrap;color:var(--ink-2);cursor:pointer;transition:border-color .25s,background-color .25s,color .25s,transform .2s var(--ease)}.ck-pill:hover{border-color:color-mix(in oklab,var(--primary) 55%,transparent)}.ck-pill:active{transform:scale(.97)}.ck-pill .st-i{flex:0 0 auto;width:15px;height:15px;color:var(--primary-text)}.ck-pill[aria-pressed=true]{border-color:var(--primary-btn);background:var(--primary-soft);color:var(--primary-text)}.ck-pill--mono{font-family:var(--font-mono);font-size:13px}.ck-switch{position:relative;display:inline-flex;flex:0 0 auto;width:40px;height:24px;padding:0;border:0;border-radius:999px;background:var(--paper-3);cursor:pointer;transition:background-color .3s var(--ease)}.ck-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #17140f40;transition:transform .35s var(--ease)}.ck-switch[aria-checked=true]{background:var(--ok)}.ck-switch[aria-checked=true]:after{transform:translate(16px)}.ck-seg__btn:focus-visible,.ck-pill:focus-visible,.ck-switch:focus-visible{outline:2px solid var(--primary-btn);outline-offset:2px}.ck-scroll{display:flex;gap:8px;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ck-scroll::-webkit-scrollbar{display:none}@media(max-width:640px){.ck-lab{gap:14px;padding:12px;border-radius:24px}.ck-stage{border-radius:18px}.ck-pane{padding:12px;border-radius:16px}.ck-seg{width:100%;overflow-x:auto;scrollbar-width:none}.ck-seg::-webkit-scrollbar{display:none}.ck-seg__btn{flex:1 0 auto;padding:0 12px;font-size:13.5px}}
