@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--sidebar-width: 460px;--sidebar-padding: 1.5rem;--sidebar-background: #121212;--sidebar-text: #FFFFFF;--sidebar-text-secondary: #A0A0A0;--sidebar-border: #1A1A1A;--sidebar-hover: #1A1A1A;--sidebar-active: #2A2A2A;--sidebar-shadow: rgba(0, 0, 0, .2);--sidebar-transition: all .3s ease;--sidebar-z-index: 1000;--sidebar-header-height: 60px;--sidebar-footer-height: 60px;--sidebar-content-padding: 1rem;--sidebar-content-margin: 1rem;--sidebar-content-border-radius: 4px;--sidebar-content-background: #1A1A1A;--sidebar-content-border: 1px solid #2A2A2A;--sidebar-content-shadow: 0 2px 4px rgba(0, 0, 0, .1);--sidebar-content-transition: all .3s ease;--sidebar-content-hover: #2A2A2A;--sidebar-content-active: #3A3A3A;--sidebar-content-disabled: #1A1A1A;--sidebar-content-disabled-text: #A0A0A0;--sidebar-content-disabled-border: 1px solid #2A2A2A;--sidebar-content-disabled-shadow: 0 2px 4px rgba(0, 0, 0, .1);--sidebar-content-disabled-transition: all .3s ease;--sidebar-content-disabled-hover: #1A1A1A;--sidebar-content-disabled-active: #1A1A1A}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html,body{width:100%;height:100%;overflow:hidden;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:#f5f5f5}.app-container{display:flex;height:100vh;width:100vw}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-background);padding:var(--sidebar-padding) 2rem;overflow-y:auto;display:flex;flex-direction:column}.sidebar-header h1{color:var(--sidebar-text);font-size:2.25rem;font-weight:600;margin:0;padding:.5rem 0}.sidebar-section{margin-bottom:1rem}.sidebar-section h2{color:var(--sidebar-text);font-size:1.25rem;font-weight:500;margin-top:1.5rem;margin-bottom:.75rem;display:flex;align-items:center;gap:1rem;padding:.25rem 0}.sidebar-section h2 i{font-size:2rem;color:var(--sidebar-text-secondary)}.sidebar-section>*:not(h2){padding-left:.5rem}.canvas-container{flex:1;position:relative}#renderCanvas{width:100%;height:100%;outline:none}select,input{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #A0A0A0;border-radius:4px;background-color:#1a1a1a;color:#fff;font-size:1rem;transition:all .2s ease}select:hover,input:hover{border-color:#fff}select:focus,input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 2px #fff3}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{background-color:var(--sidebar-content-background);color:var(--sidebar-text);border:1px solid var(--sidebar-border);padding:.75rem 1rem;border-radius:4px;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:var(--sidebar-transition)}button:hover{background-color:var(--sidebar-content-hover);border-color:var(--sidebar-text)}button i{font-size:1.25rem}.centered-button{margin:0 auto;display:flex;justify-content:center;width:fit-content}.button-group{display:flex;flex-wrap:wrap;gap:.75rem}.button-group button{flex:1;min-width:120px}.furniture-list{list-style:none;padding:0;margin:0}.furniture-list li{padding:.75rem;margin-bottom:.75rem;background-color:#1a1a1a;border-radius:4px;color:#fff;border:1px solid #A0A0A0;display:flex;justify-content:space-between;align-items:center}.furniture-actions{display:flex;gap:.5rem}.icon-button{background:none;border:none;color:#a0a0a0;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.icon-button:hover{color:#fff}.icon-button i{font-size:1.25rem}.dialog{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0d0d0d;padding:2rem;border-radius:4px;box-shadow:0 2px 10px #0000004d;z-index:1000;color:#fff;min-width:400px}.dialog h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.75rem;color:#a0a0a0;font-size:1rem}.form-group input{width:100%;padding:.75rem;border:1px solid #A0A0A0;border-radius:4px;background-color:#1a1a1a;color:#fff;font-size:1rem}.form-group input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 2px #fff3}#van-selection select{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #A0A0A0;border-radius:4px;background-color:#1a1a1a;color:#fff;font-size:1rem;transition:all .2s ease;cursor:pointer}#van-selection select:hover{border-color:#fff}#van-selection select:focus{outline:none;border-color:#fff;box-shadow:0 0 0 2px #fff3}select{width:100%;padding:.75rem 2rem .75rem 1rem;background-color:var(--sidebar-content-background);color:var(--sidebar-text);border:1px solid var(--sidebar-border);border-radius:4px;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23A0A0A0'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem}select:hover{border-color:var(--sidebar-text)}select:focus{outline:none;border-color:var(--sidebar-text)}.furniture-form{background-color:var(--sidebar-content-background);border:1px solid var(--sidebar-border);padding:1.3rem!important;border-radius:10px;margin-left:.5rem;color:#fff}.furniture-form .form-group{margin-bottom:1rem}.furniture-form label{display:block;color:var(--sidebar-text-secondary);margin-bottom:.5rem;font-size:.875rem}.furniture-form .dimensions-inputs{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.furniture-form .dimensions-inputs input{flex:1;text-align:center}.furniture-form .color-picker{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.furniture-form .color-option{width:24px;height:24px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.furniture-form .color-option:hover{transform:scale(1.1)}.furniture-form .color-option.selected{border-color:var(--sidebar-text)}.furniture-form .color-picker-button{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:none;border:1px solid var(--sidebar-border);color:var(--sidebar-text-secondary);font-size:.875rem}.furniture-form .color-picker-button:hover{border-color:var(--sidebar-text);color:var(--sidebar-text)}.furniture-form .button-group{display:flex;gap:.5rem;margin-top:2rem}.furniture-form .button-group button{flex:1;justify-content:center;text-align:center;transition:all .2s ease;background-color:var(--sidebar-active)}.furniture-form .button-group button:first-child:hover{background-color:var(--sidebar-hover)}.furniture-form .button-group button:last-child:hover{background-color:var(--sidebar-hover);transform:translateY(-1px)}.error-container{display:none;background-color:#2d1a1a;color:#ff6b6b;padding:.75rem;margin-bottom:1rem;border-radius:4px;border:1px solid #FF6B6B;white-space:pre-line}.form-group input.error{border-color:#ff6b6b}.color-option.selected{border:2px solid #FFFFFF;box-shadow:none}.furniture-name-container{display:flex;align-items:center;gap:.75rem}.color-indicator{width:1rem;height:1rem;border-radius:2px;border:1px solid rgba(255,255,255,.2)}
