.petaca-lab { margin:28px 0; padding:24px; border:1px solid #d8e3e5; border-radius:16px; background:#f6f9fa; }
.petaca-lab h2 { margin:0 0 12px; }
.petaca-actions { display:flex; gap:10px; flex-wrap:wrap; margin:16px 0; align-items:center; }
#petaca-lab .petaca-actions button { background:#fff; color:#25343a; border:1px solid #b6c8ce; padding:10px 16px; border-radius:8px; cursor:pointer; font:inherit; box-shadow:none; }
.petaca-actions button:focus-visible,.petaca-object:focus-visible { outline:3px solid #149982; outline-offset:3px; }
.petaca-scene { display:block; width:100%; background:radial-gradient(ellipse at 50% 45%,#fff,#eaf1f4); border:1px solid #dce5e8; border-radius:12px; touch-action:pan-y; }
.petaca-scene text { font-family:Arial,sans-serif; }
.petaca-object { cursor:grab; touch-action:none; }
.petaca-object.dragging { cursor:grabbing; }
.petaca-contact { fill:#d5e0e5; stroke:#657d89; stroke-width:3; }
.petaca-contact.connected { fill:#b6ead3; stroke:#138168; }
.petaca-lamp-glow { opacity:0; transition:opacity .2s; }
.petaca-status { min-height:3.5em; padding:14px 18px; border-left:4px solid #16856e; background:#e8f4ee; border-radius:6px; line-height:1.6; }
.petaca-status.is-short { background:#fff0e8; border-color:#d36c35; }
.petaca-meter { display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-weight:700; }
.petaca-meter progress { width:180px; height:16px; accent-color:#16856e; }
.petaca-note { font-size:.88rem; color:#536873; line-height:1.65; }
@media(max-width:600px){.petaca-lab{padding:15px}.petaca-status{min-height:5em}}
