.room-sim-app{display:flex;height:100%;width:100%}@media(max-width:768px){.room-sim-app{flex-direction:column;height:auto;min-height:100vh}}.room-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:1.5rem;font-size:.875rem;padding:1.5rem;background:#0f172a;border-right:1px solid rgba(51,65,85,.6);overflow-y:auto}@media(max-width:768px){.room-sidebar{width:100%}}.room-section{display:flex;flex-direction:column;gap:.5rem}.room-section-title{font-weight:700;color:#f1f5f9;margin:0 0 1rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}.room-section-title svg{width:18px;height:18px;color:#38bdf8}.room-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.room-label{display:block;color:#94a3b8;margin-bottom:.35rem;font-size:.75rem;text-transform:uppercase}.room-input{width:100%;background:#0f172a;border:1px solid #334155;border-radius:.35rem;padding:.5rem;color:#e2e8f0;box-sizing:border-box}.room-btn-primary{width:100%;background:#0284c7;color:#fff;font-weight:500;padding:.5rem;border-radius:.5rem;border:1px solid rgba(14,165,233,.5);cursor:pointer;transition:background-color .2s;text-align:center}.room-btn-primary:hover{background:#0ea5e9}.room-flex-wrap{display:flex;flex-wrap:wrap;gap:.5rem}.room-btn-secondary{background:#334155;color:#e2e8f0;padding:.35rem .65rem;border-radius:.25rem;font-size:.8rem;border:1px solid #475569;cursor:pointer}.room-btn-secondary:hover{background:#475569}.room-btn-fixture{background:#334155cc;color:#e9d5ff;padding:.35rem .65rem;border-radius:.25rem;font-size:.8rem;border:1px solid rgba(168,85,247,.3);cursor:pointer}.room-btn-fixture:hover{background:#475569cc}.room-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:.75rem;color:#cbd5e1}.room-checkbox{background:#0f172a;border:1px solid #475569;border-radius:.25rem}.room-edit-panel{background:#0c4a6e33;padding:1rem;border-radius:.75rem;border:1px solid rgba(14,165,233,.3)}.room-edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.room-edit-title{font-weight:700;color:#7dd3fc;font-size:.875rem;margin:0}.room-btn-delete{color:#f87171;font-size:.75rem;padding:.25rem .5rem;background:#f871711a;border-radius:.25rem;border:none;cursor:pointer}.room-btn-delete:hover{color:#fca5a5;background:#f8717133}.room-btn-reset{margin-top:auto;color:#64748b;font-size:.8rem;display:flex;justify-content:center;padding:.5rem;background:none;border:none;cursor:pointer}.room-btn-reset:hover{color:#f87171}.canvas-container{flex-grow:1;height:100%;display:flex;align-items:center;justify-content:center;position:relative;background:#09090b;border-left:1px solid rgba(255,255,255,.05);overflow:hidden}@media(max-width:768px){.canvas-container{min-height:400px}}.canvas-floor{position:relative;background:#e2e8f0;box-shadow:0 0 0 4px #475569;transition:width .3s,height .3s}.canvas-label-w{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#1e293b;color:#38bdf8;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;border:1px solid rgba(56,189,248,.3);white-space:nowrap}.canvas-label-d{position:absolute;left:-55px;top:50%;transform:translateY(-50%) rotate(-90deg);background:#1e293b;color:#38bdf8;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;border:1px solid rgba(56,189,248,.3);white-space:nowrap}.room-object{position:absolute;cursor:grab;border-radius:.25rem;transition:box-shadow .2s;border:1px solid rgba(0,0,0,.2);transform-origin:center center;z-index:10;touch-action:none;user-select:none}.room-object:active{cursor:grabbing}.room-object:hover{box-shadow:0 10px 15px -3px #0000004d;z-index:15}.room-object.selected{outline:2px solid #0ea5e9;box-shadow:0 0 15px #0ea5e980;z-index:20}.room-object-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;padding:2px;text-align:center}.room-object-name{font-size:9px;font-weight:500;line-height:1.1;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.room-object-dim{font-size:8px;line-height:1;color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.5);margin-top:2px}.room-clearance-door{position:absolute;border:1px dashed rgba(239,68,68,.5);background:#ef44441a;pointer-events:none;border-radius:100% 0 0;transform-origin:bottom right}.room-clearance-drawer{position:absolute;border:1px dashed rgba(249,115,22,.5);background:#f973161a;pointer-events:none}