.layout{display:flex;flex-direction:column;height:100vh}.toolbar{background:#f0f0f0;padding:10px}.canvas-3d{flex:1;height:100%}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%}#app,body,html{overflow-x:hidden!important}#app{height:100vh;width:100vw}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}.room-customizer{align-items:center;background-color:#e5e7eb;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;margin-top:100px;padding:2rem}.container{background-color:#fff;border-radius:0;display:flex;flex-direction:column;min-height:600px;width:100%}.content-wrapper{display:flex;flex:1;min-height:500px}.left-panel{background-color:#f8f9fa;display:flex;flex-direction:column;justify-content:flex-start;padding:3rem;width:35%}.title{color:#2d3748;font-size:2.5rem;font-weight:600;line-height:1.2;margin-bottom:1.5rem}.subtitle{color:#29275b;font-size:1rem;line-height:1.6;margin:0}.right-panel{align-items:center;background-color:#fff;display:flex;justify-content:center;padding:2rem;width:75%}.canvas-container{height:500px;overflow:hidden;position:relative;width:100%}canvas{display:block;height:100%;pointer-events:auto;touch-action:none;width:100%}.dimension-input-overlay{align-items:center;display:flex;justify-content:center;pointer-events:auto}.dimension-display{background-color:#fff;border:1px solid #29275b;border-radius:4px;color:#29275b;cursor:pointer;font-size:14px;font-weight:500;padding:4px 12px;position:relative;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dimension-display.has-pending-changes{animation:pulse 2s infinite;background-color:#f6ad55}.dimension-display.has-pending-changes:hover{background-color:#ed8936}.pending-indicator{font-weight:700;margin-left:2px}.dimension-field{background-color:#29275b;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;outline:none;padding:4px 12px;text-align:center;width:80px}.dimension-field:focus{background-color:#29275b;box-shadow:0 0 0 2px #48bb7880}.dimension-field.has-changes{background-color:#f6ad55}.dimension-field.has-changes:focus{background-color:#ed8936;box-shadow:0 0 0 2px #f6ad5580}.apply-changes-container{bottom:20px;display:flex;gap:10px;position:absolute;right:20px;z-index:1000}.apply-changes-btn{background-color:#29275b}.apply-changes-btn,.cancel-changes-btn{border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.cancel-changes-btn{background-color:#e53e3e}.cancel-changes-btn:hover{background-color:#c53030;box-shadow:0 4px 8px #e53e3e4d;transform:translateY(-1px)}.action-bar{background-color:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:2rem}.update-btn{background-color:#29275b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 32px;text-transform:uppercase;transition:all .2s ease-out}.update-btn:active{transform:translateY(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:768px){.room-customizer{padding:0}.right-panel{padding:0;width:100%}.content-wrapper{flex-direction:column}.left-panel{padding:2rem;width:100%}.title{font-size:2rem}.canvas-container{height:400px}.apply-changes-container{bottom:10px;right:10px}.apply-changes-btn,.cancel-changes-btn{font-size:11px;padding:6px 12px}}