.configurator-layout{inset:104px 0 0;z-index:40;padding:0 40px 24px}.configurator-layout .configurator-header{background:transparent;height:64px;padding:0 0 18px;border:0}.configurator-header h1{font-size:18px}.configurator-header-back{display:none}.cfg-primary-export{background:#174c3c;color:#fff;padding:12px 20px;border-radius:8px;display:flex;gap:24px;font-size:14px;min-height:44px;cursor:pointer}.cfg-primary-export:hover{background:#27644d}.configurator-layout .configurator-main{gap:18px}.configurator-layout .configurator-canvas-wrapper{order:1;border:1px solid #d8dbd3;border-radius:14px;min-width:0}.configurator-layout .configurator-sidebar{order:2;width:360px;flex-direction:column;background:#fff;border:1px solid #d8dbd3;border-radius:14px}.configurator-layout .configurator-tab-icons{width:100%;flex-direction:row;flex-wrap:wrap;border:0;border-bottom:1px solid #d8dbd3;padding:12px;gap:6px}.configurator-layout .configurator-tab-icon{width:calc((100% - 12px) / 3);height:44px;flex-direction:row;gap:6px}.configurator-layout .configurator-tab-icon-label{font-size:12px}.configurator-layout .configurator-tab-icon.active:before{display:none}.configurator-layout .configurator-tab-content{padding:22px}.configurator-layout .cfg-section{padding:20px 0}.configurator-layout .cfg-section-title{font-size:15px;text-transform:none;letter-spacing:0;color:#202320;margin-bottom:16px}.configurator-layout .cfg-material-card{padding:14px 8px;gap:12px;background:#f7f6f2;border-color:#e4e6df}.configurator-layout .cfg-material-card-name,.configurator-layout .cfg-slider-label,.configurator-layout .cfg-slider-value{font-size:13px}.configurator-layout .cfg-slider-group{margin-bottom:18px}.configurator-layout .cfg-slider-track-wrapper{min-height:28px;display:flex;align-items:center}.configurator-layout .cfg-slider::-webkit-slider-thumb{width:18px;height:18px}.configurator-layout .cfg-text-input{font-size:14px;height:42px}.configurator-layout .cfg-swatch{width:30px;height:30px;border-radius:50%}.configurator-layout .cfg-palette-tab{font-size:12px;padding:8px}.configurator-layout .cfg-advanced-toggle{min-height:44px}.cfg-material-library{margin-top:16px;font-size:13px}.cfg-material-library summary{cursor:pointer;padding:10px 0;color:#174c3c}.configurator-layout .configurator-toolbar{position:absolute;bottom:44px;left:calc((100% - 378px) / 2);transform:translateX(-50%)!important;height:64px;border:1px solid #d8dbd3;border-radius:12px;background:#fffffff2;box-shadow:0 8px 24px #20232012}.configurator-layout .configurator-toolbar-btn{padding:8px 14px;min-height:44px}.configurator-layout .configurator-toolbar-label{font-size:11px}.configurator-layout .configurator-empty-overlay{bottom:100px;font-size:13px}@media (max-width:1000px){.configurator-layout{padding-inline:20px}.configurator-layout .configurator-sidebar{width:310px}.configurator-layout .configurator-toolbar{left:calc((100% - 328px) / 2)}}@media (max-width:767px){.configurator-layout{padding:0 12px 12px}.configurator-layout .configurator-sidebar{display:none}.configurator-layout .configurator-header{height:62px;padding-bottom:12px}.configurator-header h1{font-size:15px}.cfg-primary-export{padding:10px 12px;gap:8px;font-size:12px}.configurator-header .configurator-icon-btn{display:none}.configurator-layout .configurator-toolbar{bottom:24px;left:50%;width:max-content;height:56px;padding:0 4px}.configurator-layout .configurator-toolbar-btn{padding:6px 10px}.configurator-layout .configurator-mobile-toggle{bottom:90px}.configurator-layout .configurator-empty-overlay{bottom:140px}.configurator-layout .configurator-mobile-sheet{max-height:65dvh}}@media (max-width:700px){.configurator-layout{top:80px}}.configurator-layout .cfg-quick-materials{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.configurator-layout .cfg-material-card{min-width:0}.configurator-layout .cfg-surface-sample{display:block;width:100%;height:44px;border-radius:6px;background-size:cover;background-position:50%;border:1px solid #20232012;flex-shrink:0}.configurator-layout .cfg-surface-card{position:relative;padding:7px 7px 10px;gap:9px;border:1px solid #e4e6df;border-radius:10px}.configurator-layout .cfg-surface-card .cfg-surface-sample{height:76px}.configurator-layout .cfg-surface-card.is-selected{border-color:#174c3c;background:#edf3ed;box-shadow:0 0 0 1px #174c3c}.configurator-layout .cfg-surface-card:focus-visible{outline:2px solid #174c3c;outline-offset:3px}.configurator-layout .cfg-surface-check{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#174c3c;color:#fff;font-size:13px;box-shadow:0 1px 4px #0002}.configurator-layout .cfg-surface-sample-small{border-radius:5px}