.sbj{gap:var(--space-6);min-width:0;display:grid}.sbj-head{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.sbj-head>div{flex:1;min-width:200px}.sbj-back{display:inline-flex;transform:rotate(90deg)}.sbj-count{font-variant-numeric:tabular-nums}.sbj-filters{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.sbj-tabs{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);background:var(--color-surface-sunken);display:inline-flex}.sbj-tabs button{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0}.sbj-tabs button.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.sbj-search{min-width:200px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.sbj-error{color:var(--color-danger)}.sbj-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(168px,1fr));margin:0;padding:0;list-style:none;display:grid}.sbj-card{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:grid}.sbj-cover{aspect-ratio:3/4;border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-text-tertiary);cursor:pointer;border:0;place-items:center;display:grid;position:relative;overflow:hidden}.sbj-cover img{object-fit:cover;width:100%;height:100%}.sbj-kind{top:var(--space-2);left:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-xs);background:var(--color-brand-soft);color:var(--color-brand);font-size:var(--text-xs);position:absolute}.sbj-meta{gap:2px;min-width:0;display:grid}.sbj-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sbj-actions{justify-content:space-between;gap:var(--space-2);display:flex}.sbj-modal{z-index:60;padding:var(--space-4);background:#0006;place-items:center;display:grid;position:fixed;inset:0}.sbj-dialog{gap:var(--space-4);width:min(520px,100%);max-height:calc(100vh - 2 * var(--space-4));padding:var(--space-6);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg);display:grid;overflow-y:auto}.sbj-dialog header,.sbj-dialog footer{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.sbj-dialog footer{justify-content:flex-end}.sbj-field{gap:var(--space-2);font-size:var(--text-sm);display:grid}.sbj-field>span{color:var(--color-text-secondary)}.sbj-field input,.sbj-field textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.sbj-thumbs{gap:var(--space-2);flex-wrap:wrap;display:flex}.sbj-thumb{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-sunken);place-items:center;width:72px;height:72px;display:grid;position:relative;overflow:hidden}.sbj-thumb img{object-fit:cover;width:100%;height:100%}.sbj-thumb em{background:var(--color-warning-soft);text-align:center;font-style:normal;position:absolute;bottom:0;left:0;right:0}.sbj-thumb>button{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:50%;place-items:center;width:18px;height:18px;padding:0;display:grid;position:absolute;top:2px;right:2px}.sbj-add{color:var(--color-text-tertiary);cursor:pointer;border-style:dashed}.sbj-voice .sbj-chip button{margin-left:var(--space-1);color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sbj-mini,.sbj-icon{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;display:inline-flex}.sbj-icon{border-color:#0000}.sbj-mini:hover,.sbj-icon:hover{background:var(--color-hover)}.sbj-chip{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-xs);background:var(--color-brand-soft);color:var(--color-brand);display:inline-flex}.sbj-notice{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-warning-soft)}