.connection-actions{display:flex;flex-wrap:wrap;gap:10px}.connection-actions .btn{min-height:44px}.connection-note{font-size:.9rem;color:#53645f}.connect-button{white-space:nowrap;min-height:36px;font-size:.85rem;padding:5px 10px}.topbar .breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.topbar{gap:6px}.connect-button{font-size:.75rem;padding:4px 8px}.topbar .breadcrumb{font-size:.72rem}}
.header-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-tools .connect-button{min-height:44px;max-width:175px;white-space:normal;line-height:1.3}.app-header .text-toggle{margin-left:0}
@media(max-width:1250px){.header-tools{margin-left:auto}}
@media(max-width:600px){.header-tools{gap:4px}.header-tools .connect-button{width:96px;font-size:12px;padding:4px 6px}.app-header .brand{min-width:0;flex-shrink:1}.app-header .brand img{width:28px;height:28px}.app-header .brand>span{white-space:normal;max-width:120px;line-height:1.25}.app-header .brand small{display:none}.app-header .text-toggle{padding:4px 7px}}
@media(max-width:370px){.app-header{gap:6px}.header-tools .connect-button{width:85px;font-size:11px}.app-header .brand>span{max-width:100px}.app-header .brand img{display:none}}
@media(max-width:800px){.lesson-workspace .header-tools{grid-column:2;grid-row:1}}
@media(max-height:600px) and (max-width:800px){.header-tools .connect-button{width:44px;max-width:44px;font-size:10px;padding:4px}.lesson-workspace .app-header .nav button{font-size:11px}}
.account-form{display:grid;gap:12px;margin:18px 0;text-align:left}.account-form .field{margin:0}.account-form input{width:100%;min-height:44px}.account-form #auth-error:empty{display:none}.account-form #auth-error{color:#963d35;margin:0}.account-form button{min-height:44px}dialog{max-height:90dvh;overflow:auto}