.vlPanel{margin:16px 0;padding:14px;border-radius:16px;background:#14251f;border:1px solid #63886a;color:#edf6e9}.vlHead{display:flex;justify-content:space-between;align-items:center;gap:10px}.vlHead b{font-size:17px;color:#f6dfac}.vlHead small{display:block;font-size:12px;color:#b7d3c4;margin-top:5px}.vlHead span{white-space:nowrap;color:#f0dfa4;font-size:12px}.vlBar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}.vlBar button,.vlBar select{background:#254538;border:1px solid #7a9c88;color:#f5fff6;border-radius:8px;padding:8px 10px;cursor:pointer}.vlBar label{font-size:12px;color:#d5e8d5}.vlCanvasWrap{position:relative;overflow:hidden;border-radius:12px;border:1px solid #849e82;background:#63885b}.vlCanvasWrap canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:none;background:transparent;border:0;border-radius:0;cursor:pointer;touch-action:manipulation}.vlOverlay{position:absolute;top:10px;left:10px;background:#122b26dd;padding:6px 10px;border-radius:8px;font-size:12px;pointer-events:none}.vlFoot{margin-top:10px;display:grid;gap:7px;font-size:12px;line-height:1.55}.vlFoot>div{background:#203b31;border-radius:8px;padding:9px}.vlNotice{display:block;margin-top:9px;font-size:11px;color:#c8d6c5}@media(max-width:650px){.vlPanel{padding:10px}.vlHead{align-items:start;flex-direction:column}.vlHead b{font-size:15px}.vlBar button,.vlBar select{min-height:39px}}