/* Shared type scale, loaded after component and responsive styles. */
body{font-size:15px;line-height:1.6}
.app .brand-name{font-size:18px;line-height:1.3}.app .brand-name small{font-size:10px;letter-spacing:.2px;margin-top:4px}
.app .nav button,.app .nav a{font-size:14px;line-height:1.5;min-height:44px}
.app .nav-label{font-size:12px;line-height:1.5}.app .sidebar-help,.app .profile-name{font-size:13px}.app .profile-name small{font-size:12px}
.app .nav .ico{width:22px;height:22px}.nav .ico svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app>.main .top-switch button,.app>.main .top-switch a{font-size:14px}
.header-actions .demo,.credit-chip,.credit-chip span{font-size:12px}
h1{font-size:28px;line-height:1.4}.title-row h1+p{font-size:14px;line-height:1.7}.section-title h2{font-size:16px}.section-title span{font-size:12px}
.sort,.tabs button,.quiet,.thread-toolbar .quiet{font-size:13px;line-height:1.5}.list-actions{gap:12px}
.conversation-card strong{font-size:15px}.conversation-card small,.conversation-explainer,#conversation-time{font-size:13px;line-height:1.6}
.turn-head,.turn-parameters,.turn-result>small{font-size:12px;line-height:1.6}.turn-request p{font-size:15px;line-height:1.8}
.turn-actions button,.turn-actions a{font-size:13px;line-height:1.5;min-height:34px;padding:7px 12px}
.turn-processing,.turn-error,.notice,.empty{font-size:14px;line-height:1.7}
.caption b{font-size:14px;line-height:1.5}.caption small,.meta,.badge,.bottom-note{font-size:12px;line-height:1.5}
.picture .asset-actions button,.picture .asset-actions a{font-size:12px;line-height:1.5;padding:6px 9px;min-height:30px}
.app .composer #prompt,.app .composer #negative{font-size:16px;line-height:1.65}
.app .composer .mode button{font-size:13px;line-height:1.5;padding:6px 10px}
.app .composer .inspire{font-size:12px;line-height:1.5}
.app .composer-toolbar .select{font-size:13px;line-height:1.5;min-height:34px;padding:7px 9px;max-width:180px}
.app .toolbar-quality{font-size:12px}.app .toolbar-quality .select{min-width:58px!important}
.app .composer-toolbar{gap:8px}.app .composer .advanced-fields label,.app .composer .advanced-fields select{font-size:13px}
.app .composer-foot,.app .parameter-note{font-size:12px;line-height:1.6}.app .job-status{font-size:13px;line-height:1.6}
.reference small{font-size:12px;line-height:1.5}.reference{width:72px;height:72px}
.composer-compact-text{font-size:14px}.composer.is-compact .composer-bottom{font-size:12px;line-height:1.5}
.mention-option span,.mention-empty{font-size:13px}.mention-option small{font-size:12px}
.generation-center{font-size:14px}.generation-footer{font-size:12px;line-height:1.5}
dialog p,.login-link{font-size:14px;line-height:1.7}
.inpaint-header h2{font-size:20px}.inpaint-header p{font-size:13px;line-height:1.5}
.inpaint-dialog button,.inpaint-dialog select{font-size:13px;line-height:1.5;min-height:34px}
.inpaint-dialog .inpaint-header button{font-size:24px}
.inpaint-tools label,.inpaint-tools output,.inpaint-zoom output,.outpaint-controls output{font-size:12px;line-height:1.5}
.inpaint-footer>label,.inpaint-options label,.inpaint-options>span,.inpaint-footer #inpaint-status,.outpaint-ratios span,#outpaint-status{font-size:13px;line-height:1.5}
.inpaint-footer textarea{font-size:16px;line-height:1.5;height:72px;min-height:72px}
.inpaint-result h3{font-size:16px}.inpaint-result a{font-size:13px}.outpaint-dialog button.outpaint-handle{min-height:0}
/* Make secondary text readable while preserving the two themes. */
[data-theme="dark"] .nav-label,[data-theme="dark"] .sidebar-help,[data-theme="dark"] .profile-name small,[data-theme="dark"] .demo,[data-theme="dark"] .meta,[data-theme="dark"] .bottom-note,[data-theme="dark"] .section-title span{color:#a69cae}
[data-theme="dark"] .composer-foot,[data-theme="dark"] .parameter-note,[data-theme="dark"] .conversation-explainer,[data-theme="dark"] .turn-result>small{color:#afa2bb}
[data-theme="light"] .nav-label,[data-theme="light"] .sidebar-help,[data-theme="light"] .profile-name small,[data-theme="light"] .demo,[data-theme="light"] .meta,[data-theme="light"] .bottom-note,[data-theme="light"] .section-title span,[data-theme="light"] .composer-foot,[data-theme="light"] .parameter-note,[data-theme="light"] .conversation-explainer,[data-theme="light"] .turn-result>small,[data-theme="light"] .generation-footer{color:#756382}
@media(max-width:760px){.title-row h1{font-size:24px}.title-row h1+p{font-size:14px}.app .composer-toolbar .select{max-width:160px}.app .composer-top{gap:10px;flex-wrap:wrap}.app .composer .inspire{font-size:12px}.app .composer-toolbar{gap:6px}.app .composer .mode button{font-size:13px}.app .content{padding-bottom:480px}.section-title,.thread-toolbar{gap:10px;flex-wrap:wrap}.list-actions{gap:8px}.inpaint-dialog .inpaint-tools{gap:6px}.inpaint-dialog .inpaint-options{gap:8px}.outpaint-controls{gap:8px}}
@media(max-width:480px){.inpaint-tools input{width:72px}.inpaint-header p{font-size:12px}.inpaint-result{width:40%}.inpaint-options>span{font-size:12px}.header-actions .credit-chip{padding:6px 9px}.app>.main .top-switch{gap:10px}}