/* Brand → Skills (public/brand-skills.js). */
.bskills{display:flex;flex-direction:column;gap:var(--space-4);max-width:860px}
.bskills-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.bskills-upload{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600}
.bskills-mac{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);white-space:nowrap}
.bskills-mac select{max-width:260px}
.bskills-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.bskill{padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--panel)}
.bskill-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bskill-head h3{margin:0;font-size:15px}
.bskill-head small{color:var(--muted);font-size:12px}
.bskill>p{margin:6px 0 0;max-width:72ch;font-size:13px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bskill-actions{display:flex;gap:14px;margin-top:10px}
.bskill-actions .text-button{font-size:13px}
.bskill-remove{color:var(--muted)}
.bskill-rename{display:flex;align-items:center;gap:8px;flex:1}
.bskill-rename input{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--text);font:inherit;font-size:14px;min-width:0;flex:1;max-width:320px}
.bskill-text{margin:12px 0 0;max-height:360px;overflow:auto;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--text) 5%,var(--panel));font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;color:var(--text)}
.bskills-empty{padding:28px 24px;border:1px dashed var(--line);border-radius:var(--radius-panel);text-align:center;color:var(--muted)}
.bskills-empty h3{margin:0 0 6px;color:var(--text);font-size:15px}
.bskills-empty p{margin:0 auto;max-width:52ch;font-size:13px;line-height:1.5}
.brand-view.is-drop,#brandView.is-drop{outline:2px dashed var(--text);outline-offset:6px;border-radius:var(--radius-panel)}