@media screen and (min-width:1100px){.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__layout{position:relative;grid-template-columns:minmax(0,3fr) minmax(0,7fr);grid-template-rows:var(--ht-lab-summary-height) var(--ht-lab-color-height) var(--ht-lab-rail-height) var(--ht-lab-rail-height);grid-template-areas:"stage summary" "stage colors" "stage tops" "stage bottoms";column-gap:0;row-gap:0;border:0;outline:1px solid rgb(var(--text-color) / .18);outline-offset:-1px}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__layout:before{content:"";z-index:0;grid-area:stage;background:#ebebeb}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-stage{z-index:1;width:min(100%,calc(var(--ht-lab-board-height) * 9 / 16));height:auto;max-height:100%;background:#ebebeb;place-self:center}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__zoom-button{display:none!important}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-side{--ht-lab-info-label: clamp(96px, 9vw, 132px);grid-area:summary;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) 48px;width:100%;height:100%;min-width:0;min-height:0;margin:0;border:0;background:rgb(var(--background));box-shadow:inset 1px 0 rgb(var(--text-color) / .18),inset 0 -1px rgb(var(--text-color) / .18)}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-summary{z-index:0;grid-column:1 / -1;grid-row:1 / 3;display:grid;grid-template-columns:var(--ht-lab-info-label) minmax(0,1fr) max-content;grid-template-rows:repeat(3,minmax(30px,1fr)) 48px;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;gap:0}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__selected-setup-title{grid-column:1;grid-row:1;display:block;align-self:center;min-width:0;margin:0;padding-inline-start:22px;color:rgb(var(--text-color) / .7);font-size:11px;font-weight:500;letter-spacing:.12em;line-height:1.25;white-space:nowrap}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__selected-total{grid-column:2 / 4;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) max-content;min-width:0;margin:0;padding:0 28px 0 12px;align-items:center;gap:20px;border:0;color:rgb(var(--text-color) / .72);font-size:11px;font-weight:500;letter-spacing:.1em;line-height:1.25}.ht-setup-studio[data-ht-layout-lab=pc] [data-ht-setup-total]{color:rgb(var(--text-color));font-size:15px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-products{display:contents}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-products a{grid-column:1 / 4;display:grid;grid-template-columns:var(--ht-lab-info-label) minmax(0,1fr) max-content;min-width:0;min-height:0;margin:0;padding:0 28px 0 22px;align-items:center;gap:0 12px;overflow:hidden;border:0;color:inherit;text-decoration:none}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-products a[data-ht-preview-link=tops]{grid-row:2}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-products a[data-ht-preview-link=bottoms]{grid-row:3}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-products .ht-setup-studio__preview-card-label{display:block;min-width:0;color:rgb(var(--text-color) / .78);font-size:12px;font-weight:500;letter-spacing:.1em;line-height:1.3;white-space:nowrap}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-products [data-ht-preview-title]{display:block;min-width:0;overflow:hidden;font-size:15px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-products [data-ht-preview-price]{display:block;min-width:0;color:rgb(var(--text-color) / .82);font-size:14px;font-variant-numeric:tabular-nums;line-height:1.35;white-space:nowrap}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-products :is(.ht-setup-studio__preview-entry,.ht-setup-studio__preview-product-arrow,.ht-setup-studio__preview-plus){display:none}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__setup-detail-button{grid-column:1 / 4;grid-row:4;justify-self:start;display:grid;width:50%;height:48px;min-height:44px;margin:0;padding:4px 16px;border:0;background:rgb(var(--text-color));color:rgb(var(--background));font:inherit;font-size:15px;letter-spacing:.05em;place-items:center}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__setup-detail-button:disabled{cursor:default;opacity:.5}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-actions{z-index:1;grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:48px;min-width:0;min-height:0;margin:0;padding:0;gap:0;border:0}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-actions :is(.ht-setup-studio__save-button,.ht-setup-studio__ai-tryon-button){display:flex;width:100%;height:48px;min-width:0;min-height:44px;margin:0;padding:4px 8px;align-items:center;justify-content:center;gap:8px;border:0;border-inline-start:1px solid rgb(var(--text-color) / .18);background:transparent;color:inherit;font-size:13px;line-height:1.2}.ht-setup-studio[data-ht-layout-lab=pc] :is(.ht-setup-studio__save-icon,.ht-setup-studio__ai-tryon-icon){flex:none;width:18px;height:18px}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__save-icon svg{display:block;width:18px;height:18px}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__save-visible-label{display:inline;white-space:nowrap}.ht-setup-studio[data-ht-layout-lab=pc] [data-ht-colors]{box-sizing:border-box;grid-template-rows:18px minmax(0,1fr);padding:0 30px 0 22px;border:0;box-shadow:inset 1px 0 rgb(var(--text-color) / .18),inset 0 -1px rgb(var(--text-color) / .18)}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__color-list{min-height:46px;padding-block:0;gap:8px}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__colors-heading{min-height:18px}.ht-setup-studio[data-ht-layout-lab=pc] [data-ht-lab-rail]{grid-template-rows:22px minmax(0,1fr);gap:0;padding:0 30px 0 22px;border:0;box-shadow:inset 1px 0 rgb(var(--text-color) / .18),inset 0 -1px rgb(var(--text-color) / .18)}.ht-setup-studio[data-ht-layout-lab=pc] [data-ht-lab-rail] .ht-setup-studio__rail-heading{padding:0}.ht-setup-studio[data-ht-layout-lab=pc] [data-ht-lab-rail] .ht-setup-studio__rail-heading h3{font-size:12px}.ht-setup-studio[data-ht-layout-lab=pc] [data-ht-lab-rail] :is([data-ht-current-label],.ht-setup-studio__rail-price){font-size:13px}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__rail{--ht-setup-gap: clamp(12px, 1.25vw, 18px);padding:1px 28px 3px 0;scroll-padding-inline:0 28px}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__card-select{gap:3px}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__card-info{display:block;height:18px;overflow:hidden;text-align:start}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__card-title{display:block;overflow:hidden;font-size:13px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__card-price{display:none}}@media screen and (min-width:1100px)and (max-height:700px){.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-side{grid-template-rows:minmax(0,1fr) 46px}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-summary{grid-template-rows:repeat(3,minmax(30px,1fr)) 46px}.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__setup-detail-button,.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-actions,.ht-setup-studio[data-ht-layout-lab=pc] .ht-setup-studio__preview-actions :is(.ht-setup-studio__save-button,.ht-setup-studio__ai-tryon-button){height:46px}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/ht-setup-layout-pc.css.map */