html,body{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;color:#fff;margin:0;padding:0;height:100%;overflow:hidden;background-color:#000}a{color:#fff}input{width:100%}select{width:100%;color:#fff;background:#303030;border:1px solid #ccc;border-radius:4px;height:1.6rem}#map{position:absolute;top:0;bottom:0;width:100%;height:100%}.about-info{opacity:60%;position:fixed;bottom:6px;right:8px;z-index:1000}#floatingBox{visibility:collapse;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none;position:fixed;bottom:54px;left:12px;width:300px;background:#0000004d;border:1px solid #ccc;box-shadow:0 0 10px #0000001a;border-radius:6px;padding:14px 16px;display:flex;flex-direction:column;gap:9px;transition:opacity .2s;z-index:2000}#floatingBox *{opacity:80%}.control{display:flex;flex-wrap:wrap;align-items:center;column-gap:6px;row-gap:3px}.control .name{order:1;flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.control .dirs{order:2;display:flex;flex:0 0 auto;gap:3px}.control .dirs button{width:1.3rem;height:1.2rem;padding:0;line-height:1}.control .value{order:3;flex:0 0 auto;text-align:right;font-variant-numeric:tabular-nums}.control input[type=range]{order:4;flex:1 1 100%;width:100%;min-width:0;margin:0;height:1.1rem}.settingsSection,.sectionBody{display:flex;flex-direction:column;gap:9px}.sectionToggle{display:flex;align-items:center;gap:6px;padding:0;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.sectionToggle:hover{background:none;color:inherit}.sectionToggle:hover .sectionTitle{text-decoration:underline}.sectionToggle .chevron{font-size:.7em;width:.7em;text-align:center}.sectionHeaderRow{display:flex;align-items:center;gap:8px}.sectionHeaderRow .sectionToggle{flex:0 0 auto}#animateButton,#exportButton{flex:1 1 auto;min-width:0;height:1.7rem}.exportEstimate{display:flex;align-items:center;gap:8px}#exportResolution{flex:0 0 auto;width:50%}.exportEstimate .estimate{flex:1 1 auto;min-width:0;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}#menuButton{position:fixed;height:2rem;width:3rem;opacity:40%;bottom:12px;left:12px;box-shadow:0 0 10px #0000001a;z-index:1}button{cursor:pointer;border-radius:4px;color:#fff;background:#303030;border:1px solid #ccc}button:hover{color:#000;background:#fff}button:disabled{cursor:default;color:gray;background:#303030}
