.cs-widget{max-width:38rem;margin:2rem auto 0}.cs-window{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;overflow:hidden;box-shadow:0 4px 24px #00000014}.cs-chrome{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:.65rem;padding:.65rem 1rem;display:flex}.cs-dots{flex-shrink:0;gap:.45rem;display:flex}.cs-dot{border-radius:50%;width:.75rem;height:.75rem}.cs-dot-r{background:#ff5f57}.cs-dot-y{background:#ffbd2e}.cs-dot-g{background:#28c840}.cs-bar{background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:.4rem;flex:1;align-items:center;gap:.4rem;min-width:0;padding:.3rem .65rem;font-size:.8rem;display:flex}.cs-bar svg{color:var(--muted);flex-shrink:0}.cs-url{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cs-body{background:var(--bg);padding:1.5rem 2rem 2rem}.cs-title{text-align:center;color:var(--text);margin:0 0 1.5rem;font-size:1.15rem;font-weight:700}.cs-group{margin-bottom:1.5rem}.cs-group:last-of-type{margin-bottom:1.25rem}.cs-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .6rem;font-size:.75rem;font-weight:600}.cs-options{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.cs-option{border:2px solid var(--border);background:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.5rem;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .4rem;transition:border-color .15s,background .15s;display:flex;position:relative}.cs-option:hover{border-color:color-mix(in srgb,var(--accent)50%,transparent)}.cs-option[data-selected=true]{border-color:var(--accent);background:var(--accent-soft)}.cs-option-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex;overflow:hidden}.cs-option-icon img{object-fit:cover;border-radius:8px;width:100%;height:100%}.cs-option-name{color:var(--text);text-align:center;font-size:.72rem;font-weight:500;line-height:1.2}.cs-check{background:var(--accent);opacity:0;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:4px;right:4px;transform:scale(.5)}.cs-option[data-selected=true] .cs-check{opacity:1;transform:scale(1)}.cs-continue{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.4rem;width:100%;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:background .15s;display:block}.cs-continue:hover{background:var(--accent-strong)}.cs-tagline{text-align:center;color:var(--muted);margin:1rem 0 0;font-size:.9rem;font-style:italic}@media (max-width:46rem){.cs-body{padding:1rem 1rem 1.25rem}.cs-options{grid-template-columns:repeat(2,1fr)}.cs-title{font-size:1rem}}