.tab-btn:hover {background: #f0f0f0;}.tab-content.active {display: block;}.uic-dims {padding: 10px 15px;}.dim-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;}.dim-unit-v2 {margin-bottom: 18px;}.dim-unit {margin-bottom: 18px;}.dim-label {font-size: 11px;color: #888;font-weight: bold;display: block;margin-bottom: 8px;}.dim-input {width: 65px;border: 1px solid #ccc;border-radius: 4px;padding: 0px;text-align: center;font-weight: bold;font-size: 16px;transition: border 0.2s;}.dim-input:focus {border-color: #fa8c1e;outline: none;}.slider-datalist-top {display: flex;justify-content: space-between;width: 100%;padding: 0px;margin-bottom: 0px;}.slider-datalist-top option {padding: 0;font-size: 10px;color: #8c8c8c;font-family: Arial, sans-serif;text-align: center;line-height: 1;}.dim-slider {flex: 1;accent-color: #fa8c1e;height: 6px;cursor: pointer;border-radius: 3px;width: 100%;}.dim-slider::-webkit-slider-thumb {border: 2px solid #fa8c1e;background: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}.preset-buttons {display: flex;gap: 8px;margin-top: 5px;}.preset-btn {border: none;background: #f0f0f0;padding: 6px 10px;border-radius: 4px;font-size: 12px;color: #555;cursor: pointer;transition: all 0.2s;}.preset-btn:hover {background: #e0e0e0;color: #fa8c1e;}.uic-outside {padding: 10px;}.uic-outside label {font-size: 12px;color: #666;display: block;margin-bottom: 8px;}.mirror-selector {display: grid;grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));gap: 8px;margin-top: 5px;margin-bottom: 20px;}.mir-btn {border: 2px solid #eee;border-radius: 6px;cursor: pointer;padding: 5px;text-align: center;background: #fff;font-weight: bold;transition: all 0.2s;}.mir-btn:hover {border-color: #fa8c1e;}.mir-btn.active {border-color: #fa8c1e;background: #fff8f0;}.profile-selector {display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin: 5px 0 15px 0;font-size: 12px;}.prof-btn {border: 2px solid #eee;border-radius: 8px;cursor: pointer;padding: 8px;background: #fff;text-align: center;transition: all 0.2s;}.prof-btn:hover {border-color: #fa8c1e;}.prof-btn.active {border-color: #fa8c1e;background: #fff8f0;}.uic-inside {padding: 10px;}.uic-inside label {font-size: 12px;color: #666;margin-bottom: 10px;display: block;}.layout-selector {display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin-bottom: 15px;}.lay-btn {border: 2px solid #eee;border-radius: 8px;cursor: pointer;background: #fff;overflow: hidden;display: flex;flex-direction: column;transition: all 0.2s;}.lay-btn:hover {border-color: #fa8c1e;transform: translateY(-1px);}.lay-btn .lay-footer {padding: 6px;text-align: center;border-top: 1px solid #eee;font-size: 12px;font-weight: bold;color: #333;background: #fff;}.lay-btn.active .lay-footer {background: #fa8c1e;color: #fff;}.uic-inside .opt-check {cursor: pointer;}.uic-inside .term-width-select {padding: 6px;border-radius: 4px;border: 1px solid #ccc;font-size: 12px;background: #fff;width: 100%;}.side-terminals {display: flex;gap: 10px;}.swatch-item:hover {transform: scale(1.05);border-color: #fa8c1e;}.profile-swatches {display: flex;flex-wrap: wrap;gap: 8px;margin-top: 8px;}.profile-swatch {width: 32px;height: 32px;border: 2px solid #eee;border-radius: 6px;cursor: pointer;transition: all 0.2s;}.profile-swatch:hover {border-color: #fa8c1e;}.profile-swatch.active {border-color: #fa8c1e;box-shadow: 0 0 0 2px white, 0 0 0 4px #fa8c1e;}.btn-text {opacity: 0.9;margin-right: 6px;}.series-info h3 {cursor: pointer;color: var(--main-color);text-decoration: underline dotted;margin: 0 0 10px;font-size: 14px;}.specs-list span {color: #888;min-width: 100px;}.specs-list strong {color: #333;}:root {--main-color: #fa8c1e;}body {margin: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;font-family: "Segoe UI", sans-serif;background: var(--bg-color);height: 100vh;overflow: hidden;min-width: 320px;}#three-loader {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;z-index: 2000;-webkit-transition: opacity 0.5s ease;-o-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}#three-loader img {position: absolute;width: auto;height: 100%;-o-object-fit: contain;object-fit: contain;opacity: 0.8;}.spinner {width: 40px;height: 40px;border: 4px solid #f3f3f3;border-top: 4px solid var(--main-color, #fa8c1e);border-radius: 50%;-webkit-animation: spin 1s linear infinite;animation: spin 1s linear infinite;z-index: 2001;}#three-loader p {font-family: Arial, sans-serif;color: #666;margin-top: 15px;z-index: 2001;}@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}.loader-hidden {opacity: 0;pointer-events: none;}#canvas-container {width: 70%;background: #f9f9f9;position: relative;-ms-touch-action: none;touch-action: none;min-height: 280px;}#ui-panel {width: 30%;padding: 25px;background: #fff;-webkit-box-shadow: -5px 0 15px rgba(0, 0, 0, 0.05);box-shadow: -5px 0 15px rgba(0, 0, 0, 0.05);overflow-y: auto;-webkit-box-sizing: border-box;box-sizing: border-box;z-index: 10;}h2 {margin-top: 0;font-size: 20px;}.control {margin-bottom: 18px;}label {display: block;margin-bottom: 6px;font-weight: 600;font-size: 13px;color: #444;}select {width: 100%;padding: 12px;border: 1px solid #ddd;border-radius: 8px;background: #f9f9f9;font-size: 16px;color: #2d3436;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org' viewBox='0 0 24 24' fill='none' stroke='%23fa8c1e' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right 10px center;background-size: 1.2em;}.about-drawer {position: fixed;right: 20px;bottom: 20px;width: 350px;background: #fff;border-radius: 12px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);z-index: 3000;padding: 25px;box-sizing: border-box;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);opacity: 0;transform: translateY(30px);pointer-events: none;visibility: hidden;}.about-drawer.active {opacity: 1;transform: translateY(0);pointer-events: auto;visibility: visible;}.drawer-close {position: absolute;top: 10px;right: 15px;font-size: 28px;cursor: pointer;color: #ccc;line-height: 1;}.drawer-text {font-size: 14px;line-height: 1.6;color: #444;margin-top: 10px;}@media (max-width: 768px) {.about-drawer {width: 90%;left: 5%;right: 5%;bottom: 100px;}}.btn-main-combined {width: 100%;padding: 18px;background: var(--main-color);color: white;border: none;border-radius: 12px;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 15px;font-weight: 800;font-size: 16px;-webkit-box-shadow: 0 4px 15px rgba(250, 140, 30, 0.3);box-shadow: 0 4px 15px rgba(250, 140, 30, 0.3);-webkit-transition: opacity 0.15s ease, -webkit-transform 0.15s ease !important;transition: opacity 0.15s ease, -webkit-transform 0.15s ease !important;-o-transition: transform 0.15s ease, opacity 0.15s ease !important;transition: transform 0.15s ease, opacity 0.15s ease !important;transition: transform 0.15s ease, opacity 0.15s ease, -webkit-transform 0.15s ease !important;position: sticky;top: 0;z-index: 1001;margin: 15px 0;}.btn-main-combined:hover {background: #e67e22;-webkit-transform: translateY(-2px);-ms-transform: translateY(-2px);transform: translateY(-2px);}#modal-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 3000;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.modal-content {background: #fff;width: 90%;max-width: 450px;padding: 30px;border-radius: 15px;position: relative;}.close-modal {position: absolute;top: 15px;right: 15px;font-size: 28px;cursor: pointer;color: #ccc;width: 44px;height: 44px;text-align: center;}.form-control {width: 100%;margin-bottom: 12px;padding: 12px;border: 1px solid #ddd;border-radius: 8px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 14px;}.btn-send {background: var(--main-color);color: #fff;border: none;width: 100%;padding: 15px;border-radius: 8px;font-weight: 700;cursor: pointer;}.swatches-container {display: -ms-grid;display: grid;grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));gap: 10px;margin-top: 10px;border: 1px solid #eee;padding: 12px;padding-bottom: 20px;border-radius: 10px;background: #fdfdfd;max-height: 480px;overflow-y: auto;}.swatch-spacer {grid-column: 1 / -1;height: 30px;pointer-events: none;}.swatch-item {cursor: pointer;text-align: center;border-radius: 8px;padding: 4px;background: #fff;-webkit-transition: opacity 0.15s ease, -webkit-transform 0.15s ease !important;transition: opacity 0.15s ease, -webkit-transform 0.15s ease !important;-o-transition: transform 0.15s ease, opacity 0.15s ease !important;transition: transform 0.15s ease, opacity 0.15s ease !important;transition: transform 0.15s ease, opacity 0.15s ease, -webkit-transform 0.15s ease !important;}.swatch-item.active {border-color: var(--main-color);background: #fff7e6;-webkit-box-shadow: 0 2px 8px rgba(250, 140, 30, 0.2);box-shadow: 0 2px 8px rgba(250, 140, 30, 0.2);}.swatch-color {width: 100%;aspect-ratio: 1 / 1;border-radius: 5px;margin-bottom: 5px;border: 1px solid rgba(0, 0, 0, 0.05);background-size: cover;background-position: center;}.swatch-label {font-size: 10px;line-height: 1.1;color: #333;display: block;height: 22px;overflow: hidden;font-weight: 500;}[data-pcol] .swatch-color {border-radius: 50% !important;width: 38px;height: 38px;margin: 0 auto 5px;}[data-pcol] .swatch-label {font-size: 10px;height: auto;}.category-title {grid-column: 1 / -1;font-size: 11px;font-weight: 700;color: var(--main-color);margin: 12px 0 6px 0;padding-top: 8px;border-top: 1px dotted #ddd;text-transform: uppercase;letter-spacing: 0.5px;}.category-title:first-of-type {border-top: none;margin-top: 0;padding-top: 0;}#color_select {display: none;}.swatches-container, .series-info {overflow-y: auto !important;-webkit-overflow-scrolling: touch;padding-right: 8px !important;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #eee;background: #fdfdfd;}.swatches-container::-webkit-scrollbar, .series-info::-webkit-scrollbar {width: 16px;display: block;}.swatches-container::-webkit-scrollbar-track, .series-info::-webkit-scrollbar-track {background: #f1f1f1;border-left: 1px solid #eee;border-radius: 10px;}.swatches-container::-webkit-scrollbar-thumb, .series-info::-webkit-scrollbar-thumb {background: var(--main-color);border-radius: 10px;border: 2px solid #f1f1f1;min-height: 40px;}@supports (-moz-appearance: none) {.swatches-container, .series-info {scrollbar-width: auto !important;scrollbar-color: var(--main-color) #f1f1f1 !important;}}#price-float {position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: 20;background: none;padding: 0;padding-bottom: 5px;margin: 0;cursor: pointer;border: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: -webkit-transform 0.15s ease-out;transition: -webkit-transform 0.15s ease-out;-o-transition: transform 0.15s ease-out;transition: transform 0.15s ease-out;transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;overflow: visible;}#price-float:hover {-webkit-transform: translateX(-50%) scale(1.1);-ms-transform: translateX(-50%) scale(1.1);transform: translateX(-50%) scale(1.1);}#price_out_float {font-size: 38px;font-weight: 900;font-style: italic;color: #ffffff;font-family: "Arial Black", sans-serif;display: inline-block;line-height: 1;-webkit-text-stroke: 0;text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000, 1px 0px 0 #000, -1px 0px 0 #000, 2px 2px 0px #777, 3px 3px 0px #444, 4px 4px 0px #000, 5px 5px 6px rgba(0, 0, 0, 0.7);letter-spacing: -1px;padding-right: 5px;}#price_out_float::after {content: " ₽";font-size: 22px;-webkit-text-stroke: 0;text-shadow: 1px 1px 4px #000, 1px 1px 0px #444, 2px 2px 0px #000;}#toggle_doors_circle, #reset_camera, #copy_link {width: 44px;height: 44px;background: rgba(255, 255, 255, 0.9);border: 1px solid #ddd;border-radius: 50%;cursor: pointer;color: var(--main-color);-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-family: Arial, sans-serif;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}#toggle_doors_circle:hover, #reset_camera:hover, #copy_link:hover {background: #fff;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}#copy_toast {position: absolute;bottom: 180px;right: 20px;background: #2d3436;color: #fff;padding: 8px 12px;border-radius: 6px;font-size: 12px;z-index: 100;pointer-events: none;}.series-info {margin-top: 15px;padding: 12px;background: #fdfdfd;border: 1px solid #eee;border-radius: 12px;max-height: 450px;overflow-y: auto;-webkit-box-sizing: border-box;box-sizing: border-box;min-height: 260px;contain: layout;}.series-title {font-size: 15px;font-weight: 800;color: #333;margin: 0 0 12px 0;border-bottom: 2px solid var(--main-color);display: inline-block;padding-bottom: 2px;}.specs-list {list-style: none;padding: 0;margin: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 6px;}.specs-list li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;font-size: 12px;line-height: 1.3;border-bottom: 1px dotted #eee;padding-bottom: 3px;}.specs-list li span {color: #7f8c8d;white-space: nowrap;padding-right: 8px;}.specs-list li strong {color: #2d3436;text-align: right;font-weight: 600;word-break: break-word;}.series-desc {margin-top: 12px;font-size: 132px;line-height: 1.5;border-top: 1px solid #f0f0f0;padding-top: 8px;}#w_select, #fac_select {display: none;}.step-btn-v2 {width: 32px;height: 32px;border-radius: 50%;border: 1px solid #ddd;background: #fff;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 18px;}.preset-btn {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;text-align: center;padding: 5px;background: #f0f0f0;border-radius: 4px;font-size: 11px;cursor: pointer;border: 1px solid transparent;}.preset-btn:hover {border-color: #fa8c1e;}.ui-tabs-header {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border-bottom: 1px solid #eee;background: #f9f9f9;}.tab-btn {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 10px 5px;text-align: center;font-size: 12px;font-weight: bold;cursor: pointer;color: #888;}.tab-btn.active {color: #fa8c1e;border-bottom: 2px solid #fa8c1e;background: #fff;}.tab-content {display: none;padding: 10px 0;}.tab-content.active {display: block;}.lay-btn img {width: 100%;height: 80px;-o-object-fit: contain;object-fit: contain;padding: 5px;}@media (min-width: 769px) {#price-float {bottom: 9%;left: 29%;}#price_out_float {font-size: 52px;}#price-float:hover {-webkit-transform: translateX(-50%) scale(1.15);-ms-transform: translateX(-50%) scale(1.15);transform: translateX(-50%) scale(1.15);}}@media (max-width: 950px) and (orientation: landscape) {body {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;-webkit-box-orient: horizontal !important;-webkit-box-direction: normal !important;-ms-flex-direction: row !important;flex-direction: row !important;height: 100vh !important;height: 100dvh !important;overflow: hidden !important;}#canvas-container {width: 60% !important;height: 100% !important;}#ui-panel {width: 40% !important;height: 100vh !important;height: 100dvh !important;overflow-y: auto !important;display: block !important;padding: 0 10px !important;}.swatches-container {height: calc(80vh - 80px) !important;height: calc(80dvh - 80px) !important;margin-bottom: 0 !important;display: -ms-grid !important;display: grid !important;max-height: none !important;}.btn-main-combined {position: sticky;bottom: 5px;top: 5px;height: 44px !important;margin: 10px 0 !important;z-index: 1001;background: var(--main-color);padding: 0 10px !important;display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}.series-info {height: calc(100vh - 70px) !important;height: calc(100dvh - 70px) !important;background: #fff;border: 1px solid #eee;max-height: none !important;}.control {margin: 0 !important;padding: 0 !important;}.specs-list li {font-size: 11px;gap: 4px;}.series-title {font-size: 13px;margin-bottom: 8px;}#modal-overlay {-webkit-box-align: start !important;-ms-flex-align: start !important;align-items: flex-start !important;overflow-y: auto !important;}.modal-content {width: 96% !important;max-width: 580px !important;margin: 10px auto !important;position: relative !important;-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;}#cabinet-lead-form {display: -ms-grid !important;display: grid !important;-ms-grid-columns: 1fr 12px 1fr !important;grid-template-columns: 1fr 1fr !important;gap: 8px 12px !important;}#cabinet-lead-form h3, #cabinet-lead-form p, #cabinet-lead-form textarea, #cabinet-lead-form .btn-send, #cabinet-lead-form p:last-child {grid-column: 1 / -1 !important;}}@media (max-width: 639px) {body {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;overflow-x: hidden;}#canvas-container {width: 100%;height: 40vh;position: sticky;top: 0;z-index: 10;background: #fff;}#ui-panel {position: relative;width: 100%;padding: 5px;min-height: 60vh;background: #fff;border-radius: 20px 20px 0 0;-webkit-box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.05);box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.05);z-index: 20;-webkit-transition: -webkit-transform 0.3s ease-out;transition: -webkit-transform 0.3s ease-out;-o-transition: transform 0.3s ease-out;transition: transform 0.3s ease-out;transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;}.btn-main-combined {position: fixed !important;bottom: 5px !important;left: 5% !important;width: 90% !important;top: auto !important;z-index: 2000 !important;-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);}#ui-content-area::after {content: "";display: block;height: 100px;}#ui-panel h2 {font-size: 16px;margin: 5px 0;text-align: center;}.swatches-container {max-height: 260px;}.dim-slider {touch-action: pan-x;transition: transform 0.2s, box-shadow 0.2s;opacity: 0.85;}.dim-unit.active-touch .dim-slider {opacity: 1;transform: scale(1.02);}.dim-unit.active-touch .dim-label {color: var(--main-color, #007bff);font-weight: bold;}}