.ws-shade-preview{--shade-ink:#34312e;--shade-accent:#6f8172;--shade-line:#dfded9;--shade-soft:#f7f6f2;color:var(--shade-ink);margin:2.4rem 0 7rem;font-size:1.4rem}.ws-shade-preview[hidden],.ws-shade-preview [hidden]{display:none!important}.ws-shade-preview *{box-sizing:border-box}.ws-shade-preview__intro{margin-bottom:2rem}.ws-shade-preview__intro h2,.ws-shade-preview__summary h2{margin:.4rem 0 .8rem;font-size:2.2rem;line-height:1.35}.ws-shade-preview__intro p{line-height:1.8}.ws-shade-preview__eyebrow{color:var(--shade-accent);font-size:1.1rem;font-weight:700;letter-spacing:.12em;margin:0}.ws-shade-preview__status{border-left:3px solid var(--shade-accent);background:var(--shade-soft);margin:0 0 1.6rem;padding:1.2rem;line-height:1.6}.ws-shade-preview__status.is-error{border-color:#a34343;background:#fff7f6}.ws-shade-preview__pair{background:#eef2ed;border:1px solid #c8d2c6;border-radius:1rem;display:grid;gap:1.2rem;margin:0 0 1.6rem;padding:1.6rem}.ws-shade-preview__pair h3{font-size:1.65rem;margin:.3rem 0 .6rem}.ws-shade-preview__pair p{line-height:1.6;margin:.4rem 0}.ws-shade-preview__pair-actions{display:flex;flex-wrap:wrap;gap:.8rem}.ws-shade-preview__pair button,.ws-shade-preview__pair a{background:#fff;border:1px solid #899b86;border-radius:.6rem;color:inherit;font:inherit;padding:.9rem 1.1rem;text-decoration:none}.ws-shade-preview__pair-conflict{background:#fff8e8;border-left:3px solid #aa7724;padding:1.2rem}.ws-shade-preview__pair-chip{align-items:center;background:#fff;border-radius:.7rem;display:flex;gap:1rem;padding:1rem}.ws-shade-preview__pair-chip img{border-radius:.4rem;height:4.4rem;object-fit:cover;width:4.4rem}.ws-shade-preview__pair-chip a{margin-left:auto}.ws-shade-preview__fabric-browser{border-top:1px solid #c8d2c6;padding-top:1rem}.ws-shade-preview__fabric-browser>div{display:flex;flex-wrap:wrap;gap:.7rem}.ws-shade-preview__fabric-browser a{font-size:1.2rem}.ws-shade-preview__step{border:1px solid var(--shade-line);border-radius:1rem;margin:1.2rem 0;padding:1.6rem}.ws-shade-preview__step legend{font-size:1.65rem;font-weight:700;padding:0 .4rem}.ws-shade-preview__step legend span{color:var(--shade-accent);font-size:1.1rem;letter-spacing:.1em;margin-right:.7rem}.ws-shade-preview__choices{display:flex;flex-wrap:wrap;gap:.8rem}.ws-shade-preview__choices label{align-items:center;border:1px solid var(--shade-line);border-radius:999px;cursor:pointer;display:flex;gap:.6rem;min-height:4.2rem;padding:.8rem 1.2rem}.ws-shade-preview label{display:block;font-weight:600}.ws-shade-preview select,.ws-shade-preview input{background:#fff;border:1px solid #bdbbb5;border-radius:.6rem;color:inherit;display:block;font:inherit;margin-top:.6rem;min-height:4.4rem;padding:.8rem 1rem;width:100%}.ws-shade-preview__fabric-grid,.ws-shade-preview__dimension-grid{display:grid;gap:1.2rem;grid-template-columns:1fr}.ws-shade-preview__operation-detail,.ws-shade-preview__scallop-grid{display:grid;gap:1.2rem;grid-template-columns:1fr;margin-top:1.2rem}.ws-shade-preview__fabric{background:var(--shade-soft);border-radius:.8rem;padding:1.2rem}.ws-shade-preview__fabric h3{margin:0 0 1rem;font-size:1.5rem}.ws-shade-preview__fabric-card{align-items:center;display:flex;gap:1rem;margin:1.2rem 0;min-height:4.8rem}.ws-shade-preview__fabric-card img{border-radius:.5rem;height:4.8rem;object-fit:cover;width:4.8rem}.ws-shade-preview__fabric-card p{line-height:1.5;margin:0}.ws-shade-preview__hint{color:#605d58;font-size:1.25rem;line-height:1.6;margin:1rem 0 0}.ws-shade-preview__hint.is-warning{color:#9a3e22;font-weight:700}.ws-shade-preview__check.is-disabled{color:#8a8780;cursor:not-allowed;opacity:.65}.ws-shade-preview__summary{background:var(--shade-ink);color:#fff;display:grid;gap:1.2rem;margin:2.4rem 0 0;padding:1.6rem;position:static}.ws-shade-preview__summary h2{font-size:1.8rem}.ws-shade-preview__summary h2 strong{display:block;font-size:2.4rem;margin-top:.3rem}.ws-shade-preview__summary p{margin:0;line-height:1.5}.ws-shade-preview__summary dl{display:grid;gap:.4rem;margin:0}.ws-shade-preview__summary dl div{display:flex;gap:1rem;justify-content:space-between}.ws-shade-preview__summary dd,.ws-shade-preview__summary dt{margin:0}.ws-shade-preview__summary button{background:#ffffff4a;border:1px solid #ffffff80;border-radius:.5rem;color:#fff;cursor:not-allowed;font:inherit;min-height:4.6rem;padding:1rem}@media screen and (min-width:750px){.ws-shade-preview__fabric-grid,.ws-shade-preview__dimension-grid,.ws-shade-preview__operation-detail,.ws-shade-preview__scallop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-shade-preview__summary{align-items:center;bottom:0;grid-template-columns:1.3fr 1fr auto;position:sticky;z-index:3}}.ws-shade-preview .ws-shade-preview__summary{display:flex;flex-direction:column;align-items:stretch;gap:16px;position:static;bottom:auto;z-index:auto;grid-template-columns:none;width:100%;min-width:0;margin:24px 0 0;padding:18px;background:#fff;color:#222;border:1px solid #eadfcb;border-radius:18px;box-shadow:none}.ws-shade-preview .ws-shade-preview__summary .ws-shade-preview__eyebrow{color:#777;font-size:10px;letter-spacing:.08em}.ws-shade-preview .ws-shade-preview__summary h2{margin:4px 0 0;font-size:15px;line-height:1.5;font-weight:700;color:#222}.ws-shade-preview .ws-shade-preview__summary h2 strong{display:block;margin-top:6px;color:#111;font-size:28px;font-weight:800;line-height:1.25}.ws-shade-preview .ws-shade-preview__summary [data-shade-summary]{color:#666;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.ws-shade-preview .ws-shade-preview__summary dl{display:flex;flex-direction:column;gap:0;margin:0;padding-top:10px;border-top:1px solid #e8e5df}.ws-shade-preview .ws-shade-preview__summary dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid #f0eeea}.ws-shade-preview .ws-shade-preview__summary dt{flex:1;min-width:0;margin:0;color:#555;font-size:13px;overflow-wrap:anywhere}.ws-shade-preview .ws-shade-preview__summary dd{flex:0 0 auto;margin:0;color:#222;font-size:14px;font-weight:700;text-align:right}.ws-shade-preview .ws-shade-preview__summary>button{display:none!important}#shadeCalc .ws-shade-preview__fabric-grid{grid-template-columns:minmax(0,1fr)}#shadeCalc .ws-shade-preview__fabric[data-shade-fabric=current]{width:100%;min-width:0;padding:16px;border:1px solid #e6e2da;border-radius:12px;background:#faf9f6}#shadeCalc .ws-shade-preview__fabric-card{width:100%;min-width:0;gap:14px}#shadeCalc .ws-shade-preview__fabric-card img{width:72px;height:72px;flex:0 0 72px;object-fit:cover}#shadeCalc .ws-shade-preview__fabric-card p{min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.6}#shadeCalc .ws-pair-customer__card{padding:12px}#shadeCalc .ws-pair-customer__photo{width:52px;height:52px;flex-basis:52px}#shadeCalc .ws-pair-customer__card>.ws-pair-customer__guidance{display:none}#shadeCalc .ws-pair-customer__actions{margin-top:8px}#shadeCalc .ws-pair-customer__action{min-height:36px;padding:7px 11px}#shadeCalc .ws-shade-rail-option{display:grid;grid-template-columns:20px minmax(0,1fr) 100px;align-items:center;gap:12px;padding:14px;border:1px solid #dedbd4;border-radius:12px;background:#faf9f6;cursor:pointer}#shadeCalc .ws-shade-rail-option input{width:20px;height:20px;margin:0;accent-color:#55745d}#shadeCalc .ws-shade-rail-option__text{display:flex;flex-direction:column;gap:5px;min-width:0}#shadeCalc .ws-shade-rail-option__text strong{font-size:14px;line-height:1.5;color:#333}#shadeCalc .ws-shade-rail-option__text small{font-size:12px;line-height:1.5;color:#777}#shadeCalc .ws-shade-rail-option__image{display:block;width:100%;height:85px;object-fit:contain;background:#fff;border:1px solid #ece9e3;border-radius:8px}@media(max-width:480px){#shadeCalc .ws-shade-rail-option{grid-template-columns:20px minmax(0,1fr) 76px;gap:10px;padding:12px}#shadeCalc .ws-shade-rail-option__image{height:70px}#shadeCalc .ws-shade-rail-option__text strong{font-size:13px}}#shadeCalc .ws-shade-kind-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#shadeCalc .ws-shade-kind-card{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px;border:2px solid #e3e0da;border-radius:12px;background:#fff;cursor:pointer;text-align:center;transition:border-color .15s ease}#shadeCalc .ws-shade-kind-card img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:contain}#shadeCalc .ws-shade-kind-card span{font-size:14px;font-weight:600;line-height:1.5}#shadeCalc .ws-shade-kind-card input{width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:#34312e}#shadeCalc .ws-shade-kind-card:has(input:checked){border-color:#34312e;background:#faf9f6}#shadeCalc .ws-shade-kind-card:focus-within{outline:2px solid #777;outline-offset:2px}@media(max-width:480px){#shadeCalc .ws-shade-kind-cards{gap:8px}#shadeCalc .ws-shade-kind-card{padding:8px}#shadeCalc .ws-shade-kind-card span{font-size:12px}}#shadeCalc .ws-shade-kind-cards[aria-label=\64cd\4f5c\65b9\5f0f]{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}#shadeCalc .ws-shade-kind-cards[aria-label=\64cd\4f5c\65b9\5f0f] .ws-shade-kind-card{display:grid;grid-template-columns:20px 100px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:center;gap:6px 12px;padding:12px;text-align:left;border-radius:10px}#shadeCalc .ws-shade-kind-cards[aria-label=\64cd\4f5c\65b9\5f0f] .ws-shade-kind-card input{grid-column:1;grid-row:1 / 3;align-self:center;margin:0}#shadeCalc .ws-shade-kind-cards[aria-label=\64cd\4f5c\65b9\5f0f] .ws-shade-kind-card img{grid-column:2;grid-row:1 / 3;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:contain}#shadeCalc .ws-shade-kind-cards[aria-label=\64cd\4f5c\65b9\5f0f] .ws-shade-kind-card span{grid-column:3;grid-row:1;font-size:14px;font-weight:700}#shadeCalc .ws-shade-kind-cards[aria-label=\64cd\4f5c\65b9\5f0f] .ws-shade-kind-card__desc{grid-column:3;grid-row:2;margin:0;font-size:12px;line-height:1.7;font-weight:400}@media(max-width:480px){#shadeCalc .ws-shade-kind-cards[aria-label=\64cd\4f5c\65b9\5f0f] .ws-shade-kind-card{grid-template-columns:18px 76px minmax(0,1fr);gap:6px 8px;padding:10px}#shadeCalc .ws-shade-kind-cards[aria-label=\64cd\4f5c\65b9\5f0f] .ws-shade-kind-card span{font-size:13px}#shadeCalc .ws-shade-kind-cards[aria-label=\64cd\4f5c\65b9\5f0f] .ws-shade-kind-card__desc{font-size:11px;line-height:1.6}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ws-shade-preview.css.map */