:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-weight-400: 400;--font-weight-600: 600;--font-weight-700: 700;--color-blue: #6C5CE7;--color-blue-dark: #5F52D1;--color-white: #FFFFFF;--color-background-2: #F8F9FA;--color-dark: #2D3436;--color-gray: #636E72;--color-light-gray: #E1E8ED;--icon-check-bg: rgba(24, 205, 103, .15);--icon-check-stroke: #18CD67;--color-blue-shadow: 95, 82, 209;--border-radius-8: .5rem;--border-radius-10: .625rem;--border-radius-14: .875rem;--border-radius-16: 1rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.25rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--container-width-landing: 1280px;--container-width-app: 1600px;--container-padding-x: clamp(1rem, 3vw, 2rem);--panel-width: 22.5rem;--transition-duration: .2s;--logo-left-hover: #10B9E4;--logo-right-hover: #37474F;--logo-digits-hover: #000000;--section-gap-x: clamp(1rem, 4vw, 4rem);--breakpoint-mobile: 430px;--breakpoint-tablet: 768px;--breakpoint-desktop-sm: 1024px;--breakpoint-desktop-md: 1280px;--cabinet-right-side: #1E88E5;--cabinet-top-side: #64B5F6;--cabinet-left-side: #EEEEEE;--cabinet-inner-panel: #37474F;--cabinet-server-slots: #607D8B;--indicator-success: #4CAF50;--indicator-warning: #DDDD23;--indicator-error: #E62929;--indicator-small: #263238;--indicator-small-opacity: .4;--cabinet-stroke: black;--cabinet-stroke-width: 4}*{box-sizing:border-box;margin:0;padding:0}html{margin:0;padding:0;height:100%;overflow:hidden}body{margin:0;padding:0;height:100%;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:var(--color-background-2);color:var(--color-dark)}#root{width:100vw;height:100vh;overflow:hidden;position:relative}.configurator-container{display:flex;height:100vh;overflow:hidden}.catalog-panel{width:300px;background:#f8f9fa;padding:20px;overflow-y:auto;border-right:1px solid #dee2e6;display:flex;flex-direction:column;gap:20px}.catalog-panel h2{font-size:18px;font-weight:600;color:#212529;margin-bottom:15px}.equipment-grid{display:grid;grid-template-columns:1fr;gap:10px;flex:1;overflow-y:auto;padding:15px}.equipment-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:10px;cursor:grab;transition:all .2s;display:flex;align-items:center;gap:12px;height:60px}.equipment-card:hover{border-color:#6c63ff;box-shadow:0 2px 8px #6c63ff26}.equipment-card:active{cursor:grabbing}.equipment-card-content{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.equipment-card-name{font-size:13px;font-weight:500;color:#212529;margin-bottom:2px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2;max-height:2.4em}.equipment-card-info{font-size:11px;color:#6c757d;white-space:nowrap}.scene-panel{flex:1;position:relative;background:#fff;overflow:hidden}.controls-panel{width:250px;background:#f8f9fa;padding:20px;border-left:1px solid #dee2e6;display:flex;flex-direction:column;gap:20px}.controls-panel h3{font-size:16px;font-weight:600;color:#212529;margin-bottom:10px}.control-group{display:flex;flex-direction:column;gap:10px}.control-label{font-size:14px;font-weight:500;color:#495057}.control-value{font-size:12px;color:#6c757d}.range-slider{width:100%;height:6px;border-radius:3px;background:#dee2e6;outline:none;-webkit-appearance:none;appearance:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#6c63ff;cursor:pointer;transition:all .2s}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#6c63ff;cursor:pointer;border:none;transition:all .2s}.range-slider::-moz-range-thumb:hover{transform:scale(1.2)}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#6c63ff;color:#fff}.btn-primary:hover{background:#5a52d5}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn:disabled{opacity:.5;cursor:not-allowed}.equipment-counter{padding:15px;background:#fff;border:1px solid #dee2e6;border-radius:8px;text-align:center}.equipment-counter-value{font-size:32px;font-weight:700;color:#6c63ff}.equipment-counter-label{font-size:12px;color:#6c757d;margin-top:5px}.catalog-panel::-webkit-scrollbar,.equipment-grid::-webkit-scrollbar{width:8px}.catalog-panel::-webkit-scrollbar-track,.equipment-grid::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.catalog-panel::-webkit-scrollbar-thumb,.equipment-grid::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:4px}.catalog-panel::-webkit-scrollbar-thumb:hover,.equipment-grid::-webkit-scrollbar-thumb:hover{background:#868e96}@media(max-width:1024px){.catalog-panel{width:250px}.controls-panel{width:200px}}@media(max-width:768px){.configurator-container{flex-direction:column}.catalog-panel,.controls-panel{width:100%;max-height:30vh}.scene-panel{flex:1;min-height:40vh}}@media(max-width:430px){.equipment-card-name{font-size:11px}.equipment-card-info{font-size:9px}}