#ph-modal{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#ph-modal.show{display:flex}#ph-modal.busy{cursor:progress}#ph-modal.busy #ph-grid{pointer-events:none;opacity:.5}#ph-panel{color:#cfd4e0;background:#0a0c12f7;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;width:min(1000px,92vw);height:min(720px,88vh);font-size:13px;display:flex;overflow:hidden}#ph-panel header{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.ph-title{color:#7ee787;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;font-size:11px}#ph-search{color:#fff;min-width:120px;font:inherit;background:#ffffff14;border:1px solid #fff3;border-radius:5px;flex:1;padding:5px 9px;font-size:13px}#ph-search:focus{border-color:#7ee78780;outline:none}@media (pointer:coarse){#ph-search{font-size:16px}}.ph-opt{color:#ffffff8c;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.ph-opt select{color:#fff;font:inherit;background:#ffffff14;border:1px solid #fff3;border-radius:4px;padding:2px 5px}#ph-close{color:#ffffff73;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:15px}#ph-close:hover{color:#fff}#ph-cats{border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:5px;padding:9px 12px;display:flex}#ph-cats button{color:#ffffff80;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #0000;border-radius:999px;padding:2px 10px;font-size:11px}#ph-cats button:hover{color:#fff}#ph-cats button.on{color:#0a0c12;background:#7ee787}#ph-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));align-content:start;gap:10px;padding:12px;display:grid;overflow-y:auto}.ph-card{color:#ffffffa6;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:column;gap:5px;padding:0;font-size:11px;display:flex;position:relative}.ph-card img{aspect-ratio:1;object-fit:cover;background:#ffffff0d;border-radius:6px;width:100%;display:block}.ph-card span{text-overflow:ellipsis;white-space:nowrap;padding:0 2px 4px;overflow:hidden}.ph-card:hover{color:#fff;border-color:#7ee78780}.ph-have{background:#7ee787;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 2px #00000080}.ph-polys{color:#ffffffb3;pointer-events:none;background:#0000009e;border-radius:4px;padding:1px 5px;font-size:10px;font-style:normal;position:absolute;bottom:22px;left:5px}.ph-empty{text-align:center;color:#ffffff59;grid-column:1/-1;padding:24px 4px}#ph-panel footer{color:#fff6;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:11px;display:flex}#ph-status.err{color:#ff7b72}#ph-disk{color:#dfe4ee;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:4px;flex:none;padding:3px 10px;font-size:11px}#ph-disk:hover{color:#fff;border-color:#ffffff80}#au-modal{z-index:55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#au-modal.show{display:flex}#au-panel{color:#cfd4e0;background:#0a0c12f7;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;width:min(720px,94vw);max-height:88vh;font-size:13px;display:flex;overflow:hidden}#au-panel header{border-bottom:1px solid #ffffff1a;align-items:center;gap:14px;padding:10px 12px;display:flex}.au-title{color:#7ee787;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;font-size:11px}#au-panel header label{color:#fff9;flex:1;align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}#au-panel header select{color:#fff;min-width:60px;font:inherit;background:#ffffff14;border:1px solid #fff3;border-radius:5px;flex:1;padding:4px 6px;font-size:12px}#au-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:15px}#au-close:hover{color:#fff}#au-tempo{color:#fff9;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}#au-bpm{color:#fff;width:56px;font:inherit;font-variant-numeric:tabular-nums;background:#ffffff14;border:1px solid #fff3;border-radius:4px;padding:3px 6px}#au-bpm:focus{border-color:#7ee78780;outline:none}#au-bpm.au-live{color:#7ee787;border-color:#7ee78759}#au-tap{color:#cfd4e0;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:5px;padding:3px 14px;font-size:12px}#au-tap:hover{color:#fff;border-color:#ffffff80}#au-tap:active{background:#7ee78740}#au-tempo-note{text-align:right;margin-left:auto}#au-spectrum{touch-action:none;background:#00000059;width:100%;height:170px;display:block}.au-addrow{border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:8px 12px;display:flex}#au-add{color:#cfd4e0;font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff40;border-radius:5px;padding:4px 10px;font-size:12px}#au-add:hover{color:#fff;border-color:#ffffff80}.au-hint{color:#ffffff59;font-size:11px}#au-meters{padding:6px 12px 12px;overflow-y:auto}.au-row{align-items:center;gap:8px;padding:3px 0;display:flex}.au-swatch{border-radius:3px;flex:none;width:10px;height:10px}.au-name{color:#cfd4e0;width:76px;font:inherit;background:0 0;border:1px solid #0000;border-radius:4px;flex:none;padding:2px 4px;font-size:12px}input.au-name:hover,input.au-name:focus{background:#ffffff14;border-color:#fff3;outline:none}.au-fixed{color:#7ee787}.au-hz{color:#fff6;font-variant-numeric:tabular-nums;flex:none;width:78px;font-size:10px}.au-meter{cursor:ew-resize;touch-action:none;flex:1;min-width:100px;height:26px}.au-val{text-align:right;color:#ffffffb3;font-variant-numeric:tabular-nums;flex:none;width:34px;font-size:11px}.au-sm{color:#cfd4e0;width:44px;font:inherit;background:#ffffff14;border:1px solid #fff3;border-radius:4px;flex:none;padding:2px 4px;font-size:11px}.au-sm:focus{border-color:#7ee78780;outline:none}.au-auto{color:#fff6;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:4px;flex:none;padding:2px 7px;font-size:11px}.au-auto:hover{color:#fff;border-color:#ffffff80}.au-auto.on{color:#7ee787;border-color:#7ee78799}.au-del{color:#fff6;cursor:pointer;background:0 0;border:none;flex:none;width:20px;padding:0;font-size:12px}button.au-del:hover{color:#ff7b72}#sb-audio-manage{color:#cfd4e0;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:5px;margin:7px 0;padding:3px 10px;font-size:12px;display:block}#sb-audio-manage:hover{color:#fff;border-color:#ffffff80}#org-modal{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#org-modal.show{display:flex}#org-panel{color:#cfd4e0;background:#0a0c12f7;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;width:min(1040px,94vw);height:min(680px,88vh);font-size:13px;display:flex;overflow:hidden}#org-panel header{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;padding:10px 12px;display:flex}.org-title{color:#7ee787;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;font-size:11px}#org-search{color:#fff;min-width:100px;font:inherit;background:#ffffff14;border:1px solid #fff3;border-radius:5px;flex:1;padding:5px 9px;font-size:13px}#org-search:focus{border-color:#7ee78780;outline:none}#org-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:15px}#org-close:hover{color:#fff}#org-cols{flex:1;grid-template-columns:1fr 1.2fr 1.4fr;min-height:0;display:grid}.org-col{border-right:1px solid #ffffff14;flex-direction:column;min-height:0;display:flex}.org-col:last-child{border-right:none}.org-col h3{text-transform:uppercase;letter-spacing:.1em;color:#ffffff73;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:6px;margin:0;padding:8px 10px;font-size:11px;font-weight:600;display:flex}.org-col h3 button{color:#dfe4ee;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:4px;padding:2px 7px;font-size:12px;line-height:1}.org-col h3 button:hover{color:#fff;border-color:#ffffff80}.org-col h3 select{color:#dfe4ee;font:inherit;text-transform:none;letter-spacing:0;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:4px;padding:1px 4px;font-size:11px}.org-col ul{overscroll-behavior:contain;flex:1;margin:0;padding:4px;list-style:none;overflow-y:auto}.org-col li{cursor:pointer;border-top:1px solid #0000;border-bottom:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:5px 6px;display:flex}.org-col li:hover{background:#ffffff12}.org-col li.on{color:#fff;background:#7ee78724}.org-col li>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.org-col li button{color:#ffffff59;font:inherit;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12px}.org-col li button:hover{color:#fff}.org-col li button:disabled{opacity:.25;cursor:default}.org-col li button.org-del:hover{color:#ff7b72}.org-col li em{color:#ffffff59;font-size:11px;font-style:normal}.org-n{color:#ffffff4d;text-align:right;min-width:15px;font-size:10px;font-style:normal}.org-missing{color:#ff7b72b3;font-style:italic}.org-badge{text-transform:uppercase;border:1px solid #fff3;border-radius:3px;margin-left:6px;padding:0 4px;font-size:9px}.org-empty{color:#ffffff4d;cursor:default;padding:8px 6px}.org-empty:hover{background:0 0}.org-col li.org-over{background:#7ee7872e}.org-col li.org-before{border-top-color:#7ee787}.org-col li.org-after{border-bottom-color:#7ee787}.org-tags{flex-wrap:wrap;justify-content:flex-end;gap:3px;max-width:55%;display:flex}.org-tags i{color:#ffffff8c;background:#ffffff17;border-radius:8px;padding:1px 5px;font-size:10px;font-style:normal}.org-tags.auto i{color:#4fd1c5;background:#4fd1c524}#org-tagbar{border-top:1px solid #ffffff1a;align-items:center;gap:10px;padding:9px 12px;display:flex}.org-tagfor{text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;white-space:nowrap;font-size:11px}#org-tagin{color:#fff;font:inherit;background:#ffffff14;border:1px solid #fff3;border-radius:5px;flex:1;padding:5px 9px;font-size:13px}#org-tagin:focus{border-color:#7ee78780;outline:none}@media (pointer:coarse){#org-search,#org-tagin{font-size:16px}#org-cols{grid-template-columns:1fr;overflow-y:auto}.org-col{border-bottom:1px solid #ffffff14;border-right:none}.org-col ul{max-height:34vh}.org-col li{padding:9px 6px}.org-col li button{padding:4px 8px;font-size:14px}}