.graphics-panel{position:absolute;bottom:18px;left:12px;z-index:12;pointer-events:auto;min-width:128px;color:#c4dce0;background:#102631e8;max-width:280px}.graphics-panel>summary{list-style:none;padding:11px 14px;cursor:pointer;font-size:12px;font-weight:650}.graphics-panel>summary::-webkit-details-marker{display:none}.graphics-panel[open]{width:280px;box-shadow:0 15px 60px #0008}.graphics-panel[open]>summary{border-bottom:1px solid #ffffff18}.graphics-content{padding:15px}.graphics-content>label{display:grid;gap:7px;margin-bottom:15px;font-size:12px;color:#9abdc4}.graphics-content select{appearance:auto;width:100%;padding:9px 8px;color:#e8f1ec;border:1px solid #759ba666;border-radius:6px;background:#1a3742;font:inherit}.graphics-content .graphics-auto{display:flex;align-items:center;line-height:1.5;gap:8px;color:#c4d7d6}.graphics-auto input{accent-color:#d9bf87;flex-shrink:0}.graphics-content small{font-size:10px;line-height:1.7;display:block;color:#809fa9}.graphics-status{font-size:11px;color:#e0cc9e;margin:15px 0 10px}.graphics-panel summary:focus-visible,.graphics-content select:focus-visible{outline:2px solid #dfc58b;outline-offset:3px}@media(max-width:650px){.graphics-panel{bottom:101px;left:10px;min-width:auto;max-width:260px}.graphics-panel[open]{width:min(260px,calc(100vw - 20px))}.graphics-panel>summary{padding:10px;font-size:11px}}
.audio-panel{position:absolute;bottom:18px;left:152px;z-index:13;pointer-events:auto;min-width:100px;max-width:290px;background:#102631ed;color:#bfd7dd}.audio-panel>summary{list-style:none;padding:11px 14px;font-size:12px;cursor:pointer;font-weight:650}.audio-panel>summary::-webkit-details-marker{display:none}.audio-panel[open]{width:290px;box-shadow:0 15px 60px #0008}.audio-content{padding:15px}.audio-state{font-size:11px;line-height:1.7;color:#c9cbb5;margin:0 0 10px}.audio-content>button{width:100%;border:1px solid #a5b6a85a;background:#304a4c;color:#e1e9de;border-radius:7px;padding:9px;cursor:pointer;margin-bottom:16px;font-size:11px}.audio-sliders label{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:15px;font-size:12px}.audio-sliders input{grid-column:span 2;width:100%;accent-color:#d9bf87}.audio-sliders output{color:#d5c398;font-size:11px}.audio-content small{display:block;color:#819faa;font-size:10px;line-height:1.7}@media(max-width:650px){.audio-panel{bottom:101px;left:112px;min-width:auto}.audio-panel[open]{left:10px;width:min(290px,calc(100vw - 20px))}.audio-panel>summary{padding:10px;font-size:11px}}