.sai-creators, .sai-creator-directory { box-sizing:border-box; color:light-dark(#282622,#ebe8e1); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.6; }
.sai-creators { max-width:1240px; margin:0 auto; padding:32px 32px 80px; }
.sai-creators *, .sai-creator-directory * { box-sizing:border-box; }
.sai-creators [hidden], .sai-creator-directory [hidden] { display:none!important; }
.sai-creators a, .sai-creator-directory a { color:inherit; text-decoration:none; }
.sai-creators a:hover, .sai-creator-directory a:hover { color:light-dark(#a84414,#ffb07a); }
.sai-creators :is(a,button,input,select):focus-visible, .sai-creator-directory :is(a,input,select):focus-visible { outline:2px solid light-dark(#a84414,#ffb07a); outline-offset:4px; }
.sai-creators-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:12px; color:light-dark(#726b62,#bdb7ae); font-size:13px; margin-bottom:44px; }
.sai-creators-hero { display:flex; align-items:center; justify-content:space-between; gap:32px; padding-bottom:36px; margin-bottom:32px; border-bottom:1px solid light-dark(#e5ded5,#38342f); }
.sai-creators-hero > div:first-child { min-width:0; }
.sai-creators-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px 20px; flex-shrink:0; max-width:100%; }
.sai-creators-actions .sai-creators-button { color:light-dark(#a84414,#ffb07a); white-space:normal; text-align:center; }
.sai-creators-actions .sai-creators-text-link { white-space:nowrap; }
.sai-creators-eyebrow { margin:0 0 10px; color:light-dark(#a84414,#ffb07a); font-size:12px; letter-spacing:.07em; text-transform:uppercase; font-weight:650; }
.sai-creators h1 { margin:0; font-size:clamp(34px,4.5vw,56px); line-height:1.1; font-weight:650; letter-spacing:-.045em; overflow-wrap:anywhere; }
.sai-creators-lead { max-width:650px; margin:20px 0 0; font-size:16px; color:light-dark(#696258,#bdb7ae); }
.sai-creators-button { display:inline-flex; justify-content:center; align-items:center; gap:18px; padding:12px 18px; min-height:46px; border:1px solid light-dark(#d7c6b5,#514136); border-radius:8px; font-size:14px; font-weight:600; white-space:nowrap; }
.sai-creators-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.sai-creators-search { display:flex; align-items:center; gap:12px; flex:1; max-width:580px; border:1px solid light-dark(#dcd4c9,#443c33); border-radius:8px; padding:0 14px; background:light-dark(#fffdf9,#22211f); }
.sai-creators-search svg { width:20px; height:20px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.6; }
.sai-creators-search input { width:100%; min-width:0; padding:13px 0; border:0; outline-offset:0; background:transparent; color:inherit; font:inherit; font-size:14px; }
.sai-creators-search:focus-within { outline:2px solid light-dark(#a84414,#ffb07a); outline-offset:2px; }
.sai-creators-search input:focus-visible { outline:none; }
.sai-creators-sort { display:flex; align-items:center; gap:10px; font-size:13px; color:light-dark(#696258,#bdb7ae); }
.sai-creators-sort select { max-width:100%; min-height:44px; padding:8px 10px; border:1px solid light-dark(#dcd4c9,#443c33); border-radius:8px; background:light-dark(#fffdf9,#22211f); color:inherit; font:inherit; }
.sai-creators-count { font-size:13px; color:light-dark(#696258,#bdb7ae); margin:20px 0; }
.sai-creators-count strong { color:light-dark(#282622,#ebe8e1); }
.sai-creators-list { display:grid; gap:10px; }
.sai-creator-row { display:grid; grid-template-columns:minmax(220px,1.2fr) minmax(160px,1fr) 80px 110px; align-items:center; gap:24px; border:1px solid light-dark(#e5ded5,#38342f); border-radius:10px; padding:22px 24px; background:light-dark(#fffdf9,#21201e); }
.sai-creator-row:hover { border-color:light-dark(#cbb29c,#64513e); }
.sai-creator-name { display:flex; align-items:center; gap:18px; min-width:0; }
.sai-creator-name > span { min-width:0; }
.sai-creator-name > img, .sai-creators-logo, .sai-creator-initial { object-fit:contain; border-radius:12px; background:#fff; flex-shrink:0; border:1px solid #d8d5cf; }
.sai-creator-initial { display:grid; place-items:center; width:56px; height:56px; color:#625749; font-size:22px; font-weight:600; }
.sai-creator-name h2 { font-size:18px; line-height:1.3; margin:0 0 6px; font-weight:600; letter-spacing:-.015em; overflow-wrap:anywhere; }
.sai-creator-name code { font-size:12px; color:light-dark(#766c60,#bdb7ae); overflow-wrap:anywhere; }
.sai-creator-preview { display:flex; flex-wrap:wrap; align-content:center; gap:6px; min-width:0; }
.sai-creator-preview a { font-size:11px; padding:3px 8px; border-radius:5px; border:1px solid light-dark(#eee6dc,#40382f); color:light-dark(#726455,#bdb7ae); overflow-wrap:anywhere; }
.sai-creator-stat { display:flex; flex-direction:column; align-items:flex-start; font-size:12px; color:light-dark(#726b62,#bdb7ae); }
.sai-creator-stat strong { font-size:22px; font-weight:550; color:light-dark(#282622,#ebe8e1); }
.sai-creator-view { display:inline-flex; justify-content:flex-end; align-items:center; gap:12px; min-height:44px; font-size:13px; font-weight:600; }
.sai-creator-view span, .sai-creators-text-link span, .sai-creators-model-link span { color:light-dark(#a84414,#ffb07a); }
.sai-creators-empty { text-align:center; padding:52px 20px; border:1px dashed light-dark(#d7c6b5,#514136); border-radius:10px; }
.sai-creators-empty h2 { margin:0; font-size:22px; }
.sai-creators-empty p { margin:10px 0 0; color:light-dark(#726b62,#bdb7ae); }
.sai-creators-profile { display:block; }
.sai-creators-profile-heading { display:flex; align-items:center; gap:24px; }
.sai-creators-profile-heading > div { min-width:0; }
.sai-creators-profile .sai-creators-eyebrow { margin-bottom:8px; }
.sai-creators-tag { display:inline-block; margin-top:12px; color:light-dark(#726b62,#bdb7ae); font-size:13px; }
.sai-creators-profile-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 28px; margin-top:18px; }
.sai-creators-profile-actions .sai-creators-count { margin:0; }
.sai-creators-text-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; font-size:13px; font-weight:550; }
.sai-creators-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.sai-creators-section-heading h2 { margin:0; font-size:22px; font-weight:600; }
.sai-creators-section-heading > span { font-size:12px; color:light-dark(#726b62,#bdb7ae); }
.sai-creators .sa-am-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }
.sai-creators-model-link { display:inline-flex; align-items:center; gap:12px; min-height:40px; margin-top:6px; font-size:12px; font-weight:550; }
.sai-creators-support { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:40px; padding:24px 0; border-top:1px solid light-dark(#e5ded5,#38342f); font-size:14px; }
.sai-creators-support p { margin:5px 0 0; color:light-dark(#726b62,#bdb7ae); font-size:13px; }
@media(max-width:900px) {
 .sai-creators-actions { justify-content:flex-start; }
 .sai-creator-row { grid-template-columns:minmax(0,1fr) 70px 90px; gap:16px; }
 .sai-creator-preview { grid-column:1/-1; grid-row:2; }
 .sai-creators-hero:not(.sai-creators-profile) { flex-direction:column; align-items:flex-start; gap:24px; }
}
@media(max-width:600px) {
 .sai-creators { padding:24px 16px 48px; }
 .sai-creators-breadcrumb { margin-bottom:28px; }
 .sai-creators-hero { padding-bottom:28px; margin-bottom:24px; }
 .sai-creators-lead { font-size:14px; }
 .sai-creators-toolbar { align-items:stretch; flex-direction:column; gap:12px; }
 .sai-creators-sort { justify-content:space-between; }
 .sai-creator-row { padding:18px 16px; grid-template-columns:minmax(0,1fr) auto; gap:16px 12px; }
 .sai-creator-name { gap:12px; }
 .sai-creator-name > img, .sai-creator-initial { width:44px; height:44px; border-radius:9px; }
 .sai-creator-name h2 { font-size:16px; }
 .sai-creator-stat { grid-column:1; grid-row:3; flex-direction:row; align-items:baseline; gap:6px; }
 .sai-creator-stat strong { font-size:16px; }
 .sai-creator-view { grid-column:2; grid-row:3; }
 .sai-creator-name { grid-column:1/-1; }
 .sai-creators-profile-heading { gap:16px; align-items:flex-start; }
 .sai-creators-logo { width:64px; height:64px; }
 .sai-creators-profile h1 { font-size:34px; }
 .sai-creators-section-heading { align-items:flex-start; flex-direction:column; gap:4px; }
 .sai-creators-support { flex-direction:column; align-items:flex-start; gap:8px; }
}

@media(max-width:600px) { .sai-creator-name > .sai-creator-logo { width:44px; height:44px; } }