.mobile-views{display:none}#solveStatus{font-size:11px;padding:5px 9px;border-radius:5px;align-self:center}.app-header .header-tab{font:inherit;min-height:40px;background:transparent;border:0;color:inherit}.model-scope{font-size:11px;line-height:1.5;color:var(--muted);margin:0 0 14px}.app-header .app-brand-row{gap:12px}.app-header .toolkit-home{font-size:11px}
@media(max-width:1100px){body{height:100dvh}.app-header{height:auto;min-height:56px;gap:6px;flex-wrap:wrap;padding:8px 12px}.app-header .app-brand-row{width:100%;justify-content:space-between}.app-title{font-size:14px}.mobile-views{display:flex;flex-shrink:0;gap:4px;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--line)}.mobile-views button{flex:1;min-height:40px}.mobile-views button[aria-pressed=true]{background:var(--blue);color:white}#appGrid{min-width:0;grid-template-columns:minmax(0,1fr);min-height:0}#appGrid>.sidebar,#appGrid>.inspector{display:none;border:0;min-width:0}body[data-mobile-view=edit] #appGrid>.sidebar,body[data-mobile-view=results] #appGrid>.inspector{display:block}body[data-mobile-view=edit] #appGrid>.map-shell,body[data-mobile-view=results] #appGrid>.map-shell{display:none}.data-view{min-width:0}.inner-tabs{overflow-x:auto;flex-shrink:0}.inner-tab{white-space:nowrap}.welcome-screen{padding:12px}.welcome-card{max-height:calc(100dvh - 24px);overflow:auto}.welcome-body{display:block}.welcome-section{margin-bottom:18px}.map-toolbar{max-width:calc(100% - 28px)}.legend{max-width:150px}.site-notice{max-width:calc(100% - 28px)}}

@media(max-width:1100px){.map-toolbar{display:block}.map-tools{width:max-content;max-width:100%}.map-tool-button{min-width:0;padding:0 14px;font-size:13px;height:42px}.map-toolbar .legend{margin-top:10px;margin-left:auto;font-size:10px;max-width:128px}.app-header .app-brand-row{flex-wrap:wrap}.app-header .site-home-link{font-size:17px}.app-header .app-title{font-size:12px}}

.welcome-start { font-size: 13px; font-weight: 500; }
.welcome-hero h2 { font-size: 28px; font-weight: 500; line-height: 1.25; }
.app-header { position: relative; min-height: 64px; height: 64px; padding: 12px 24px; }
.app-header .header-tabs { position: absolute; left: 50%; transform: translateX(-50%); gap: 2px; border-radius: 9px; padding: 3px; }
.app-header .header-tab { min-width: 72px; min-height: 34px; padding: 6px 14px; font-size: 13px; font-weight: 500; border-radius: 6px; color: var(--muted); }
.app-header .header-tab.active { background: var(--blue); color: var(--bg); box-shadow: 0 1px 3px rgba(0,0,0,.18); }
.app-header #solveBtnSolver { min-height: 40px; padding: 8px 10px; font-size: 12px; font-weight: 600; }
@media(max-width:1100px) {
  .app-header { height: auto; min-height: 64px; padding: 12px 16px; }
  .app-header .header-tabs { position: static; transform: none; margin-right: auto; }
  .app-header .app-brand-row { margin-bottom: 3px; }
  .app-header .header-tab { min-width: 60px; min-height: 40px; padding: 6px 10px; }
}