.control-panel{color:#f5f7fa;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;background:linear-gradient(160deg,#070f1ceb,#0c2030e6);border:1px solid #ffffff2e;border-radius:12px;width:min(340px,100vw - 24px);padding:14px 14px 12px;font:13px/1.35 Trebuchet MS,Segoe UI,sans-serif;position:fixed;top:12px;right:12px;box-shadow:0 8px 30px #00000059}.control-panel.is-hidden{display:none}.control-panel-toggle{z-index:6;color:#f3f7ff;cursor:pointer;background:#0c1422e0;border:1px solid #ffffff3d;border-radius:10px;padding:8px 12px;font:600 13px/1.2 Trebuchet MS,Segoe UI,sans-serif;position:fixed;top:12px;right:12px}.control-panel-toggle:hover{background:#ffffff29}.control-panel h2{margin:0;font-size:20px}.control-panel .panel-tip{color:#c6d0dc;margin:4px 0 10px;font-size:12px}.control-panel label{grid-template-columns:1fr auto;gap:3px 10px;margin-bottom:10px;display:grid}.control-panel label span{color:#e4edf8;grid-column:1/-1}.control-panel label strong{color:#ffd166;font-weight:700}.control-panel input,.control-panel select,.control-panel button{font:inherit}.control-panel input[type=range]{width:100%}.control-panel select{color:#f7fbff;background:#ffffff14;border:1px solid #fff3;border-radius:8px;width:100%;padding:5px 8px}.control-panel .panel-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;display:grid}.control-panel button{color:#f3f7ff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff3d;border-radius:8px;padding:7px 10px}.control-panel button:hover{background:#ffffff29}@media (width<=800px){.control-panel{width:auto;max-height:45vh;left:12px;right:12px;overflow:auto}.control-panel-toggle{left:12px;right:auto}}