.mlc{position:relative;z-index:3;margin:0;padding:.7rem .75rem .9rem;background:linear-gradient(#5a3822 0 .35rem,#b98a3e .35rem .55rem,transparent .55rem),repeating-linear-gradient(90deg,#8d5d3a 0 3.2rem,#7a4f32 3.2rem 3.3rem);border-top:0;color:#f6e9cb}
.mlc__label{display:inline-block;margin:.3rem 0 .5rem;padding:.2rem .7rem;border:2px solid #6b4a1c;background:linear-gradient(145deg,#f0d896,#b98a3e);color:#3a2610;font:800 .7rem/1.3 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.mlc__area{position:relative;height:9rem;border:2px dashed rgb(240 216 150/55%);border-radius:.4rem;background:radial-gradient(ellipse at 50% 60%,rgb(110 31 46/55%) 0 45%,transparent 46%)}
.mlc-chair{position:absolute;left:0;top:0;width:4.6rem;height:4.6rem;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}
.mlc-chair.is-dragging{cursor:grabbing}
.mlc-chair__art{position:absolute;inset:0;display:block;pointer-events:none}
.mlc-chair__art i{position:absolute;display:block;border:3px solid var(--edge)}
.mlc-chair--a{--c:#1f6b6a;--c2:#287d7b;--edge:#123a3a}
.mlc-chair--b{--c:#6e1f2e;--c2:#8f2a3b;--edge:#3f0f19}
.mlc-chair__art i:nth-child(1){left:12%;right:12%;top:0;height:58%;background:var(--c);border-radius:1rem 1rem .3rem .3rem}
.mlc-chair__art i:nth-child(2){left:18%;right:18%;top:48%;height:28%;background:var(--c2);border-radius:.3rem}
.mlc-chair__art i:nth-child(3){left:0;top:34%;width:22%;height:48%;background:var(--c);border-radius:.6rem}
.mlc-chair__art i:nth-child(4){right:0;top:34%;width:22%;height:48%;background:var(--c);border-radius:.6rem}
.mlc-chair__art i:nth-child(5){left:18%;right:18%;bottom:0;height:12%;border:0;border-top:4px solid #b98a3e;background:transparent}
.mlc-chair.is-selected .mlc-chair__art{filter:drop-shadow(0 0 0 #e6c47f) drop-shadow(0 3px 0 #e6c47f)}
.mlc-chair.is-selected::after{content:"";position:absolute;left:10%;right:10%;bottom:-6px;height:4px;background:#e6c47f}
.mlc-chair:focus-visible{outline:3px solid #f5dda9;outline-offset:2px}
.mlc__controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.7rem}
.mlc__controls label{font:700 .85rem system-ui,sans-serif}
.mlc__controls select,.mlc__controls button{min-height:44px;min-width:44px;font:700 .85rem system-ui,sans-serif;color:#3b2a1c;border:2px solid #5a3822;border-radius:4px;background:linear-gradient(#f4ead2,#dcc79b);padding:.4rem .7rem}
.mlc__controls button{cursor:pointer;box-shadow:0 3px 0 #5a3822;touch-action:manipulation}
.mlc__controls select:focus-visible,.mlc__controls button:focus-visible{outline:3px solid #f5dda9;outline-offset:2px}
.mlc__status{margin:.5rem 0 0;padding:.35rem .6rem;background:rgb(45 36 27/85%);border:1px solid #c9a96d;font:12px/1.35 system-ui,sans-serif;color:#f6e9cb}
.mlc__status.mlc-error{border-color:#ee9aa8;color:#ffd9de}
.mlc__note{margin:.3rem 0 0;font:12px/1.35 system-ui,sans-serif}
@media(max-height:480px) and (orientation:landscape){.mlc__area{height:7rem}.mlc-chair{width:3.6rem;height:3.6rem}}