html,body,#app{width:100%;height:100%;margin:0}body{font:13px Arial,sans-serif;color:#222;background:#fff}#app{display:flex;flex-direction:column}.header{flex:0 0 auto;display:flex;align-items:center;gap:4px;min-height:32px;padding:0 8px;border-bottom:1px solid #ccc}.header-menus{display:flex;flex:1 1 auto;align-items:center;gap:4px;min-width:0}.header details{position:relative;flex:none}.header summary{cursor:pointer;padding:5px 8px;white-space:nowrap}.header nav{position:absolute;z-index:20;top:26px;left:0;min-width:190px;padding:4px;border:1px solid #ccc;background:#fff}.header nav a{display:block;padding:6px 8px;color:inherit;text-decoration:none;white-space:nowrap}.header nav a:hover,.header nav a:focus,.header-link:hover,.header-link:focus{background:#eee}.header nav a.router-link-active{background:#eaf5f2;color:#244d48}.header-link{padding:5px 8px;color:inherit;text-decoration:none;white-space:nowrap}#fill-controls{flex:none;margin-left:auto}@media(max-width:520px){.header{gap:0;padding:0 2px}.header-menus{gap:0}.header summary,.header-link{padding-inline:4px}#fill-controls{display:none}}