.vs-root{background:#faf6f0;flex-direction:column;height:100dvh;font-family:Poppins,sans-serif;display:flex;overflow:hidden}.vs-navbar{z-index:50;background:#fff;border-bottom:1px solid #e8dfd0;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.vs-navbar__logo{align-items:center;gap:8px;text-decoration:none;display:flex}.vs-navbar__logo-icon{align-items:center;display:flex}.vs-navbar__logo-text{letter-spacing:.12em;color:#141616;font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.vs-navbar__quick-edit{align-items:center;gap:8px;display:flex}.vs-navbar__quick-edit-label{color:#646867;margin-right:4px;font-size:14px}.vs-navbar__chip{color:#141616;cursor:pointer;background:#fff;border:1px solid #e0d5c5;border-radius:100px;padding:6px 14px;font-family:Poppins,sans-serif;font-size:13px;transition:all .2s}.vs-navbar__chip:hover,.vs-navbar__chip--active{color:#141616;background:#fef8e9;border-color:#eac051}.vs-navbar__actions{align-items:center;gap:8px;display:flex}.vs-navbar__icon-btn{cursor:pointer;background:0 0;border:1px solid #e8dfd0;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.vs-navbar__icon-btn:hover{background:#faf6f0}.vs-navbar__new-design-btn{color:#141616;cursor:pointer;background:#eac051;border:none;border-radius:4px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:opacity .2s}.vs-navbar__new-design-btn:hover{opacity:.9}.vs-main{flex:1;display:flex;overflow:hidden}.vs-step{width:100%;height:100%;display:flex;overflow:hidden}.vs-panel{background:#fff;border-right:1px solid #eae0d0;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden auto}.vs-panel--left{gap:16px;width:360px;padding:16px 20px}.vs-panel--right{border-left:1px solid #eae0d0;border-right:none;gap:16px;width:320px;padding:16px 20px;overflow-y:auto}.vs-panel__header{flex-shrink:0}.vs-panel__title{color:#141616;margin:0;font-family:Poppins,sans-serif;font-size:18px;font-weight:400;line-height:32px}.vs-panel__subtitle{color:#646867;margin:0;font-size:14px}.vs-panel__header-row{flex-shrink:0;justify-content:space-between;align-items:flex-start;display:flex}.vs-panel__view-toggle{gap:4px;display:flex}.vs-panel__view-btn{cursor:pointer;color:#646867;background:0 0;border:1px solid #e8dfd0;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.vs-panel__view-btn--active,.vs-panel__view-btn:hover{color:#141616;background:#fef8e9;border-color:#eac051}.vs-search{flex-shrink:0;align-items:center;gap:8px;width:100%;display:flex}.vs-search__input-wrap{background:#fff;border:1px solid #e0d5c5;border-radius:4px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.vs-search__icon{opacity:.6;flex-shrink:0}.vs-search__input{color:#141616;background:0 0;border:none;outline:none;flex:1;font-family:Poppins,sans-serif;font-size:14px}.vs-search__input::placeholder{color:#646867;opacity:.6}.vs-search__filter-btn{color:#646867;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e0d5c5;border-radius:4px;align-items:center;gap:4px;padding:8px 10px;font-family:Poppins,sans-serif;font-size:12px;display:flex}.vs-filters{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.vs-filter-select{color:#646867;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml;utf8,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g opacity=\"0.6\"><path d=\"M8 10L12 14L16 10\" stroke=\"%23646867\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></g></svg>") right 4px center no-repeat;border:1px solid #e0d5c5;border-radius:4px;outline:none;flex:1;min-width:80px;padding:8px 28px 8px 12px;font-family:Poppins,sans-serif;font-size:13px}.vs-tile-grid{flex:1;grid-auto-rows:max-content;align-content:start;gap:12px;display:grid;overflow-y:auto}.vs-tile-grid--1x1{grid-template-columns:1fr}.vs-tile-grid--2x2{grid-template-columns:1fr 1fr}.vs-tile-grid--3x3{grid-template-columns:1fr 1fr 1fr}.vs-tile-card{cursor:pointer;text-align:center;background:0 0;border:2px solid #0000;border-radius:4px;flex-direction:column;align-self:start;align-items:center;gap:6px;height:fit-content;padding:8px;transition:all .2s;display:flex}.vs-tile-card:hover{border-color:#e0d5c5}.vs-tile-card--selected{background:#fef8e9;border-color:#eac051!important}.vs-tile-card__img-wrap{aspect-ratio:1;border-radius:2px;width:100%;overflow:hidden}.vs-tile-card__img{object-fit:cover;width:100%!important;height:100%!important}.vs-tile-card__name{color:#141616;font-size:13px;font-weight:400;line-height:1.2}.vs-tile-card__meta{color:#646867;font-size:11px}.vs-canvas{background:#faf6f0;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.vs-canvas--center,.vs-canvas--room{flex:1}.vs-room-preview{clip-path:inset(0)!important;overflow:hidden!important}.vs-canvas__toolbar-left{z-index:10;gap:4px;display:flex;position:absolute;top:16px;left:16px}.vs-canvas__toolbar-right{z-index:10;gap:6px;display:flex;position:absolute;top:16px;right:16px}.vs-canvas__view-btn{cursor:pointer;color:#646867;background:#fff;border:1px solid #e8dfd0;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.vs-canvas__view-btn--active,.vs-canvas__view-btn:hover{color:#141616;background:#fef8e9;border-color:#eac051}.vs-canvas__icon-btn{cursor:pointer;background:#fff;border:1px solid #e8dfd0;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.vs-canvas__icon-btn:hover{background:#faf6f0}.vs-canvas__preview-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding:80px 40px 40px;display:flex}.vs-canvas__tile-display{gap:0;display:grid}.vs-canvas__tile-display--1x1{aspect-ratio:1;grid-template-columns:1fr;width:min(100%,360px);max-width:360px;max-height:360px}.vs-canvas__tile-display--1x1 .vs-canvas__tile-cell{width:100%;height:100%}.vs-canvas__tile-display--border-preview{aspect-ratio:1;grid-template-columns:1fr;width:min(100%,640px);max-width:640px;max-height:640px}.vs-canvas__tile-display--border-preview .vs-canvas__tile-cell{width:100%;height:100%}.vs-canvas__tile-display--grid3x2{aspect-ratio:2/3;grid-template-columns:1fr;width:min(100%,340px);max-width:340px;max-height:510px}.vs-canvas__tile-display--grid3x2 .vs-canvas__tile-cell{width:100%;height:100%}.vs-canvas__tile-display--2x2{aspect-ratio:1;grid-template-columns:1fr 1fr;width:min(100%,400px);max-width:400px}.vs-canvas__tile-display--2x2 .vs-canvas__tile-cell{width:100%;height:100%}.vs-canvas__tile-display--3x3{grid-template-columns:1fr 1fr 1fr;max-width:450px}.vs-canvas__tile-cell{justify-content:center;align-items:center;display:flex;overflow:hidden}.vs-canvas__tile-img{object-fit:cover;display:block;width:100%!important;height:100%!important}.vs-canvas__preview-info{text-align:center}.vs-canvas__preview-name{color:#141616;margin:0 0 4px;font-family:Cormorant Garamond,serif;font-size:24px;font-weight:600}.vs-canvas__preview-meta{color:#646867;letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:12px}.vs-room-preview{position:absolute;inset:0}.vs-room-preview__img{object-fit:cover}.vs-canvas__room-info{color:#646867;text-align:center;white-space:nowrap;background:#ffffffe6;border-radius:4px;padding:8px 16px;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.vs-color-slots{flex-direction:column;gap:8px;display:flex}.vs-color-slot{cursor:pointer;text-align:left;background:0 0;border:1px solid #e0d5c5;border-radius:4px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.vs-color-slot:hover{border-color:#c7b89c}.vs-color-slot--active{background:#fef8e9;border-color:#eac051}.vs-color-slot__swatch{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;width:36px;height:36px}.vs-color-slot__info{flex-direction:column;gap:2px;display:flex}.vs-color-slot__label{color:#141616;font-size:14px;font-weight:500}.vs-color-slot__value{color:#646867;font-size:12px}.vs-sync-checkbox{cursor:pointer;align-items:center;gap:10px;padding:4px 0;display:flex}.vs-sync-checkbox__input{display:none}.vs-sync-checkbox__box{border:1.5px solid #c7b89c;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.vs-sync-checkbox__input:checked+.vs-sync-checkbox__box{background:#eac051;border-color:#eac051}.vs-sync-checkbox__input:checked+.vs-sync-checkbox__box:after{content:"✓";color:#fff;font-size:12px}.vs-sync-checkbox__label{color:#646867;font-size:14px}.vs-color-groups{flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.vs-color-group__name{color:#646867;letter-spacing:.1em;margin:0 0 8px;font-size:11px;font-weight:500}.vs-color-group__swatches{flex-wrap:wrap;gap:8px;display:flex}.vs-swatch{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:2px;display:flex}.vs-swatch:not(.vs-swatch__label){border:2px solid #0000;border-radius:4px;width:48px;height:48px;transition:border-color .15s;position:relative}.vs-swatch{border:2px solid #0000;border-radius:4px;flex-direction:column;justify-content:flex-end;width:48px;height:48px;padding:0;transition:border-color .15s;position:relative}.vs-swatch--active{border-color:#eac051!important}.vs-swatch:hover{border-color:#c7b89c}.vs-swatch__label{color:#00000080;white-space:nowrap;pointer-events:none;background:#ffffffb3;border-radius:2px;padding:0 2px;font-size:8px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.vs-curated-palettes{border-top:1px solid #eae0d0;flex-direction:column;flex:1;min-height:0;padding-top:16px;display:flex}.vs-curated-palettes__title{color:#646867;flex-shrink:0;margin:0 0 12px;font-size:13px;font-weight:400}.vs-curated-palettes__list{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow-y:auto}.vs-palette-row{cursor:pointer;background:#fff;border:1px solid #e0d5c5;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;width:100%;padding:8px 10px;transition:border-color .2s;display:flex}.vs-palette-row:hover{border-color:#eac051}.vs-palette-row__swatch{border-radius:3px;flex-shrink:0;width:24px;height:24px}.vs-palette-row__name{color:#141616;margin-left:8px;font-size:13px}.vs-grout-section{flex-direction:column;flex-shrink:0;gap:10px;display:flex}.vs-grout-section__label{color:#141616;margin:0;font-size:14px;font-weight:400}.vs-grout-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.vs-grout-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:4px;transition:border-color .15s;position:relative}.vs-grout-swatch--active{border-color:#eac051}.vs-grout-swatch:hover{border-color:#c7b89c}.vs-grout-swatch__label{white-space:nowrap;color:#3a3632;background:#ffffffbf;border-radius:2px;padding:0 2px;font-size:8px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.vs-hex-input{align-items:center;gap:10px;display:flex}.vs-hex-input__preview{border:1px solid #e0d5c5;border-radius:4px;flex-shrink:0;width:36px;height:36px}.vs-hex-input__field{color:#141616;background:#fff;border:1px solid #e0d5c5;border-radius:4px;outline:none;flex:1;padding:8px 12px;font-family:Poppins,sans-serif;font-size:14px}.vs-hex-input__field:focus{border-color:#eac051}.vs-grout-preview{border-radius:2px;grid-template-columns:1fr 1fr;max-width:400px;transition:gap .3s;display:grid;overflow:hidden}.vs-grout-preview__tile{object-fit:cover;display:block;width:100%!important;height:100%!important}.vs-mockup-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.vs-mockup-list--grid{grid-template-columns:repeat(2,1fr);align-content:flex-start;gap:12px;display:grid}@media (min-width:640px){.min-\[1200px\]\:hidden .vs-mockup-list--grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width:900px){.min-\[1200px\]\:hidden .vs-mockup-list--grid{grid-template-columns:repeat(3,1fr);gap:18px}}.vs-mockup-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:12px;width:100%;padding:8px;transition:all .2s;display:flex}.vs-mockup-list--grid .vs-mockup-item{flex-direction:column;align-items:flex-start;width:100%;padding:8px}.vs-mockup-item:hover{background:#faf6f0;border-color:#e0d5c5}.vs-mockup-item--active{background:#fef8e9;border-color:#eac051}.vs-mockup-item__thumb{border-radius:3px;flex-shrink:0;width:72px;height:56px;position:relative;overflow:hidden}.vs-mockup-list--grid .vs-mockup-item__thumb{aspect-ratio:16/10;border-radius:4px;width:100%;height:auto;min-height:100px}.vs-mockup-item__img{object-fit:cover;width:100%!important;height:100%!important}.vs-mockup-item__info{flex-direction:column;gap:3px;display:flex}.vs-mockup-item__name{color:#141616;font-size:14px}.vs-mockup-item__meta{color:#646867;font-size:12px}.vs-step--5{background:#f5f0e8;height:100%;padding:40px 20px;display:block;overflow-y:auto}.vs-spec-sheet{background:#fff;border:1px solid #e4dcc8;border-radius:2px;flex-shrink:0;width:100%;max-width:640px;margin:0 auto;overflow:hidden;box-shadow:0 4px 24px #00000014}.vs-spec-header{border-bottom:1px solid #e4dcc8;justify-content:space-between;align-items:flex-start;padding:16px 24px 12px;display:flex}.vs-spec-header__brand{margin:0 0 8px;display:block}.vs-spec-header__subtitle{letter-spacing:.14em;color:#6e675e;text-transform:uppercase;margin:0;font-size:9.5px}.vs-spec-header__meta{text-align:right}.vs-spec-header__meta p{color:#6e675e;margin:0 0 4px;font-size:10px}.vs-spec-header__id{color:#141616;font-size:11px;font-weight:500}.vs-spec-info-row{border-bottom:1px solid #e4dcc8;flex-wrap:wrap;gap:0;padding:10px 24px 6px;display:flex}.vs-spec-info-field{flex-direction:column;flex:1;gap:4px;min-width:100px;padding:4px 16px 4px 0;display:flex}.vs-spec-info-field:first-child{padding-left:0}.vs-spec-info-field__label{letter-spacing:.1em;color:#6e675e;text-transform:uppercase;font-size:9.5px}.vs-spec-info-field__input{color:#141616;background:0 0;border:none;border-bottom:1px solid #e4dcc8;outline:none;width:100%;min-height:24px;padding:2px 0 4px;font-family:Poppins,sans-serif;font-size:14px;line-height:1.4}.vs-spec-info-field__value{color:#141616;border-bottom:1px solid #e4dcc8;width:100%;min-height:24px;padding:2px 0 4px;font-size:14px;line-height:1.4;display:block}.vs-spec-views{border-top:1px solid #e4dcc8;border-bottom:4px solid #5a5650;grid-template-columns:1fr 1fr 1fr;margin-top:4px;display:grid}.vs-spec-view{border-right:1px solid #e4dcc8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px 8px;display:flex}.vs-spec-view:last-child{border-right:none}.vs-spec-view__img{object-fit:cover;max-width:160px;display:block}.vs-spec-view__grid{grid-template-columns:1fr 1fr;width:154px;height:154px;display:grid;overflow:hidden}.vs-spec-view__grid--3x3{grid-template-columns:1fr 1fr 1fr;width:154px;height:154px}.vs-spec-view__tile{object-fit:cover;display:block;width:100%!important;height:100%!important}.vs-spec-view__label{letter-spacing:.1em;color:#646867;text-align:center;text-transform:uppercase;font-size:9px}.vs-spec-grout-bar{width:100%;height:4px}.vs-spec-details{border-bottom:1px solid #e4dcc8;grid-template-columns:1fr 1fr;display:grid}.vs-spec-measurements{border-right:1px solid #e4dcc8;padding:12px 20px}.vs-spec-colors{padding:12px 20px}.vs-spec-details__title{letter-spacing:.12em;color:#6e675e;text-transform:uppercase;border-bottom:1px solid #e4dcc8;margin:0 0 8px;padding-bottom:6px;font-size:10px}.vs-spec-measurements__diagram{justify-content:center;align-items:center;padding:6px 0;display:flex}.vs-spec-measurements__tile-box{border:1.5px solid #9c968a;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.vs-spec-measurements__height-label,.vs-spec-measurements__width-label{color:#6e675e;font-size:9px;position:absolute}.vs-spec-measurements__height-label{white-space:nowrap;left:-32px;transform:rotate(-90deg)}.vs-spec-measurements__width-label{bottom:-20px}.vs-spec-measurements__info{flex-direction:column;gap:4px;margin-top:8px;display:flex}.vs-spec-measurements__row{color:#141616;justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.vs-spec-measurements__field{color:#6e675e}.vs-spec-color-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.vs-spec-color-row__swatch{border:1px solid #0000001a;border-radius:3px;flex-shrink:0;width:28px;height:28px}.vs-spec-color-row__name{color:#141616;margin:0;font-size:12px;font-weight:500}.vs-spec-color-row__code{color:#6e675e;margin:0;font-size:10px}.vs-spec-next{background:#fcfaf6;border-bottom:1px solid #e4dcc8;padding:14px 24px 16px}.vs-spec-next__title{color:#141616;margin:0 0 8px;font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic;font-weight:400}.vs-spec-next__steps{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.vs-spec-next__step{flex-direction:column;gap:3px;display:flex}.vs-spec-next__step-num{color:#eac051;font-size:10px;font-weight:500}.vs-spec-next__step-title{color:#141616;font-size:11px;font-weight:500;display:block}.vs-spec-next__step-desc{color:#6e675e;margin:0;font-size:9.5px;line-height:1.35}.vs-spec-actions{flex-wrap:wrap;align-items:center;gap:10px;padding:20px 32px;display:flex}.vs-spec-action-btn{color:#141616;cursor:pointer;background:#fff;border:1px solid #e4dcc8;border-radius:3px;padding:10px 18px;font-family:Poppins,sans-serif;font-size:13px;transition:all .2s}.vs-spec-action-btn:hover{background:#faf6f0;border-color:#c7b89c}.vs-spec-action-btn--primary{color:#141616;background:#eac051;border-color:#eac051;margin-left:auto;font-weight:500}.vs-spec-action-btn--primary:hover{opacity:.9;background:#eac051}.vs-wizard{flex-direction:column;flex-shrink:0;width:100%;display:flex}.vs-wizard__top{background:#fff;border-top:1px solid #eae0d0;justify-content:center;align-items:center;height:80px;display:flex;position:relative}.vs-wizard__back{position:absolute;left:24px}.vs-wizard__back-btn{color:#141616;cursor:pointer;background:#fff;border:1px solid #e0d5c5;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;font-family:Poppins,sans-serif;font-size:14px;transition:all .2s;display:flex}.vs-wizard__back-btn:hover{background:#faf6f0;border-color:#c7b89c}.vs-wizard__steps{align-items:center;gap:0;display:flex}.vs-wizard__step{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0 4px;display:flex}.vs-wizard__step-circle{color:#646867;background:#fff;border:1.5px solid #c7b89c;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:Poppins,sans-serif;font-size:13px;transition:all .3s;display:flex}.vs-wizard__step-label{color:#646867;font-size:11px;transition:color .3s}.vs-wizard__step--active .vs-wizard__step-circle{color:#141616;background:#fef8e9;border-color:#eac051;box-shadow:0 0 0 3px #eac05126}.vs-wizard__step--active .vs-wizard__step-label{color:#141616;font-weight:500}.vs-wizard__step--completed .vs-wizard__step-circle{color:#141616;background:#eac051;border-color:#eac051}.vs-wizard__step--completed .vs-wizard__step-label{color:#141616}.vs-wizard__connector{background:#e0d5c5;width:64px;height:1.5px;margin-bottom:18px;transition:background .3s}.vs-wizard__connector--completed{background:#eac051}.vs-wizard__bottom{background:#faf6f0;border-top:1px solid #eae0d0;justify-content:center;align-items:center;height:64px;display:flex;position:relative}.vs-wizard__step-info{color:#646867;letter-spacing:.05em;white-space:nowrap;font-size:12px}.vs-wizard__next-btn{color:#141616;cursor:pointer;background:#eac051;border:none;border-radius:4px;align-items:center;gap:8px;padding:12px 24px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:opacity .2s;display:flex;position:absolute;right:24px}.vs-wizard__next-btn:hover{opacity:.9}.vs-panel::-webkit-scrollbar{width:4px}.vs-tile-grid::-webkit-scrollbar{width:4px}.vs-color-groups::-webkit-scrollbar{width:4px}.vs-curated-palettes__list::-webkit-scrollbar{width:4px}.vs-mockup-list::-webkit-scrollbar{width:4px}.vs-panel::-webkit-scrollbar-thumb{background:#e0d5c5;border-radius:2px}.vs-tile-grid::-webkit-scrollbar-thumb{background:#e0d5c5;border-radius:2px}.vs-color-groups::-webkit-scrollbar-thumb{background:#e0d5c5;border-radius:2px}.vs-curated-palettes__list::-webkit-scrollbar-thumb{background:#e0d5c5;border-radius:2px}.vs-mockup-list::-webkit-scrollbar-thumb{background:#e0d5c5;border-radius:2px}.vs-adjust-border{z-index:20;color:#141616;background:#faf6f0;border:1px solid #c7b89c;border-radius:8px;flex-direction:column;gap:8px;width:170px;padding:12px;font-family:Poppins,sans-serif;display:flex;position:absolute;top:72px;right:16px;box-shadow:0 4px 12px #14161614}.vs-adjust-border__title{text-align:center;color:#141616;letter-spacing:.02em;margin:0;font-size:13px;font-weight:600}.vs-adjust-border__helper{color:#646867;text-align:center;margin:0;font-size:10px;line-height:1.3}.vs-adjust-border__grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;gap:6px;width:120px;height:120px;margin:4px auto;display:grid}.vs-adjust-border__btn{cursor:pointer;color:#141616;background:#fff;border:1px solid #c7b89c;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;box-shadow:0 2px 4px #1416160d}.vs-adjust-border__btn:hover{color:#eac051;background:#fef8e9;border-color:#eac051;transform:translateY(-1px)}.vs-adjust-border__btn:active{transform:translateY(0)}.vs-adjust-border__btn--reset{text-transform:uppercase;color:#646867;border-radius:4px;grid-area:2/2;font-size:9px;font-weight:600}.vs-adjust-border__btn--up{grid-area:1/2}.vs-adjust-border__btn--down{grid-area:3/2}.vs-adjust-border__btn--left{grid-area:2/1}.vs-adjust-border__btn--right{grid-area:2/3}.vs-adjust-border__callout{color:#141616;z-index:30;background:#eac051;border-radius:6px;width:220px;padding:10px 14px;font-size:11px;line-height:1.4;animation:.3s vsFadeIn;position:absolute;top:6px;right:185px;box-shadow:0 4px 16px #00000026}.vs-adjust-border__callout:after{content:"";border:6px solid #0000;border-left-color:#eac051;border-right-width:0;position:absolute;top:15px;right:-6px}.vs-adjust-border__callout-title{margin-bottom:2px;font-weight:700;display:block}.vs-adjust-border__callout-close{color:#141616;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:700;position:absolute;top:6px;right:6px}@keyframes vsFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){.vs-adjust-border{top:auto;bottom:80px;right:16px;box-shadow:0 -4px 12px #1416161a}.vs-adjust-border__callout{top:auto;bottom:220px;right:16px}.vs-adjust-border__callout:after{display:none}}@media (max-width:1199px){.vs-root{background:#faf6f0!important;flex-direction:column!important;height:100dvh!important;max-height:100dvh!important;display:flex!important;overflow:hidden!important}.vs-navbar{flex-shrink:0!important;gap:8px!important;height:56px!important;padding:0 16px!important}.vs-navbar__logo-text{letter-spacing:.08em!important;font-size:12px!important}.vs-navbar__quick-edit{display:none!important}.vs-navbar__actions{gap:6px!important}.vs-navbar__icon-btn{width:32px!important;height:32px!important}.vs-navbar__new-design-btn{padding:6px 12px!important;font-size:12px!important}.vs-main{flex-direction:column!important;flex:1!important;height:calc(100dvh - 124px)!important;display:flex!important;overflow:hidden!important}.vs-step{flex-direction:column!important;width:100%!important;height:100%!important;display:flex!important;overflow:hidden!important}.vs-step--5{-webkit-overflow-scrolling:touch!important;background:#f5f0e8!important;height:100%!important;padding:16px 16px 110px!important;display:block!important;overflow-y:auto!important}.vs-spec-sheet{max-width:680px!important;margin:0 auto 24px!important}.vs-spec-actions{justify-content:center!important;padding:16px!important}.vs-spec-action-btn--primary{justify-content:center!important;width:100%!important;padding:14px 20px!important;font-size:14px!important;font-weight:600!important}.vs-canvas{background:#faf6f0!important;border-bottom:2px solid #e0d5c5!important;flex-shrink:0!important;order:1!important;width:100%!important;height:42vh!important;min-height:260px!important;max-height:420px!important;position:relative!important}:is(.vs-step:not(:has(.vs-panel)) .vs-canvas,.vs-step--1:not(:has(.vs-panel--left)) .vs-canvas,.vs-step--2:not(:has(.vs-panel--left)) .vs-canvas,.vs-step--3:not(:has(.vs-panel--left)) .vs-canvas,.vs-step--4:not(:has(.vs-panel--left)) .vs-canvas){border-bottom:none!important;flex:100%!important;height:100%!important;min-height:100%!important;max-height:100%!important}.vs-canvas__toolbar-left{gap:4px!important;padding:3px!important;top:8px!important;left:8px!important}.vs-canvas__toolbar-right{gap:4px!important;padding:3px!important;top:8px!important;right:8px!important}.vs-canvas__view-btn,.vs-canvas__icon-btn{width:32px!important;height:32px!important;padding:4px!important}.vs-panel--left,.vs-panel--right{background:#fff!important;border-left:none!important;border-right:none!important;flex:1!important;order:2!important;width:100%!important;height:100%!important;padding:16px 20px 32px!important;overflow:hidden auto!important}.vs-panel__header{margin-bottom:12px!important}.vs-panel__title{font-size:18px!important;line-height:24px!important}.vs-panel__subtitle{font-size:13px!important}.vs-search{flex-direction:row!important;align-items:center!important;gap:8px!important}.vs-search__input-wrap{flex:1!important}.vs-wizard{z-index:60!important;background:#fff!important;border-top:1px solid #e8dfd0!important;flex-shrink:0!important;height:68px!important;padding:0 16px!important}.vs-wizard__top{height:100%!important;padding:0 8px!important}.vs-wizard__back{position:relative!important;left:auto!important}.vs-wizard__back-btn{padding:8px 12px!important;font-size:12px!important}.vs-wizard__next-btn{gap:6px!important;padding:10px 18px!important;font-size:13px!important;position:relative!important;right:auto!important}}@media (max-width:767px){.vs-canvas{flex:auto!important;height:100%!important;min-height:100%!important;max-height:none!important}.vs-step:has(.vs-panel) .vs-canvas{height:38vh!important;min-height:220px!important;max-height:320px!important}.vs-canvas__preview-area{padding:56px 12px 12px!important;overflow:visible!important}.vs-canvas__tile-display--2x2{width:100%!important;max-width:min(100%,340px)!important}.vs-canvas__tile-display--1x1{width:min(100%,280px)!important;max-width:280px!important;max-height:280px!important}.vs-canvas__tile-display--3x3{grid-template-columns:repeat(2,1fr)!important;width:100%!important;max-width:100%!important}.vs-canvas__tile-cell{position:relative!important;overflow:hidden!important}.vs-search{flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important}.vs-search__input-wrap{flex:1!important;min-width:0!important}.vs-search__filter-btn{flex-shrink:0!important;padding:8px 10px!important;font-size:12px!important}.vs-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;gap:6px!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.vs-filters::-webkit-scrollbar{display:none}.vs-filter-select{flex:none!important;min-width:100px!important;padding:6px 22px 6px 8px!important;font-size:12px!important}.vs-pattern-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.vs-color-swatches{grid-template-columns:repeat(5,1fr)!important}.vs-wizard__step-label{display:none!important}.vs-wizard__connector{width:16px!important}}@media (min-width:768px) and (max-width:1199px){.vs-canvas{height:46vh!important;min-height:320px!important;max-height:480px!important}:is(.vs-step--1:not(:has(.vs-panel--left)) .vs-canvas,.vs-step--2:not(:has(.vs-panel--left)) .vs-canvas,.vs-step--3:not(:has(.vs-panel--left)) .vs-canvas){height:100%!important;min-height:100%!important;max-height:100%!important}.vs-pattern-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}.vs-color-swatches{grid-template-columns:repeat(8,1fr)!important;gap:10px!important}.vs-wizard__step-label{font-size:11px!important;display:block!important}.vs-wizard__step-circle{width:30px!important;height:30px!important;font-size:12px!important}.vs-wizard__connector{width:36px!important;margin-bottom:0!important}}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#faf6f0;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e0d5c5;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#c7b89c}
