/* Global creator search (creator-search.js). Uses the shared design tokens;
   hidden until the server says search is available for this viewer. */
.cs{display:flex;flex-direction:column;gap:12px;min-width:0;}
.cs[hidden]{display:none;}
.cs-head{display:flex;flex-direction:column;gap:4px;}
.cs-title{margin:0;font-size:16px;font-weight:600;color:var(--text-1);}
.cs-hint{margin:0;font-size:13px;color:var(--text-3);}
.cs-field{position:relative;display:flex;align-items:center;}
.cs-field .app-icon{position:absolute;left:12px;width:16px;height:16px;color:var(--text-3);pointer-events:none;}
.cs-input{width:100%;min-height:var(--h-md,40px);padding:0 12px 0 36px;border:1px solid var(--border-card);border-radius:var(--radius-input,10px);background:var(--bg-card);color:var(--text-1);font:inherit;}
.cs-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;}
.cs-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border:1px solid var(--border-card);border-radius:var(--radius-card);background:var(--bg-card);}
.cs-list:empty{display:none;}
.cs-item{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 12px;}
.cs-item+.cs-item{border-top:1px solid var(--border-card);}
.cs-id{display:flex;flex-direction:column;min-width:0;flex:1;}
.cs-handle{color:var(--text-1);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cs-name{color:var(--text-3);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cs-acts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;flex:none;}
.cs-empty{padding:12px;color:var(--text-3);font-size:14px;}
.cs-more{align-self:flex-start;}
@media (max-width:560px){
  .cs-item{flex-wrap:wrap;}
  .cs-acts{width:100%;justify-content:flex-start;}
}