/* Horizontal application navigation; slide navigation stays local to the editor. */
.workspace{margin-left:0}
.app-header{display:flex;align-items:center;gap:24px;padding:16px 32px;background:var(--paper);border-bottom:1px solid var(--line)}
.app-header .brand{flex-shrink:0;font-size:19px;white-space:nowrap}
.app-header .brand small{font-size:10px;letter-spacing:1.6px}
.app-header .nav{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0}
.app-header .nav button{min-height:50px;padding:12px 16px;font-size:16px;gap:9px;white-space:nowrap}
.app-header .text-toggle{min-height:48px;font-size:15px;flex-shrink:0}
.topbar{min-height:48px;padding:9px 32px;background:var(--bg);border:0}
.breadcrumb{display:flex;font-size:14px;min-width:0;overflow-wrap:anywhere}
.breadcrumb strong{min-width:0}.topbar>.badge{flex-shrink:0}
main{max-width:1760px;padding:22px 32px 32px}
.btn{min-height:48px;font-size:16px}.icon-btn{min-width:48px;min-height:48px}
.editor{grid-template-columns:250px minmax(0,1fr);gap:24px}
.slide-select strong{font-size:15px}.slide-row{min-height:90px}.reorder button{min-width:44px;min-height:44px}
.outline-sidebar h3{font-size:13px}.editor-toolbar>strong{font-size:16px}.editor-toolbar .compact{font-size:15px;padding:9px 14px}
.setup-page{max-width:1120px}.setup-page .field{font-size:16px}.setup-page .field input,.setup-page .field textarea,.setup-page .field select{font-size:18px;min-height:50px}
.wide-edit input,.wide-edit textarea{font-size:19px}.pages-toggle{font-size:16px!important}
@media(max-width:1250px){.app-header{gap:16px;padding:14px 24px;flex-wrap:wrap}.app-header .nav{order:3;flex-basis:100%;justify-content:flex-start}.app-header .text-toggle{margin-left:auto}.topbar{padding-inline:24px}main{padding-inline:24px}.editor{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:800px){.editor{grid-template-columns:1fr}.app-header .nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.app-header .nav button{justify-content:center;white-space:normal;text-align:center;padding:10px 8px;font-size:14px;gap:6px}.app-header .nav button .icon{display:none}.topbar>.badge{display:none}.breadcrumb{font-size:13px}.outline-sidebar .slide-row{min-height:96px}.editor-toolbar .compact{font-size:14px;padding:8px 10px}}
@media(max-width:600px){.app-header{padding:14px 16px;gap:12px}.app-header .brand{font-size:16px;gap:8px}.app-header .brand img{width:36px;height:36px}.app-header .brand small{font-size:9px}.app-header .text-toggle{font-size:14px;padding:6px 10px}.app-header .text-toggle span{display:none}.app-header .nav button{font-size:13px;min-height:50px;padding:8px 5px}.topbar{padding:10px 16px}.breadcrumb{display:block;font-size:12px}.breadcrumb span{margin:0 6px}main{padding:16px}.editor-toolbar{flex-wrap:wrap}.editor-toolbar .actions{margin-left:auto}.editor-toolbar>strong{font-size:14px}.setup-page .field input,.setup-page .field textarea,.setup-page .field select{font-size:17px}.large-text .app-header .nav button{font-size:16px}.large-text .app-header .brand{font-size:16px}.sample-bottom .btn,.setup-page>.footer-actions .btn{font-size:14px}.sample-bottom .btn:first-child{font-size:0}}
@media(max-width:370px){main{padding-inline:12px}.app-header,.topbar{padding-inline:12px}.app-header .brand{font-size:14px}.app-header .brand small{letter-spacing:1px}.app-header .nav{gap:4px}.app-header .nav button{font-size:12px}.large-text .app-header .nav button{font-size:14px}.setup-page>.footer-actions .btn{font-size:12px}}