#selection-time-info{position:absolute;top:2px;right:4px;z-index:1200;font-size:12px;background:rgb(255 255 255 / .92)}html,body{padding:0 5px;margin:0;overflow-x:hidden;background:#fff;font-family:'Noto Sans HK',sans-serif}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mobile-hidden{display:none!important}#viewer-wrapper{position:relative;flex-grow:1;min-width:0}#viewer-container{width:100%;height:820px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;box-sizing:border-box;position:relative;border:1px solid #000}#spectrogram-only{position:relative;display:inline-block;min-width:100%}.viewer-row{display:flex;align-items:flex-start;position:relative}#freq-axis-wrapper{display:flex;height:820px}#freq-axis{width:45px;height:820px;position:relative;flex-shrink:0;pointer-events:none}#freq-label{width:20px;font-size:12px;margin-right:-10px;display:flex;align-items:center;justify-content:center;white-space:nowrap;transform:rotate(-90deg);transform-origin:center;pointer-events:none}.freq-label-static{position:absolute;width:40px;text-align:right;font-size:12px;color:#000;pointer-events:none}.hover-line-horizontal{position:absolute;height:1px;width:100%;background:rgb(0 0 0 / .5);z-index:20;pointer-events:none}.hover-line-vertical{position:absolute;width:1px;height:100%;background:rgb(0 0 0 / .5);z-index:20;pointer-events:none}.progress-line{position:absolute;width:2px;height:100%;background:rgb(255 0 0 / .7);z-index:25;pointer-events:none;display:none;cursor:ew-resize}.sidebar-button.playing{background-color:#B91F1C}.sidebar-button.paused{background-color:#07ae33}#hover-line,#hover-line-vertical,#zoom-controls{display:none}#hover-label{position:absolute;transform:translate(0,-50%);font-family:'Noto Sans HK',sans-serif;font-size:12px;color:#000;background-color:#fff;padding:2px 6px;border:1px solid #ccc;border-radius:4px;white-space:nowrap;z-index:30;pointer-events:none;display:none}#fixed-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:11;overflow:hidden}#fixed-overlay>*{pointer-events:none}#fixed-overlay>.freq-marker{pointer-events:auto;cursor:move!important}#fixed-overlay>.path-handle{pointer-events:auto;position:absolute;width:8px;height:8px;margin-left:-5px;margin-top:-5px;border:2px solid rgb(0 0 0 / .7);border-radius:50%;background:rgb(255 255 255 / .8);cursor:move!important;opacity:1;transition:opacity 0.1s}.path-handle.dragging,#autoid-lines .handle-connector.dragging{opacity:0.4!important}#autoid-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}#autoid-lines path{stroke:rgb(255 0 0 / .7);stroke-width:3px;stroke-linecap:round;fill:none}#autoid-lines line.handle-connector{stroke:rgb(0 0 0 / .7);stroke-width:2px;opacity:1;transition:opacity 0.1s}#progress-line{pointer-events:auto}.hide-cursor{cursor:none!important}#time-axis-wrapper{overflow:hidden;margin-left:55px}#time-axis{height:20px;font-size:12px;white-space:nowrap;z-index:5;position:relative}#time-label{font-size:12px;margin:-5px 0 0 65px;text-align:center}#zoom-controls{position:absolute;bottom:30px;right:10px;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px rgb(0 0 0 / .2);z-index:12;overflow:hidden;pointer-events:auto}.zoom-button{width:30px;height:30px;font-size:18px;background:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.zoom-button:not(:disabled):hover{background:#eee}.zoom-button:disabled{background:#eee;color:#aaa;cursor:not-allowed}input[type="range"]{-webkit-appearance:none;width:100px;height:6px;background:#ddd;border-radius:3px;margin:0 6px;outline:none;transition:background 0.3s;vertical-align:middle}input[type="range"]::-webkit-slider-thumb,input[type="range"]::-moz-range-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#007bff;cursor:pointer;box-shadow:0 0 2px rgb(0 0 0 / .4)}.control-row,.freq-controls,.slider-group{display:flex;align-items:center;gap:10px}.control-row{flex-wrap:wrap;gap:20px;margin-top:10px}.reset-button-inline{margin-left:10px}.slider-label{font-size:14px;min-width:80px}.slider-value{font-size:13px;font-weight:700;text-align:right;color:#333;margin:-3px 0 0 -10px}input[type="text"],input[type="number"],input[type="file"]{padding:4px 10px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:'Noto Sans HK',sans-serif;box-shadow:inset 0 1px 2px rgb(0 0 0 / .05);background-color:#fff;cursor:text;transition:background 0.3s}input[type="file"]:hover{background-color:#f0f0f0}.flat-icon-button{font-size:14px;padding:6px 12px;background-color:#e0e0e0;color:#333;border:1px solid #bbb;border-radius:4px;cursor:pointer;transition:background-color 0.2s,box-shadow 0.2s;vertical-align:middle}.flat-icon-button:hover{background-color:#d5d5d5;box-shadow:0 1px 2px rgb(0 0 0 / .2)}.flat-icon-button:active{background-color:#ccc}#freq-grid{position:absolute;top:0;left:0;z-index:2;pointer-events:none}.switch{position:relative;display:inline-block;width:46px;height:26px}.switch input{opacity:0;width:0;height:0}.slider-label{display:inline-flex;align-items:center;gap:6px}.slider.round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#888;transition:0.4s;border-radius:26px}.slider.round:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:0.4s;border-radius:50%}.switch input:checked+.slider.round{background-color:#2196F3}.switch input:checked+.slider.round:before{transform:translateX(20px)}.draggable-tooltip{border-radius:5px;transition:box-shadow 0.2s ease}.draggable-tooltip:hover{box-shadow:3px 3px 8px rgb(0 0 0 / .4)}.selection-btn-group{position:absolute;top:-15px;right:-35px;display:flex;gap:3px;padding:4px;background:rgb(0 0 0 / .7);border-radius:12px;box-shadow:0 2px 4px rgb(0 0 0 / .5);z-index:25;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.selection-btn-group i{width:18px;height:18px;font-size:9px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;cursor:pointer;transition:background 0.2s ease}.selection-btn-group i:hover{background:rgb(255 255 255 / .9)}.selection-rect:hover .selection-btn-group{opacity:1;pointer-events:auto}.selection-duration{position:absolute;left:50%;transform:translateX(-50%);bottom:-18px;font-size:12px;background:rgb(255 255 255 / .7);padding:0 3px;pointer-events:none;white-space:nowrap;border-radius:3px;z-index:25}#searchInput{flex:1;box-sizing:border-box}#searchContainer{display:flex;align-items:center;gap:4px;margin-bottom:8px}#mainarea{flex-grow:1;overflow-x:hidden;padding-left:2px;padding-top:10px}#sidebar{width:250px;border-right:1px solid #ccc;padding:10px 10px 10px 0;margin-right:10px;font-size:13px;flex-shrink:0;box-sizing:border-box;transition:width 0.3s ease,opacity 0.3s ease;overflow:hidden}#sidebar.edit-mode{width:300px}#sidebar.collapsed{width:0;padding:0;margin-right:0;border:none;opacity:0;pointer-events:none}#fileList{list-style:none;padding:0;padding-right:3px;margin:0;height:100vh;max-height:calc(100vh - 480px);overflow-y:auto;transition:max-height 0.3s ease}#Metadata{padding:8px;margin:0;height:350px;max-width:100%;background-color:#f5f5f5;border-radius:8px;box-sizing:border-box;transition:height 0.3s ease}#Metadata .section-title{font-weight:700;font-size:14px;display:block}#guano-output{margin:0;padding:0;height:310px;overflow-x:auto;transition:height 0.3s ease;word-break:break-word;font-family:'Noto Sans HK',sans-serif;font-size:12px}#Metadata.collapsed{height:35px}#Metadata.collapsed #guano-output{height:0}#fileList.metadata-collapsed{max-height:calc(100% - 145px)}#control-bar{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-family:'Noto Sans HK',sans-serif;font-size:13px;margin-bottom:8px;position:relative}#top-bar{display:flex;align-items:center;gap:5px;width:100%}#peak-mode-tool-bar{position:absolute;left:50%;top:calc(100% + 30px);transform:translateX(-50%) scale(.9);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:12px;row-gap:5px;padding:8px 12px;width:450px;background-color:#fff;border-radius:20px;box-shadow:0 4px 12px rgb(0 0 0 / .15);border:1px solid #eee;font-family:'Noto Sans HK',sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease,top 0.2s ease;overflow-x:auto;z-index:100}input[type="range"]#peakThresholdSlider{width:150px}#peak-mode-tool-bar.open{opacity:1;pointer-events:auto}#peak-mode-tool-bar .toolbar-divider{width:1px;height:24px;background-color:#ddd;margin:0 0 0 -4px}#tool-bar{position:absolute;left:50%;top:calc(100% + 30px);transform:translateX(-50%) scale(.9);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:12px;row-gap:5px;padding:8px 12px;width:780px;background-color:#fff;border-radius:20px;box-shadow:0 4px 12px rgb(0 0 0 / .15);border:1px solid #eee;font-family:'Noto Sans HK',sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease;overflow-x:auto}#tool-bar.open~#peak-mode-tool-bar.open{top:calc(100% + 115px)}#tool-bar:not(.open)~#peak-mode-tool-bar.open,#peak-mode-tool-bar.open{top:calc(100% + 30px)}#tool-bar.open{opacity:1;pointer-events:auto;z-index:101}#tool-bar .toolbar-button{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;background:none;border:none;border-radius:20px;cursor:pointer;transition:background-color 0.2s}#tool-bar .toolbar-button:hover{background-color:rgb(0 0 0 / .05)}#tool-bar .toolbar-divider{width:1px;height:24px;background-color:#ddd;margin:0 0 0 -4px}#tool-bar .toolbar-break{flex-basis:100%;height:0}#auto-id-panel{display:none;width:426px;height:auto;left:50%;transform:translateX(-50%)}#auto-id-panel .panel-reset-btn{background:none;border:none;cursor:pointer;margin-left:4px}#auto-id-panel .panel-reset-btn:hover i{color:#000}#auto-id-panel .panel-reset-btn i{color:#555}#auto-id-panel .autoid-row{display:flex;align-items:center;gap:0;font-size:14px}#auto-id-panel .autoid-label{width:80px}#auto-id-panel .autoid-field{display:flex;align-items:center;gap:4px}#auto-id-panel .autoid-input{width:37px;height:23px;padding:2px 6px;text-align:center;cursor:pointer;transition:background-color 0.2s ease}#auto-id-panel .autoid-input:hover{background-color:#f0f0f0}#auto-id-panel .autoid-input:disabled{background-color:#eee;color:#aaa;cursor:not-allowed}#auto-id-panel .autoid-input.invalid{background-color:#fdd}#auto-id-panel .autoid-input.warning{background-color:#fdd}#auto-id-panel .autoid-unit{margin-left:2px}#auto-id-panel .active-get{background-color:#ddd}#auto-id-panel .autoid-body{display:flex;flex-direction:column;padding:10px}#autoid-tabs{display:flex;flex-direction:row}.autoid-tabs-row{display:flex;align-items:center;margin-bottom:8px}#autoid-tabs button{margin-right:4px;padding:2px 4px;width:43px;height:25px;cursor:pointer;background-color:#f0f0f0;font-weight:700;color:#1d1d1d;border:0;border-radius:6px;transition:background-color 0.25s ease}#autoid-tabs button.active{background-color:#555;color:#fff}#autoid-tabs button:hover{background-color:#555;color:#fff}#autoid-fields{display:grid;grid-template-columns:1fr 1fr;column-gap:8px;row-gap:6px}.autoid-action-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px}.autoid-result-row{display:flex;justify-content:center;margin-top:4px}.autoid-action-btn{padding:4px 8px;height:25px;background-color:#ffea7a;color:#222;font-weight:700;border:none;border-radius:6px;cursor:pointer}.autoid-action-btn:hover{background-color:gold}.autoid-action-btn:disabled,.autoid-action-btn:disabled:hover{background-color:#e0e0e0;color:#777;cursor:not-allowed}.autoid-result-label{font-size:14px}.autoid-marker{margin-left:4px;background:none;border:none;cursor:pointer;padding:0}#auto-id-panel .autoid-marker:hover{color:#000}#auto-id-panel .autoid-marker:disabled{color:#aaa;cursor:not-allowed}.freq-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;cursor:move!important;z-index:30}.freq-marker[data-title]{z-index:31}.freq-marker[data-title]:hover{z-index:32}.freq-marker[data-title]:hover::after{content:attr(data-title);position:absolute;bottom:70%;left:600%;transform:translate(-50%,-4px);background:rgb(51 51 51 / .7);color:#fff;padding:3px 6px 5px 6px;border-radius:10px;white-space:nowrap;pointer-events:none;z-index:33;font-size:12px;font-family:'Noto Sans HK',sans-serif;text-transform:none;font-weight:400}#fixed-overlay>.pulseid-result{position:absolute;transform:translate(-50%,0);background:rgb(51 51 51 / .7);color:#fff;padding:3px 6px 5px 6px;border-radius:10px;white-space:nowrap;pointer-events:auto;cursor:pointer;transition:opacity 0.2s ease;z-index:34;font-size:12px;font-family:'Noto Sans HK',sans-serif;text-transform:none;font-weight:400}#fixed-overlay>.pulseid-result.inactive{opacity:.5}#fixed-overlay>.pulseid-result.inactive:hover{opacity:1}body.markers-disabled .freq-marker{pointer-events:none!important;cursor:default!important}#fixed-overlay>.freq-marker.hide-cursor,.freq-marker.hide-cursor{cursor:none!important}#fixed-overlay>.path-handle.hide-cursor,.path-handle.hide-cursor{cursor:none!important}.marker-start{color:#e74c3c}.marker-end{color:#004cff}.marker-high{color:#3498db}.marker-low{color:#9b59b6}.marker-knee{color:#f39c12}.marker-heel{color:#16a085}.marker-cfstart{color:#e67e22}.marker-cfend{color:#1abc9c}.sidebar-button{width:30px;height:30px;background-color:#555;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background-color 0.2s;position:relative}.sidebar-button:hover{background-color:#222}.sidebar-button.paused:hover{background-color:#05902c}.sidebar-button.playing:hover{background-color:#9f1410}#stopBtn:hover{background-color:#082c87}#expandBackBtn:hover{background-color:#9f1410}.sidebar-button i{color:#fff;font-size:15px}.file-note-input{width:0;margin-left:0;display:none;padding:0;font-size:13px;height:20px;background-color:#eee;border:1px solid #ccc;border-radius:4px;border-width:0;box-sizing:border-box;overflow:hidden;opacity:0;pointer-events:none;transition:width 0.3s ease,margin-left 0.3s ease,opacity 0.3s ease,padding 0.3s ease,border-width 0.3s ease}#sidebar.edit-mode .file-note-input{width:100px;margin-left:4px;padding:2px 4px;border-width:1px;display:inline-block;opacity:1;pointer-events:auto}.file-path-display{display:inline-block;background-color:#f5f5f5;padding:5px 16px;border-radius:8px;max-width:200px;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}#fileNameText,.fileNameText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-left:hover .fileNameText{font-weight:700}#drop-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid;background-color:rgb(255 255 255 / .6);display:flex;align-items:center;justify-content:center;z-index:99;pointer-events:none}#map-drop-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid;background-color:rgb(255 255 255 / .6);display:none;align-items:center;justify-content:center;z-index:1001;pointer-events:none}#loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid;background-color:rgb(255 255 255 / .6);display:none;align-items:center;justify-content:center;z-index:999;pointer-events:none}#loading-overlay .spinner{border:4px solid rgb(0 0 0 / .3);border-top:4px solid #333;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}#upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid;background-color:rgb(255 255 255 / .6);display:none;flex-direction:column;align-items:center;justify-content:center;z-index:998;pointer-events:none}#upload-overlay .spinner{border:4px solid rgb(0 0 0 / .3);border-top:4px solid #333;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}#upload-overlay .progress-container{width:60%;height:10px;background-color:#ccc;border-radius:5px;margin-top:10px;overflow:hidden}#upload-overlay .progress-bar{height:100%;width:0%;background-color:#333;border-radius:5px}#upload-overlay .progress-text{margin-top:6px;font-size:14px;color:#333;font-family:'Noto Sans HK',sans-serif}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#tag-panel{display:none;position:absolute;top:0;left:0;width:100px;box-sizing:border-box}body.tag-mode-active #tag-panel{display:flex;flex-direction:column;gap:4px}#tag-panel .tag-title{font-weight:700;font-size:13px;margin-bottom:4px}#whole-spectrogram{transition:padding-left 0.3s ease}body.tag-mode-active #whole-spectrogram{padding-left:100px}body.tag-mode-active #toggleTagModeBtn{background-color:#007bff}body.settings-open #setting{background-color:#007bff}body.map-open #mapBtn{background-color:#007bff}body.autoid-open #autoIdBtn{background-color:#007bff}body.timeexp-open #timeexpBtn{background-color:#007bff}#peakBtn.toolbar-open{background-color:#0d6efd}#peakBtn.active{background-color:#dc3545}input.tag-button{width:90px;margin-bottom:4px;height:27px;background-color:#555;border:1px solid #ccc;border-radius:13px;box-sizing:border-box;font-size:13px;font-weight:700;color:#fff;text-align:center;cursor:pointer;padding:0;transition:background-color 0.2s ease,color 0.2s ease}input.tag-button:hover{background-color:gold;color:#000}input.tag-button.active{background-color:gold;color:#000;font-weight:700}input.tag-button.editing{background-color:#fafafa;color:#000;cursor:text;font-weight:400}#editTagsBtn{margin-top:8px;border:none;width:90px;background-color:#007bff;color:#fff;font-weight:700}#editTagsBtn.editing-mode{background-color:#2ea44f}#branding-header{display:flex;align-items:center;gap:10px;padding:0 20px 8px 0;font-family:'Noto Sans HK',sans-serif;z-index:1000;position:relative}#branding-logo{width:36px;height:36px}.branding-text{display:flex;flex-direction:column;line-height:1.2}.branding-title{font-size:20px;font-weight:600;color:#222}.branding-subtitle{font-size:9px;color:#666}.dropdown-button{font-size:14px;padding:4px 30px 4px 12px;background-color:#fff;color:#333;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:background-color 0.2s;position:relative;font-family:'Noto Sans HK',sans-serif;box-shadow:inset 0 1px 2px rgb(0 0 0 / .05)}.dropdown-button:hover{background-color:#d5d5d5}.dropdown-button:disabled{background-color:#eee;color:#aaa;cursor:not-allowed}.dropdown-button::after{content:'';position:absolute;right:10px;top:50%;margin-top:-3px;border-left:5px solid #fff0;border-right:5px solid #fff0;border-top:6px solid #333}#sampleRateInput.dropdown-button{width:70px}#fftSizeInput.dropdown-button{width:70px}#windowTypeInput.dropdown-button{width:80px;text-align:left;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-menu{position:absolute;display:none;background:#fff;border-radius:8px;box-shadow:0 2px 6px rgb(0 0 0 / .2);padding:4px 0;z-index:1000;font-family:'Noto Sans HK',sans-serif}.dropdown-item{padding:6px 20px;cursor:pointer;white-space:nowrap;font-size:14px}.dropdown-item:hover,.dropdown-item.highlighted{background-color:#f0f0f0}.dropdown-item.selected::before{content:'\2713';margin-right:6px;color:#1a73e8}.map-popup{position:absolute;background:rgb(255 255 255 / .7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .3);border-radius:8px;z-index:1000;box-shadow:0 2px 6px rgb(0 0 0 / .3);cursor:default;user-select:none;overflow:hidden;opacity:1;transition:opacity 0.3s ease}.map-popup.hidden{opacity:0;pointer-events:none}.map-popup.resizing{transition:none}.map-popup.animating{transition:left 0.4s cubic-bezier(.25,.46,.45,.94),top 0.4s cubic-bezier(.25,.46,.45,.94),width 0.4s cubic-bezier(.25,.46,.45,.94),height 0.4s cubic-bezier(.25,.46,.45,.94)}.popup-drag-bar{position:relative;height:30px;line-height:30px;background:rgb(255 255 255 / .5);border-bottom:1px solid rgb(0 0 0 / .1);border-top-left-radius:8px;border-top-right-radius:8px;cursor:move;user-select:none}.popup-title{margin-left:10px;font-weight:700;font-size:14px}.popup-close-btn{position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;border:none;background:#fff0;font-size:18px;cursor:pointer}.popup-close-btn:hover{color:#c00}.popup-min-btn{position:absolute;top:0;right:40px;width:30px;height:30px;line-height:30px;border:none;background:#fff0;font-size:11px;cursor:pointer}.popup-min-btn:hover{color:#333}.popup-max-btn{position:absolute;top:0;right:20px;width:30px;height:30px;line-height:30px;border:none;background:#fff0;font-size:11px;cursor:pointer}.popup-max-btn:hover{color:#333}.sidebar-item{padding:3px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}.sidebar-left{display:flex;align-items:center;flex-grow:1;min-width:0;min-height:20px;cursor:pointer}.sidebar-file-icon{margin-right:6px}.sidebar-right{display:flex;align-items:center;flex-shrink:0;white-space:nowrap}.sidebar-flags{display:flex;flex-shrink:0;white-space:nowrap}.flag-icon{margin-left:4px;cursor:pointer}.selection-rect{position:absolute;border:1px solid #000;background-color:rgb(0 0 0 / .05);z-index:20;transition:background-color 0.2s}.selection-rect:hover{background-color:rgb(0 0 0 / .1)}.selection-ctrl-icon{font-size:30px;color:#00000070;width:30px;height:30px;display:flex;align-items:center;justify-content:center;z-index:26;pointer-events:none}.persistent-line{position:absolute;left:0;width:100%;height:1px;background:red;z-index:15}.freq-tooltip{position:absolute;z-index:30;padding:6px 10px;background:#fff;font-size:12px;font-family:'Noto Sans HK',sans-serif;box-shadow:2px 2px 5px rgb(0 0 0 / .2);cursor:move}.tooltip-close-btn{position:absolute;top:2px;right:6px;cursor:pointer}.freq-major-tick{position:absolute;left:40px;transform:translateY(-50%);width:5px;height:1px;background:#000}.freq-minor-tick{position:absolute;left:42px;transform:translateY(-50%);width:3px;height:1px;background:#000}.freq-axis-label{position:absolute;right:8px;transform:translateY(-50%)}.time-major-tick{position:absolute;top:-1px;width:1px;height:5px;background:#000;opacity:.7}.time-minor-tick{position:absolute;top:-1px;width:1px;height:3px;background:#000;opacity:.7}.time-axis-label{position:absolute;top:1px;transform:translateX(-50%);font-size:12px}.time-axis-label.zero-label{transform:none}.coord-scale-wrapper{position:absolute;bottom:6px;left:6px;background:rgb(255 255 255 / .8);padding:5px 10px;border-radius:4px;font-size:12px;pointer-events:none;z-index:500;display:flex;align-items:center;gap:10px}.coord-scale-wrapper .leaflet-control-scale{margin:0;background:#fff0}#QCF-duration-warning,#QCF-slope-warning,#highknee-time-warning,#lowknee-time-warning,#highheel-time-warning,#lowheel-time-warning,#highfreq-warning,#lowfreq-warning,#startfreq-warning,#endfreq-warning{display:none;top:38px;left:50%;bottom:auto;height:20px;width:max-content;transform:translateX(-50%);background:rgb(16 16 16 / 55%);backdrop-filter:blur(4px);color:#fff}.map-marker-other i{font-size:28px;line-height:28px;color:gold;opacity:.5;transform:scale(.75);transform-origin:bottom center;pointer-events:none;filter:drop-shadow(0 2px 2px rgb(0 0 0 / .4))}.map-marker-trash i{font-size:28px;line-height:28px;color:gray;opacity:.5;transform:scale(.75);transform-origin:bottom center;pointer-events:none;filter:drop-shadow(0 2px 2px rgb(0 0 0 / .4))}.map-marker-trash:hover i,.map-marker-other:hover i{transform:scale(1);opacity:.8;z-index:1000}.map-marker-current i{font-size:28px;line-height:28px;color:#fa6e02;opacity:1;transform:scale(1);transform-origin:bottom center;pointer-events:none;z-index:1000;filter:drop-shadow(0 2px 2px rgb(0 0 0 / .4))}.map-marker-device i{font-size:28px;line-height:28px;color:#007bff;opacity:1;transform:scale(1);transform-origin:bottom center;pointer-events:none;filter:drop-shadow(0 2px 2px rgb(0 0 0 / .4))}.map-tooltip{background:#fff;color:#000;border-radius:4px;white-space:nowrap}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:0.9!important}.leaflet-popup.map-tooltip-pinned .leaflet-popup-content-wrapper,.map-tooltip-pinned .leaflet-popup-content-wrapper{background:rgb(51 51 51 / .9);color:#fff;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;border:1px solid rgb(51 51 51 / .9);border-radius:3px;padding:6px 5px 6px 6px;white-space:nowrap;box-shadow:0 1px 3px rgb(0 0 0 / .4)}.leaflet-popup.map-tooltip-pinned .leaflet-popup-tip,.map-tooltip-pinned .leaflet-popup-tip{background:#fff0}.leaflet-popup.map-tooltip-pinned .leaflet-popup-tip-container .leaflet-popup-tip{background:rgb(51 51 51 / .9);box-shadow:none;margin-top:-17px}.leaflet-popup.map-tooltip-pinned .leaflet-popup-content{padding:0;margin:0;font-size:.75rem;line-height:1.5}.leaflet-popup.map-tooltip-pinned{pointer-events:auto}.leaflet-route-toggle-control{display:flex;align-items:center}.leaflet-route-toggle-control>a,.leaflet-route-toggle-control .route-button-group a,.leaflet-draw-toggle-control a{width:26px;height:26px;line-height:26px;text-align:center}.leaflet-route-toggle-control>a.active{background-color:#e6e6e6}.leaflet-route-toggle-control .route-button-group{display:flex;margin-left:1px;gap:1px;max-width:0;opacity:0;overflow:hidden;transition:max-width 0.3s ease,opacity 0.3s ease}.leaflet-route-toggle-control .route-button-group.visible{max-width:100px;opacity:1}.leaflet-route-toggle-control .route-button-group a i,.leaflet-route-toggle-control>a i,.leaflet-draw-toggle-control a i{color:#363636}.leaflet-draw-toggle-control{margin-top:1px!important}.leaflet-div-icon{height:10px!important;width:10px!important;border-radius:5px!important;margin:-5px!important}.leaflet-text-toggle-control a{width:26px;height:26px;line-height:26px;text-align:center}.leaflet-text-toggle-control{display:flex;align-items:center;margin-top:1px!important}.leaflet-text-toggle-control>a.active{background-color:#e6e6e6}.leaflet-text-toggle-control>a i{color:#363636}.leaflet-text-toggle-control .text-button-group{display:flex;margin-left:1px;gap:1px;max-width:0;opacity:0;overflow:hidden;transition:max-width 0.3s ease,opacity 0.3s ease}.leaflet-text-toggle-control .text-button-group.visible{max-width:100px;opacity:1}.leaflet-text-toggle-control .text-button-group a{width:26px;height:26px;line-height:26px;text-align:center}.leaflet-text-toggle-control .text-button-group a i{color:#363636}.leaflet-export-control a{width:26px;height:26px;line-height:26px;text-align:center}.leaflet-export-control{margin-top:1px!important}.leaflet-export-control a i{color:#363636}.map-text-icon{background:none!important;border:none!important;box-shadow:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important}.map-text-label{font-size:16px;font-family:'Noto Sans HK';font-weight:700;color:#000;white-space:pre;text-shadow:-1px -1px 0 #ffffff,1px -1px 0 #ffffff,-1px 1px 0 #ffffff,1px 1px 0 #fff;pointer-events:auto;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);position:relative}.map-text-input{position:absolute;font-family:'Noto Sans HK';font-size:16px;padding:4px 6px 0;border:1px solid rgb(0 0 0 / .4);border-radius:5px;background:rgb(255 255 255 / .9);z-index:1000;overflow:hidden;resize:none;transform:translate(-50%,-100%)}#layout{display:flex;flex-direction:row;height:100vh}#fileListHeaderRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.metadata-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px}.header-icons{display:flex;align-items:center;gap:4px}#fileListHeader{font-weight:700}#fileCount{font-weight:400}.action-icon{cursor:pointer;padding-top:1px}#metadata-toggle{cursor:pointer}#fileInput{display:none}#currentFilePath i{margin-right:6px}#expandBackBtn{display:none;background-color:#B91F1C}#expandBackCount,#expandBackBtn .expand-back-count{position:absolute;top:-6px;right:-6px;background-color:#f44336;color:#fff;border-radius:50%;padding:1px 4px 0 4px;font-size:10px;line-height:13px;min-width:7px;height:14px;display:none;justify-content:center;align-items:center}#overlapInput{width:45px;padding-right:0;text-align:center}.freq-input{width:40px;padding-right:0}.contrast-icon{margin-right:-10px}.brightness-icon,.gain-icon{padding-left:5px;margin-right:-10px}#spectrogram-wrapper{position:relative}#spectrogram-settings{padding:0 0 2px;margin-left:65px;font-size:12px;font-family:'Noto Sans HK',sans-serif;z-index:10;display:flex;align-items:center;justify-content:space-between}#color-bar{width:400px;height:15px;margin-left:10px;border:1px solid #222}.drop-border{position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:5px dashed rgb(150 150 150 / .8);border-radius:10px}.drop-message{text-align:center;font-family:'Noto Sans HK',sans-serif;font-size:24px;color:#333}.drop-icon{font-size:60px;color:#666;margin-bottom:10px}#spectrogram-only{height:800px}#mapPopup{display:none}#map{width:100%;height:calc(100% - 31px);border-radius:0 0 8px 8px;position:relative}#no-coord-message,#copy-coord-message{top:0;left:50%;transform:translateX(-50%);margin-top:10px;bottom:auto;display:none}.modal-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:auto;display:block}.message-box-content{padding:10px;white-space:pre-line;font-size:14px}.message-box-actions{display:flex;justify-content:center;gap:30px;margin-bottom:10px}#stopBtn{background-color:#1035AC;display:none;width:0;overflow:hidden;transition:width 0.2s ease}#stopBtn.show{display:inline-flex;width:30px}.freq-context-menu{position:absolute;background:rgb(255 255 255 / .7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .3);border-radius:8px;box-shadow:0 2px 6px rgb(0 0 0 / .3);padding:4px 0;z-index:1000;font-family:'Noto Sans HK',sans-serif;user-select:none;display:none}.freq-menu-item{padding:3px 14px;cursor:pointer;white-space:nowrap;font-size:12px}.freq-menu-item:hover{background-color:rgb(0 0 0 / .1)}.freq-menu-item.disabled{color:#aaa;cursor:default}.freq-menu-item.disabled:hover{background-color:#fff0}.freq-menu-item.delete{color:red}.freq-submenu{min-width:120px;background:rgb(255 255 255 / .7);border:1px solid rgb(255 255 255 / .3);border-radius:8px;box-shadow:0 2px 6px rgb(0 0 0 / .3);padding:4px 0;font-family:'Noto Sans HK',sans-serif;user-select:none;z-index:1001}.freq-menu-calltype>span{font-weight:700;color:#888;pointer-events:none}.cluster-marker-container{filter:drop-shadow(0 2px 4px rgb(0 0 0 / .2))}.cluster-marker-icon{width:40px;height:40px;background:linear-gradient(135deg,#ffe452 0%,#ffbf01 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:14px;box-shadow:0 2px 8px rgb(0 0 0 / .3);cursor:default;transition:transform 0.2s ease;opacity:.8;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.cluster-marker-icon:hover,.cluster-marker-icon.cluster-marker-hover{transform:scale(1.2)}.cluster-tooltip{background-color:rgb(255 255 255 / .9)!important;color:#222!important;border:1px solid #fff!important;border-radius:6px!important;padding:6px 10px!important;font-size:12px!important;font-weight:500!important;box-shadow:0 2px 8px rgb(0 0 0 / .3)!important}.map-marker-survey{filter:drop-shadow(0 1px 2px rgb(0 0 0 / .2))}.map-marker-survey:hover{filter:drop-shadow(0 2px 4px rgb(0 0 0 / .4))}