.home-tool-hero{padding-top:90px;padding-bottom:16px}
.home-tool-hero .hero-title{font-size:36px;margin:12px 0;line-height:1.3}
.home-tool-hero .hero-subtitle{margin:12px auto 20px;max-width:720px;font-size:16px}
.home-tool-hero .hero-badge{margin-bottom:0}
.bio-studio{max-width:1200px;margin:16px auto;padding:0 24px}
.bio-studio details{border-block:1px solid var(--border);padding:12px 0}
.bio-studio summary{cursor:pointer;font-weight:600;min-height:32px}
.bio-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:20px 0}
.bio-editor{display:grid;gap:10px;min-width:0}
.bio-editor input,.bio-editor select,.bio-editor textarea,.bio-filter select{font:inherit;font-size:16px;max-width:100%;width:100%;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--bg-card);color:var(--text-primary)}
.bio-editor textarea{resize:vertical;min-height:100px}
.bio-editor p{font-size:13px;color:var(--text-secondary);margin:0}
.bio-actions{display:flex;flex-wrap:wrap;gap:8px}
.bio-actions button{min-height:44px;padding:8px 16px;font:inherit;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-primary);cursor:pointer}
.bio-actions button:hover{border-color:var(--primary)}
.bio-preview{border:1px solid var(--border);border-radius:8px;padding:24px;min-width:0;align-self:start;background:var(--bg-card)}
.bio-preview img{border-radius:50%;object-fit:cover;display:block;margin-bottom:12px}
.bio-preview-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:8px}
.bio-preview strong,.bio-preview p{display:block;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
.bio-preview p{min-height:84px}
.bio-preview small{color:var(--text-secondary)}
#bioStatus{min-height:24px;color:var(--text-secondary)}
.bio-filter{display:flex;align-items:center;gap:16px;padding-top:16px;flex-wrap:wrap}
.bio-filter select{width:180px}
.font-load-more{font:inherit;min-height:48px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-primary);cursor:pointer;padding:10px 16px}
.font-load-more{grid-column:1/-1;width:100%;margin-top:12px}
#fontLanguageHint{font-size:14px;color:var(--text-secondary);line-height:1.6;flex-basis:100%;margin:0}
.bio-preview{scroll-margin-top:88px}
.bio-copy-actions{margin-top:16px}
.bio-copy-actions button{flex:1}
#bioStatus{display:block;margin-top:8px;overflow-wrap:anywhere}
.bio-studio :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--primary);outline-offset:3px}
@media(max-width:768px){
 .bio-workspace{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:12px}
 .bio-studio{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}
 .bio-studio summary{min-height:48px;display:list-item;padding:12px 0;line-height:1.5}
 .bio-editor{gap:8px}
 .bio-editor label{margin-top:8px;font-size:14px;font-weight:600}
 .bio-editor :is(input,select,textarea),.bio-filter select{min-width:0;min-height:48px;font-size:16px}
 .bio-editor select{overflow:hidden;text-overflow:ellipsis;padding-right:28px}
 .bio-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .bio-actions button{min-width:0;min-height:48px;padding:10px 8px;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.5}
 .bio-editor p{line-height:1.7;margin-top:8px}
 .bio-preview{padding:16px;scroll-margin-top:80px}
 .bio-filter{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 .bio-filter select{width:100%}
 #bioShowPreview,.bio-copy-actions button{background:var(--text-primary);color:var(--bg-soft)}
}
@media(max-width:600px){.home-tool-hero{padding-top:80px}.home-tool-hero .hero-title{font-size:28px}.bio-workspace{grid-template-columns:minmax(0,1fr);gap:16px}.bio-studio{padding-inline:16px}.bio-preview{padding:16px}}