:root{--bg:#0b1220;--panel:#0f1829;--line:#1e2d47;--text:#e6edf8;--muted:#6b7f9e;--accent:#39b5ff;--danger:#f87171;--sidebar-width:300px;--sidebar-right-width:300px}*{box-sizing:border-box;margin:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI,Inter,system-ui,sans-serif;font-size:13px}.app{grid-template-rows:40px 1fr;width:100%;height:100%;display:grid}.topbar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex}.brand{letter-spacing:.03em;white-space:nowrap;align-items:center;gap:7px;font-weight:700;display:flex}.dot{background:linear-gradient(135deg,#7fe8ff,#39b5ff);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #39b5ffb3}.file-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:11px;overflow:hidden}.tb-btn{border:1px solid var(--line);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;padding:3px 8px;font-size:11px}.tb-btn:hover{background:#39b5ff14;border-color:#3a5580}.tb-btn.danger{color:var(--danger);border-color:#5c2020}.tb-btn.danger:hover{background:#f871711a}.tb-select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:5px;padding:3px 6px;font-size:11px}.tb-select option{background:var(--panel);color:var(--text)}.tb-meta{color:var(--muted);white-space:nowrap;font-size:11px}.tb-sep{background:var(--line);width:1px;height:18px}.tb-spacer{flex:1}.species-search{flex:0 320px;align-items:center;min-width:120px;display:flex;position:relative}.species-search-inner{border:1px solid var(--line);background:#00000040;border-radius:5px;align-items:center;width:100%;height:26px;padding:0 6px;transition:border-color .15s,box-shadow .15s;display:flex}.species-search-inner:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.species-search-icon{color:var(--muted);flex-shrink:0;margin-right:4px}.species-search-input{min-width:0;height:100%;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:11px;font-weight:500}.species-search-input::placeholder{color:var(--muted);opacity:.7}.species-search-input.has-selection{font-weight:600}.species-search-clear{width:18px;height:18px;color:var(--muted);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:14px;line-height:1;transition:background .12s,color .12s;display:inline-flex}.species-search-clear:hover{color:var(--text);background:#fff3}.species-search-clear.hidden{display:none}.species-search-dropdown{background:var(--panel);border:1px solid var(--line);z-index:200;scrollbar-width:thin;border-radius:6px;max-height:320px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000073}.species-search-dropdown.hidden{display:none}.species-search-dropdown::-webkit-scrollbar{width:5px}.species-search-dropdown::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.species-search-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:5px 8px;font-size:11px;transition:background 80ms;display:flex}.species-search-item:hover,.species-search-item.active{background:#ffffff14}.species-search-item .search-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.species-search-item .search-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.species-search-item .search-sci{color:var(--muted);flex-shrink:0;font-size:10px;font-style:italic}.species-search-item .search-badge{color:var(--muted);background:#ffffff0f;border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:9px}.workspace{min-height:0;display:flex;overflow:hidden}.activity-bar{background:var(--bg);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:36px;display:flex}.activity-btn-group{flex-direction:column;align-items:stretch;gap:0;padding:4px 0;display:flex}.activity-btn{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 0;transition:color .15s,background .15s;display:flex;position:relative}.activity-btn:hover{color:var(--text);background:#39b5ff14}.activity-btn.active{color:var(--accent);box-shadow:inset 2px 0 0 var(--accent);background:#39b5ff1f}.activity-btn-icon svg{pointer-events:none;stroke-width:1.5px;width:18px;height:18px;display:block}.activity-btn-label{writing-mode:vertical-lr;text-orientation:mixed;letter-spacing:.04em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:600;line-height:1}.activity-badge{background:var(--accent);color:#000;border-radius:7px;justify-content:center;align-items:center;min-width:13px;height:13px;padding:0 2px;font-size:8px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.sidebar{width:var(--sidebar-width,300px);background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;min-height:0;display:flex;overflow:hidden}.sidebar.collapsed{border-right:none;width:0;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--line);align-items:center;min-height:36px;padding:10px 14px;display:flex}.sidebar-title{color:var(--muted);letter-spacing:.08em;font-size:11px;font-weight:600}.sidebar-body,.sidebar-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.sidebar-panel.scroll-panel{display:block;overflow-y:auto}.sidebar-resize{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;flex-shrink:0;width:4px;transition:background .15s}.sidebar-resize:hover,.sidebar-resize.dragging{background:var(--accent)}.activity-bar--right{border-right:none;border-left:1px solid var(--line)}.activity-bar--right .activity-btn.active{box-shadow:inset -2px 0 0 var(--accent)}.sidebar--right{width:var(--sidebar-right-width,300px);border-right:none;border-left:1px solid var(--line)}.sidebar--right.collapsed{border-left:none;width:0}.main-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.stage{flex:1;min-width:0;min-height:0;padding:5px;overflow:hidden}#playerRoot{border:1px solid var(--line);background:#0a0f1a;border-radius:8px;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.panel-toolbar{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;display:flex}.panel-hint{color:var(--muted);border-bottom:1px solid #1e2d4766;flex-shrink:0;padding:4px 12px;font-size:10px}.panel-hint kbd{color:#c8daf0;background:#0d172b;border:1px solid #2a3d5c;border-bottom-width:2px;border-radius:3px;padding:0 3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.panel-section{border-bottom:1px solid #1e2d474d;padding:8px 14px}.panel-section:last-child{border-bottom:none}.field-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.field-select{border:1px solid var(--line);width:100%;color:var(--text);background:#0d172b;border-radius:5px;padding:5px 7px;font-size:11px}.field-select option{color:var(--text);background:#0d172b}.field-check{color:var(--text);cursor:pointer;align-items:center;gap:6px;font-size:11px;display:flex}.field-check input[type=checkbox]{accent-color:var(--accent)}.field-hint{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.4}.slider-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.slider-val{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.range-input{width:100%;accent-color:var(--accent)}.panel-actions{padding:8px 14px}.panel-desc{padding:4px 14px 0;line-height:1.4}.sidebar-action-btn{border:1px solid var(--accent);width:100%;color:var(--accent);cursor:pointer;background:#39b5ff1a;border-radius:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .15s}.sidebar-action-btn:hover{background:#39b5ff33}.sidebar-action-btn:disabled{opacity:.5;cursor:not-allowed}.xc-load-row{align-items:center;gap:6px;display:flex}.xc-load-row .input{flex:1}.xc-meta-grid{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;padding:0;font-size:11px;line-height:1.4;display:grid}.xc-meta-grid dt{color:#ffffff80;white-space:nowrap}.xc-meta-grid dd{color:#ffffffd9;text-overflow:ellipsis;margin:0;overflow:hidden}.xc-recording-section{max-height:180px;overflow-y:auto}.xc-set-meta{flex-direction:column;gap:6px;display:flex}.set-meta-field{flex-direction:column;gap:2px;display:flex}.set-meta-field .field-label{padding:0;font-size:11px}.set-meta-field .input,.set-meta-field .field-select{padding:4px 6px;font-size:12px}.xc-action-row{gap:6px;margin-top:6px;display:flex}.xc-action-row .sidebar-action-btn{flex:1}.sidebar-action-btn.secondary{color:#ffffffb3;background:0 0;border-color:#fff3}.sidebar-action-btn.secondary:hover{background:#ffffff0f;border-color:#ffffff59}.xc-actions{flex-direction:column;gap:6px;display:flex}.xc-status{padding:6px 14px;font-size:11px;line-height:1.4}.xc-status-info{color:#fff9}.xc-status-success{color:#66bb6a}.xc-status-error{color:#ef5350}.label-list-scroll{flex:1;min-height:0;overflow:hidden auto}.label-origin-header{z-index:2;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--panel);border-bottom:1px solid var(--line);padding:4px 12px;font-size:9px;font-weight:700;position:sticky;top:0}.label-group{border-bottom:1px solid #1e2d4759}.label-group-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:5px 10px;display:flex}.label-group-row:hover{background:#39b5ff0f}.label-group-chevron{width:14px;color:var(--muted);text-align:center;transform-origin:50%;flex-shrink:0;font-size:10px;transition:transform .15s}.label-group.expanded>.label-group-row>.label-group-chevron{transform:rotate(90deg)}.label-group-name{color:#dce8f8;text-overflow:ellipsis;white-space:nowrap;cursor:text;min-width:0;font-size:12px;font-weight:600;line-height:1.35;overflow:hidden}.label-group-name:hover{text-underline-offset:2px;-webkit-text-decoration:underline dashed #3a5580;text-decoration:underline dashed #3a5580}.label-group-count{color:var(--accent);background:#39b5ff1f;border-radius:8px;flex-shrink:0;padding:0 5px;font-size:9px;font-weight:600;line-height:16px}.label-group-row .act-btn{opacity:0;transition:opacity .15s}.label-group-row:hover .act-btn{opacity:1}.label-group-sci{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:0 10px 3px 30px;font-size:11px;font-style:italic;overflow:hidden}.label-group-instances{padding-left:14px}.label-instance{cursor:pointer;border-top:1px solid #1e2d472e;padding:3px 10px 3px 16px;transition:background .1s}.label-instance:hover{background:#39b5ff0f}.label-instance.highlighted{background:#39b5ff1a}.label-instance.selected{box-shadow:inset 2px 0 0 var(--accent);background:#39b5ff24}.label-instance-header{align-items:center;gap:6px;display:flex}.label-instance-meta{color:#6b7f9e;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.label-instance-header .act-btn{opacity:0;transition:opacity .15s}.label-instance:hover .act-btn{opacity:1}.label-card-tags{flex-wrap:wrap;gap:3px;margin-top:2px;display:flex}.tag-mini{color:#8fa4c0;white-space:nowrap;background:#1a2a44;border:1px solid #253a56;border-radius:3px;padding:1px 4px;font-size:9px}.tag-mini.conf{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tag-mini.origin{border-style:dashed}.label-card-detail{border-top:1px solid #1e2d474d;margin-top:4px;padding:6px 0 4px}.detail-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.detail-label{color:var(--muted);text-transform:capitalize;flex-shrink:0;width:70px;font-size:10px}.detail-select{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:4px;flex:1;padding:3px 5px;font-size:11px}.detail-select option{background:var(--panel);color:var(--text)}.detail-custom-tags{padding:2px 0 4px}.color-dot{vertical-align:middle;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.inline-name-input{border:1px solid var(--accent);color:#dce8f8;background:#0d172b;border-radius:3px;outline:none;width:100%;padding:1px 4px;font-size:12px;font-weight:600}.act-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px 3px;font-size:13px}.act-btn:hover{color:var(--text);background:#39b5ff1a}.act-btn.danger:hover{color:var(--danger);background:#f871711a}.labels-empty{color:var(--muted);text-align:center;padding:24px 14px;font-size:12px}.labels-empty kbd{color:#c8daf0;background:#0d172b;border:1px solid #2a3d5c;border-bottom-width:2px;border-radius:4px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.tag-badge{color:#8fa4c0;white-space:nowrap;background:#1a2a44;border:1px solid #253a56;border-radius:3px;align-items:center;gap:3px;margin:1px 2px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;display:inline-flex}.tag-badge .tag-key{color:#5b8cb8}.tag-badge .tag-del{color:#4b6380;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;line-height:1}.tag-badge .tag-del:hover{color:var(--danger)}.tag-add-btn{color:#4b6380;cursor:pointer;vertical-align:middle;background:0 0;border:1px dashed #253a56;border-radius:3px;padding:1px 5px;font-size:10px;display:inline-block}.tag-add-btn:hover{color:#8fa4c0;border-color:#3a7db8}.tag-popover{z-index:9999;background:#020617fa;border:1px solid #253a56;border-radius:6px;flex-direction:column;gap:4px;min-width:180px;padding:6px;display:flex;position:fixed;box-shadow:0 8px 24px #00000080}.tag-popover input{color:var(--text);background:#0d172b;border:1px solid #253a56;border-radius:4px;padding:3px 5px;font-size:11px}.tag-popover .tag-pop-row{align-items:center;gap:4px;display:flex}.input{border:1px solid var(--line);width:100%;color:var(--text);background:#0d172b;border-radius:6px;padding:7px 9px;font-size:12px}.meta{color:var(--muted);font-size:11px}.help-content{padding:12px 14px}.help-section{margin-bottom:14px}.help-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin:0 0 6px;font-size:11px;font-weight:600}.shortcut-grid{grid-template-columns:auto 1fr;gap:3px 10px;font-size:12px;display:grid}.shortcut-grid kbd{color:#c8daf0;white-space:nowrap;text-align:center;background:#0d172b;border:1px solid #2a3d5c;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.shortcut-grid .sc-desc{color:var(--muted)}.help-section p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.birdnet-progress{background:var(--line);border-radius:2px;height:4px;margin:4px 14px;overflow:hidden}.birdnet-progress-bar{background:var(--accent);width:0%;height:100%;transition:width .15s}@media (width<=700px){.activity-bar{width:30px}.activity-btn-label{font-size:8px}.activity-btn-icon svg{width:15px;height:15px}.sidebar{--sidebar-width:240px}.sidebar--right{--sidebar-right-width:240px}.panel-hint{display:none}}.properties-panel{padding:0}.props-section{border-bottom:1px solid var(--line)}.props-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:10px 14px 6px;font-size:11px;font-weight:600}.props-section-body{padding:0 14px 10px}.props-grid{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;padding:0;font-size:11px;line-height:1.5;display:grid}.props-grid dt{color:#ffffff73;white-space:nowrap}.props-grid dd{color:#ffffffd9;text-overflow:ellipsis;margin:0;overflow:hidden}.props-empty{color:var(--muted);padding:2px 0;font-size:11px}.props-tag-header{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:8px;font-size:10px;font-weight:600}.props-color-swatch{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.props-section-title.props-hover-hint{color:var(--accent);font-style:italic}.props-readonly{opacity:.65}.props-input{box-sizing:border-box;width:100%;height:22px;color:var(--text);background:#ffffff0a;border:1px solid #0000;border-radius:3px;outline:none;padding:1px 5px;font-family:inherit;font-size:11px;transition:border-color .15s,background .15s}.props-input:hover{border-color:var(--line)}.props-input:focus{border-color:var(--accent);background:#ffffff14}.props-input-number{width:auto;min-width:64px;font-family:Cascadia Code,Consolas,monospace}.props-number-wrap{align-items:center;gap:4px;width:100%;display:flex}.props-suffix{color:var(--muted);flex-shrink:0;font-size:10px}.props-color-wrap{align-items:center;gap:6px;width:100%;display:flex}.props-color-input{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;width:22px;height:22px;padding:0}.props-color-input::-webkit-color-swatch-wrapper{padding:1px}.props-color-input::-webkit-color-swatch{border:none;border-radius:2px}.props-input-color-text{flex:1;width:auto;min-width:0;font-family:Cascadia Code,Consolas,monospace}.props-select{border:1px solid var(--line);background:var(--panel);width:100%;height:22px;color:var(--text);cursor:pointer;border-radius:3px;outline:none;padding:0 4px;font-family:inherit;font-size:11px}.props-select:hover{border-color:#3a5580}.props-select:focus{border-color:var(--accent)}.esel{min-width:0;display:inline-flex;position:relative}.esel-trigger{border:1px solid var(--line);background:var(--panel);width:100%;height:22px;color:var(--muted);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='%236b7f9e'%3E%3Cpath d='M0 0l4 5 4-5z'/%3E%3C/svg%3E");background-position:right 5px center;background-repeat:no-repeat;border-radius:3px;outline:none;align-items:center;padding:0 18px 0 5px;font-family:inherit;font-size:11px;display:flex;overflow:hidden}.esel-trigger:hover{border-color:#3a5580}.esel-trigger:focus{border-color:var(--accent)}.esel-trigger.esel-has-value{color:var(--text)}.esel-dropdown{background:var(--panel);border:1px solid var(--line);z-index:9999;border-radius:5px;flex-direction:column;width:max-content;min-width:120px;max-width:280px;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 24px #00000080}.esel-dropdown.hidden{display:none}.esel-search{border:none;border-bottom:1px solid var(--line);width:100%;color:var(--text);background:0 0;outline:none;padding:5px 7px;font-family:inherit;font-size:11px}.esel-search::placeholder{color:var(--muted);opacity:.7}.esel-list{scrollbar-width:thin;max-height:200px;overflow-y:auto}.esel-list::-webkit-scrollbar{width:4px}.esel-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.esel-row{cursor:pointer;color:var(--text);align-items:center;gap:4px;padding:4px 7px;font-size:11px;transition:background 60ms;display:flex}.esel-row:hover,.esel-row.esel-active{background:#ffffff12}.esel-row.esel-selected{font-weight:600}.esel-row.esel-selected .esel-label:before{content:"✓ ";color:var(--accent);font-size:10px}.esel-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.esel-actions{flex-shrink:0;gap:2px;display:none}.esel-row:hover .esel-actions{display:flex}.esel-act-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px;line-height:1}.esel-act-btn:hover{color:var(--text)}.esel-act-btn.esel-del:hover{color:var(--danger)}.esel-add-row{color:var(--accent)}.esel-add-label{font-weight:500}.esel-editing{padding:2px 4px}.esel-edit-input{border:1px solid var(--accent);width:100%;color:var(--text);background:#0000004d;border-radius:3px;outline:none;padding:3px 5px;font-family:inherit;font-size:11px}.tag-select-cell .esel-trigger{background-position:right 3px center;height:20px;padding-right:14px;font-size:10px}.tag-select-cell .esel{width:100%}.props-input-tag-key{color:#ffffff73;pointer-events:none;background:0 0;border:none;width:100%;padding:0;font-size:11px}.props-custom-tag-wrap{align-items:center;gap:2px;width:100%;display:flex}.props-custom-tag-wrap .props-input{flex:1;min-width:0}.props-tag-del{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:13px;line-height:1}.props-tag-del:hover{color:#e55}.props-tag-add{border:1px dashed var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:3px;margin-top:6px;padding:2px 8px;font-size:10px;display:inline-block}.props-tag-add:hover{border-color:var(--accent);color:var(--text)}.spectrogram-settings-panel{padding:0}.spectrogram-settings-panel .settings-section{border-bottom:1px solid var(--line);padding:10px 14px}.spectrogram-settings-panel .settings-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:8px;font-size:10px;font-weight:600}.spectrogram-settings-panel .settings-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.spectrogram-settings-panel .settings-row:last-child{margin-bottom:0}.spectrogram-settings-panel .settings-label{color:var(--muted);flex-shrink:0;min-width:65px;font-size:11px}.spectrogram-settings-panel .settings-select{border:1px solid var(--line);background:var(--panel);min-width:0;height:26px;color:var(--text);border-radius:4px;flex:1;padding:0 6px;font-size:11px}.spectrogram-settings-panel .settings-number{border:1px solid var(--line);background:var(--panel);width:68px;height:26px;color:var(--text);border-radius:4px;padding:0 5px;font-family:Cascadia Code,Consolas,monospace;font-size:11px}.spectrogram-settings-panel .settings-range{height:4px;accent-color:var(--accent);flex:1}.spectrogram-settings-panel .quality-label-bar{color:var(--muted);opacity:.7;justify-content:space-between;padding:2px 20px 0;font-size:9px;display:flex}.spectrogram-settings-panel .quality-level-display{text-align:center;color:var(--accent);margin-top:2px;font-size:11px;font-weight:600}.spectrogram-settings-panel .mini-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:2px 6px;font-size:10px}.spectrogram-settings-panel .mini-btn:hover{color:var(--text);border-color:#3a5580}.tb-xc-key{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.tb-xc-key.has-key{color:#4ade80;border-color:#4ade8059}.tb-xc-key.has-key:hover{background:#4ade8014}.xc-nokey-backdrop{z-index:200;background:#0000008c;justify-content:center;align-items:center;animation:.15s fadeIn;display:none;position:fixed;inset:0}.xc-nokey-backdrop:not([hidden]){display:flex}.xc-nokey-dialog{background:var(--panel);border:1px solid var(--line);width:92%;max-width:420px;color:var(--text);border-radius:12px;padding:20px 24px;font-size:13px;line-height:1.5;box-shadow:0 16px 48px #00000080}.xc-nokey-dialog h3{color:var(--text);margin:0 0 10px;font-size:15px;font-weight:600}.xc-nokey-dialog p{color:var(--muted);margin:0 0 8px}.xc-nokey-hint{font-size:11.5px}.xc-nokey-input-row{margin:10px 0 4px}.xc-nokey-input-row .input{box-sizing:border-box;width:100%;padding:6px 8px;font-size:12px}.xc-key-input-row{align-items:stretch;gap:6px;display:flex}.xc-key-input-wrap{flex:1;min-width:0;position:relative}.xc-key-input-wrap .input{box-sizing:border-box;width:100%;height:100%;padding-right:32px}.xc-key-masked{-webkit-text-security:disc}.xc-key-input-row .sidebar-action-btn{white-space:nowrap;flex-shrink:0;width:auto;padding:0 14px}.xc-key-eye{width:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:0 5px 5px 0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:1px;bottom:1px;right:1px}.xc-key-eye:hover{color:var(--text);background:#ffffff0a}.xc-key-eye .xc-eye-hide,.xc-key-eye.revealed .xc-eye-show{display:none}.xc-key-eye.revealed .xc-eye-hide{display:inline}.xc-nokey-dismiss-label{color:var(--muted);cursor:pointer;align-items:center;gap:6px;margin:12px 0 14px;font-size:11.5px;display:flex}.xc-nokey-actions{justify-content:flex-end;gap:8px;display:flex}.xc-nokey-actions .tb-btn:first-child{color:#4ade80;border-color:#4ade8059}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}