.ch .ss-stage{background:0 0;overflow:hidden}.ch-win{width:600px;height:520px;box-shadow:var(--ss-shadow-hero);position:absolute;top:40px;left:72px}.ch-body{background:var(--ss-surface);height:100%;padding:14px 16px 0}.ch-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.ch-search{color:#71717a;background:#f4f4f2;border-radius:10px;align-items:center;gap:8px;width:214px;height:34px;padding:0 12px;font-size:13px;display:flex}.ch-pills{gap:6px;display:flex}.ch-pill{color:#27272a;background:#f1f1ef;border-radius:999px;align-items:center;height:28px;padding:0 11px;font-size:12px;font-weight:500;display:inline-flex}.ch-pill[data-on]{color:#fff;background:#111827}.ch-heading{color:#18181b;letter-spacing:-.01em;margin:18px 0 10px 2px;font-size:15px;font-weight:600}.ch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ch-card{background:#fff;border:1px solid #ececea;border-radius:12px;padding:8px 8px 12px;transition:box-shadow .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1)}.ch-card[data-picked]{border-color:var(--ss-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ss-accent)22%,transparent)}.ch-card[data-hover]{border-color:#d4d4d8}.ch-thumb{aspect-ratio:120/70;background:#f6f6f4;border-radius:8px}.ch-thumb[data-tone="0"]{background:color-mix(in srgb,var(--ss-accent)14%,#f6f6f4)}.ch-thumb__svg{width:100%;height:100%;display:block}.ch-name{color:#18181b;font-family:var(--ss-mono);letter-spacing:-.02em;white-space:nowrap;margin:9px 2px 8px;font-size:10.5px;font-weight:600;overflow:hidden}.ch-line{background:#ececea;border-radius:3px;height:5px;margin:0 2px 6px}.ch-line--short{width:62%}.ch-line--name{background:#e1e1df;width:78%;height:7px;margin:10px 2px 9px}.ch-heading--bar{margin:22px 0 10px 2px}.ch-hbar{background:#e1e1df;border-radius:5px;width:110px;height:10px;display:block}.ch-grid--filler .ch-thumb[data-filler="0"]{background:#eef3fb}.ch-grid--filler .ch-thumb[data-filler="1"]{background:#fbf0ea}.ch-grid--filler .ch-thumb[data-filler="2"]{background:#eaf6f0}.ch-grid--filler .ch-thumb[data-filler="3"]{background:#f1eefb}.ch-panel{background:var(--ss-surface);width:300px;box-shadow:var(--ss-shadow-satellite);opacity:0;transform-origin:20% 0;border-radius:16px;padding:14px;transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1);position:absolute;top:96px;left:520px;transform:translateY(8px)scale(.98)}.ch-panel[data-show=true]{opacity:1;transform:none}.ch-panel__head{justify-content:space-between;align-items:baseline;display:flex}.ch-panel__name{color:#18181b;font-family:var(--ss-mono);letter-spacing:-.02em;font-size:14px;font-weight:600}.ch-panel__tag{color:#71717a;font-size:12px}.ch-tabs{gap:6px;margin:12px 0;display:flex}.ch-tab{color:#27272a;background:#f1f1ef;border-radius:999px;align-items:center;height:26px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.ch-tab[data-on]{color:#fff;background:#111827}.ch-cmd{background:#fff;border:1px solid #e4e4e2;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;height:42px;padding:0 5px 0 12px;display:flex}.ch-cmd code{color:#18181b;min-width:0;font-family:var(--ss-mono);white-space:nowrap;font-size:11px;overflow:hidden}.ch-copy{color:#fff;background:#111827;border-radius:8px;flex:none;align-items:center;gap:5px;height:30px;padding:0 12px;font-size:12px;font-weight:600;transition:background-color .2s ease-out;display:inline-flex}.ch-copy[data-done]{background:var(--ss-accent)}.ch-copy[data-hover]{background:#000}.ch-copy[data-done][data-hover]{background:var(--ss-accent)}.ch-copy .ss-check{color:#fff}.ch-done{color:#18181b;opacity:0;align-items:center;gap:8px;margin-top:12px;font-size:13px;font-weight:500;transition:opacity .25s cubic-bezier(.22,1,.36,1);display:none}.ch-done[data-show=true]{opacity:1}.ch-term{opacity:0;width:352px;height:130px;transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1);position:absolute;top:326px;left:568px;transform:translateY(8px)}.ch-term[data-show=true]{opacity:1;transform:none}.ch-term .ss-term{padding:6px 16px 14px;font-size:12px;line-height:1.7}.ch-term .ss-term__line{text-overflow:ellipsis;overflow:hidden}.ch-term__ok{color:#d4d4d8;opacity:0;margin-top:2px;transition:opacity .25s cubic-bezier(.22,1,.36,1)}.ch-term__ok[data-show=true]{opacity:1}.ch .ss-stage[data-layout=compact] .ch-win{width:360px;height:440px;top:20px;left:20px}.ch .ss-stage[data-layout=compact] .ch-heading--bar{margin-top:14px}.ch .ss-stage[data-layout=compact] .ch-bar{flex-direction:column;align-items:flex-start}.ch .ss-stage[data-layout=compact] .ch-search{width:100%}.ch .ss-stage[data-layout=compact] .ch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ch .ss-stage[data-layout=compact] .ch-grid:not(.ch-grid--filler) .ch-card:nth-child(n+3),.ch .ss-stage[data-layout=compact] .ch-grid--filler .ch-card:nth-child(n+3),.ch .ss-stage[data-layout=compact] .ch-pills,.ch .ss-stage[data-layout=compact] .ch-heading:not(.ch-heading--bar),.ch .ss-stage[data-layout=compact] .ch-tabs{display:none}.ch .ss-stage[data-layout=compact] .ch-panel{width:296px;top:268px;left:40px}.ch .ss-stage[data-layout=compact] .ch-panel__head{margin-bottom:12px}.ch .ss-stage[data-layout=compact] .ch-done{display:flex}.ch .ss-stage[data-layout=compact] .ch-term{display:none}
