.beverage-scene{--scene-ink:#24483c;--scene-line:#d5ddd3;overflow:hidden;border:1px solid var(--scene-line);border-radius:16px;background:#f7f9f4;color:var(--scene-ink);margin-top:14px}
.beverage-scene-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--scene-line)}
.beverage-scene-head strong{font-size:15px;letter-spacing:.015em}
.beverage-scene-count{font-size:11px;color:#546d60;white-space:nowrap}
.beverage-scene-viewport{height:490px;min-height:330px;position:relative;isolation:isolate;background:#edf1ec}
.beverage-scene-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-5px}
.beverage-scene-canvas:focus-visible{outline:3px solid #b88a25}
.beverage-scene-canvas.is-dragging{cursor:grabbing}
.beverage-scene-controls{position:absolute;right:14px;bottom:14px;display:flex;gap:6px;padding:6px;border:1px solid #d1dccf;border-radius:12px;background:#ffffffeb;box-shadow:0 4px 16px #19382210}
.beverage-scene-control{display:flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;padding:0;border:1px solid #d4ddcf;border-radius:8px;background:#fff;color:#234d3b;font:22px/1 system-ui;cursor:pointer}
.beverage-scene-control:hover{background:#e6edde;border-color:#849c78}
.beverage-scene-control:focus-visible{outline:3px solid #b88a25;outline-offset:2px}
.beverage-scene-control:disabled{opacity:.4;cursor:wait}
.beverage-scene-message,.beverage-scene-empty{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);max-width:90%;width:420px;text-align:center;font-size:13px;line-height:1.6;padding:18px;border-radius:12px;background:#ffffffed;box-shadow:0 3px 18px #1b382110}
.beverage-scene-empty{pointer-events:none;top:45%;width:300px}
.beverage-scene-picker{display:flex;gap:12px;align-items:center;padding:14px 18px 0;font-size:12px;font-weight:700}
.beverage-scene-picker select{min-width:0;flex:1;width:100%;font:inherit;font-weight:500;color:#24483c;background:#fff;border:1px solid #cbd7c6;border-radius:8px;padding:10px}
.beverage-scene-selection{padding:0 18px;font-size:12px;color:#725518}
.beverage-scene-selection:not(:empty){padding-top:9px}
.beverage-scene-hint{margin:0;padding:12px 18px 8px;font-size:11px;line-height:1.5;color:#486454}
.beverage-scene-note{margin:0;padding:0 18px 16px;font-size:10px;line-height:1.6;color:#61776b}
@media(max-width:700px){.beverage-scene-viewport{height:390px;min-height:300px}.beverage-scene-head{flex-wrap:wrap;padding:12px}.beverage-scene-picker{flex-direction:column;align-items:stretch;padding:12px 12px 0;gap:6px}.beverage-scene-controls{right:10px;bottom:10px}.beverage-scene-control{width:36px;height:36px;min-height:36px}.beverage-scene-hint{padding:11px 12px 7px}.beverage-scene-note{padding:0 12px 13px}}
@media print{.beverage-scene-controls,.beverage-scene-picker,.beverage-scene-hint{display:none}.beverage-scene{break-inside:avoid}.beverage-scene-viewport{height:380px}}