/* UX pass 2026-10-22: readable text sizes, calmer queue, working mobile navigation. */
.eyebrow{font-size:11px;letter-spacing:1px}
.small,small{font-size:12px}
#model-label{display:none}
.slot-number{font-size:11px;letter-spacing:.5px}
.slot-placeholder small{font-size:12px}
.reference-note .eyebrow,.library-top .eyebrow,.sidebar>.eyebrow,.topbar .eyebrow{font-size:11px}
.tag{font-size:11px}
.advanced summary span,.generate-footer .small,.queue .small,.prompt-heading .small{font-size:12px}
#jobs{max-height:420px}
.job small{font-size:12px;max-width:none}
.job-hint{color:#c9b089}
.job-state{font-size:12px;white-space:nowrap}
.asset-caption{font-size:12px}
.asset-actions{flex-wrap:wrap}
.asset-actions button{font-size:12px;flex:1 1 33%;padding:9px 0}
.library-footer{font-size:12px}
.tag-insert{background:#2b261f;color:var(--accent);border:1px solid #4a3f2c;border-radius:4px;padding:3px 8px;font-size:12px;font-family:ui-monospace,Consolas,monospace;margin:4px 0}
.tag-insert:hover{border-color:var(--accent)}
/* One scroll per page on tablets and phones: inner scroll boxes trapped touch scrolling. */
@media(max-width:850px){#jobs,.asset-grid{max-height:none;overflow:visible}}
@media(max-width:560px){
 /* Row 1: brand + account. Row 2: spaces, projects and account actions. */
 .sidebar{flex-wrap:wrap;row-gap:10px;column-gap:8px;border-bottom:1px solid #262a2d}
 .sidebar::after{content:'';order:3;flex-basis:100%;height:0}
 .sidebar .wordmark{order:1}
 .sidebar .account{order:2;margin-left:auto}
 .sidebar>.nav{width:auto;margin:0;font-size:12px;padding:7px 10px;order:7;color:var(--muted)}
 .sidebar>.nav:after{content:none}
 #private-space{display:block!important;order:4;color:var(--accent)}
 #projects{display:flex!important;order:5;gap:6px;max-width:100%;overflow-x:auto;scrollbar-width:none}
 #projects .nav{width:auto;white-space:nowrap;margin:0;padding:7px 12px;font-size:12px;border:1px solid var(--line)}
 .nav-heading{display:flex!important;order:6;margin:0;font-size:0}
 #new-project{font-size:18px;padding:2px 8px}
 .account strong{font-size:13px}
 .topbar{margin-bottom:16px}
 .composer .tabs{flex-wrap:nowrap;overflow-x:auto;gap:18px;scrollbar-width:none}
 .composer .tab{white-space:nowrap;flex:none}
 #generate-form .quick-controls{grid-template-columns:1fr 1fr}
 #generate-form .quick-controls>label:first-child{grid-column:1/-1}
}