.room-sim-app{width:100%;height:100%;display:flex}@media (width<=768px){.room-sim-app{flex-direction:column;height:auto;min-height:100vh}}.room-sidebar{box-sizing:border-box;background:#0f172a;border-right:1px solid #33415599;flex-direction:column;flex-shrink:0;gap:1.5rem;width:320px;padding:1.5rem;font-size:.875rem;display:flex;overflow-y:auto}@media (width<=768px){.room-sidebar{width:100%}}.room-sidebar-body{flex-direction:column;flex:1 0 auto;gap:1.5rem;display:flex}.room-section{flex-direction:column;gap:.5rem;display:flex}.room-section-title{color:#f1f5f9;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:700;display:flex}.room-section-title svg{color:#38bdf8;width:18px;height:18px}.room-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.room-label{color:#94a3b8;text-transform:uppercase;margin-bottom:.35rem;font-size:.75rem;display:block}.room-input{color:#e2e8f0;box-sizing:border-box;background:#0f172a;border:1px solid #64748b;border-radius:.35rem;width:100%;padding:.5rem}.room-btn-primary{color:#fff;cursor:pointer;text-align:center;background:#027dbc;border:1px solid #0ea5e980;border-radius:.5rem;width:100%;padding:.5rem;font-weight:500;transition:background-color .2s}.room-btn-primary:hover{background:#0369a1}.room-flex-wrap{flex-wrap:wrap;gap:.5rem;display:flex}.room-btn-secondary{color:#e2e8f0;cursor:pointer;background:#334155;border:1px solid #475569;border-radius:.25rem;padding:.35rem .65rem;font-size:.8rem}.room-btn-secondary:hover{background:#475569}.room-btn-fixture{color:#e9d5ff;cursor:pointer;background:#334155cc;border:1px solid #a855f74d;border-radius:.25rem;padding:.35rem .65rem;font-size:.8rem}.room-btn-fixture:hover{background:#475569cc}.room-checkbox-label{cursor:pointer;color:#cbd5e1;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.room-checkbox{background:#0f172a;border:1px solid #475569;border-radius:.25rem}.room-edit-panel{background:#0c4a6e33;border:1px solid #0ea5e94d;border-radius:.75rem;padding:1rem}.room-edit-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.room-edit-title{color:#7dd3fc;margin:0;font-size:.875rem;font-weight:700}.room-btn-delete{color:#f87171;cursor:pointer;background:#f871711a;border:none;border-radius:.25rem;min-height:28px;padding:.25rem .5rem;font-size:.75rem}.room-btn-delete:hover{color:#fca5a5;background:#f8717133}.room-btn-reset{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;margin-top:auto;padding:.5rem;font-size:.8rem;display:flex}.room-btn-reset:hover{color:#f87171}.canvas-container{background:#09090b;border-left:1px solid #ffffff0d;flex-grow:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}@media (width<=768px){.canvas-container{min-height:400px}}.canvas-floor{background:#e2e8f0;transition:width .3s,height .3s;position:relative;box-shadow:0 0 0 4px #475569}@media (prefers-reduced-motion:reduce){.canvas-floor{transition:none!important}}.canvas-label-w{color:#38bdf8;white-space:nowrap;background:#1e293b;border:1px solid #38bdf84d;border-radius:.25rem;padding:.25rem .75rem;font-size:.75rem;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.canvas-label-d{color:#38bdf8;white-space:nowrap;background:#1e293b;border:1px solid #38bdf84d;border-radius:.25rem;padding:.25rem .75rem;font-size:.75rem;position:absolute;top:50%;left:-50px;transform:translateY(-50%)rotate(-90deg)}.room-object{cursor:grab;transform-origin:50%;z-index:10;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #0003;border-radius:.25rem;transition:box-shadow .2s;position:absolute}.room-object:active{cursor:grabbing}.room-object:hover{z-index:15;box-shadow:0 10px 15px -3px #0000004d}.room-object.selected{z-index:20;outline:2px solid #0ea5e9;box-shadow:0 0 15px #0ea5e980}.room-object-inner{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;inset:0}.room-object-name{color:#ffffffe6;text-shadow:0 1px 2px #00000080;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9px;font-weight:500;line-height:1.1;overflow:hidden}.room-object-dim{color:#fffc;text-shadow:0 1px 2px #00000080;margin-top:2px;font-size:8px;line-height:1}.room-object-inner.on-light .room-object-name,.room-object-inner.on-light .room-object-dim{color:#0f172a;text-shadow:none}.room-clearance-door{pointer-events:none;transform-origin:100% 100%;background:#ef44441a;border:1px dashed #ef444480;border-radius:100% 0 0;position:absolute}.room-clearance-drawer{pointer-events:none;background:#f973161a;border:1px dashed #f9731680;position:absolute}