:host{font-family:Arial,Helvetica,sans-serif;color:#252c38;background:#faf9f6;font-synthesis:none}*{box-sizing:border-box}:host{margin:0}button,input,select{font:inherit}button{cursor:pointer}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #deded7}.brand{font-size:24px;letter-spacing:-1px;font-weight:800;color:inherit;text-decoration:none}.brand span{display:block;font-size:10px;letter-spacing:3px;font-weight:400;margin-top:5px}.edition,.eyebrow{font-size:12px;letter-spacing:1.6px}main{display:grid;grid-template-columns:minmax(0,1fr) 410px;min-height:calc(100vh - 88px)}.stage{background:#eeede7;position:sticky;top:0;height:calc(100vh - 88px);min-height:650px;overflow:hidden}.title{position:absolute;z-index:1;top:35px;left:6%;pointer-events:none}.title>span{font-size:13px;letter-spacing:2px}.title h1{font-size:clamp(30px,3.5vw,60px);letter-spacing:-2px;line-height:1.04;font-weight:500;margin:18px 0}#viewport{position:absolute;top:0;right:0;bottom:0;left:0}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}.view-tools{position:absolute;bottom:42px;left:0;right:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 12px}.view-tools button{border:1px solid #c9cbc4;background:#ffffffb8;border-radius:24px;padding:10px 15px;font-size:13px}.hint{position:absolute;bottom:12px;left:0;right:0;margin:0;text-align:center;font-size:12px;color:#5f655f}aside{padding:35px 30px;background:#faf9f6}.intro h2{font-size:28px;letter-spacing:-1px;margin:12px 0}.intro p{font-size:15px;color:#656b72;line-height:1.6;margin:0 0 28px}label,legend{font-size:14px}aside>label,fieldset>label{display:flex;gap:9px;align-items:center;margin:15px 0 9px}label strong,legend strong{margin-left:8px}#count,output{margin-left:auto;color:#666;font-size:12px}#name,input[type=number]{width:100%;padding:13px;border:1px solid #c9cbc6;border-radius:6px;background:#fff;color:#252c38}#name{font-size:22px;letter-spacing:2px;text-transform:uppercase}.small{font-size:12px;color:#626970;line-height:1.6}fieldset{border:0;border-top:1px solid #dedfd8;padding:18px 0 5px;margin:24px 0 0}legend{padding-right:10px}input[type=range]{width:100%;accent-color:#354ed4;margin:4px 0 12px}details{border-block:1px solid #dedfd8;margin-top:12px;padding:17px 0}summary{cursor:pointer;font-size:14px}details label{display:block;margin-bottom:8px}#status{font-size:12px;line-height:1.5;margin:15px 0;color:#4e5868;min-height:18px}.primary{width:100%;padding:16px;border:0;border-radius:6px;background:#354ed4;color:#fff;font-weight:600}.secondary{display:flex;gap:8px;margin-top:9px}.secondary button{width:50%;padding:12px 5px;background:transparent;border:1px solid #cacdc7;border-radius:6px;font-size:12px}.footnote{font-size:11px;color:#6a7073;line-height:1.6}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ef9d3b;outline-offset:3px}@media(max-width:850px){header{height:70px}.edition{font-size:9px}main{grid-template-columns:1fr}.stage{position:relative;height:65vh;min-height:450px}.title{top:22px}.title h1{font-size:32px}.view-tools{bottom:40px}.view-tools button{font-size:12px;padding:8px 10px}.hint{bottom:10px}aside{padding:28px 24px;max-width:580px;width:100%;margin:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}select{width:100%;padding:12px;border:1px solid #c9cbc6;border-radius:6px;background:#fff;color:#252c38}.font-row label,.select-label{display:block;margin:12px 0 8px}.range-label{display:flex;align-items:center;margin:16px 0 9px}input[readonly]{background:#efeee9;color:#5a625f}select:disabled,input:disabled{opacity:.5}#hemOptions[hidden],#patternOptions[hidden]{display:none}.position-hint{display:flex;align-items:center;justify-content:space-between;gap:12px}.position-hint .small{margin:0}.position-hint button{border:0;background:transparent;color:#354ed4;font-size:11px;padding:8px 0;white-space:nowrap}.position-hint button:disabled{cursor:default}.palette-heading{display:flex;align-items:center;justify-content:space-between;margin:17px 0 9px;font-size:13px}.palette-heading strong{font-size:12px;font-weight:500;color:#5c6570}.pla-palette{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.color-swatch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:58px;padding:5px 0;border:1px solid transparent;border-radius:6px;background:transparent;color:#37404b;font-size:9.5px}.color-dot{width:28px;height:28px;border:1px solid #0002;border-radius:50%;box-shadow:0 1px 2px #0001}.color-swatch.selected{border-color:#354ed4;background:#eef0ff}.color-swatch.selected .color-dot{outline:2px solid #354ed4;outline-offset:2px}#swap{width:100%;margin:14px 0 2px;padding:9px;border:1px solid #c9cbc6;border-radius:5px;background:transparent;color:#354ed4;font-size:12px}#colorMigration{padding:8px 10px;background:#eef0ff;border-radius:5px}#colorMigration[hidden]{display:none}@media(max-width:420px){.pla-palette{grid-template-columns:repeat(5,minmax(0,1fr))}.color-swatch{font-size:10px}}.stage-price{position:absolute;z-index:1;top:35px;right:6%;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.stage-price>span{font-size:10px;letter-spacing:1.3px;color:#59615c}.stage-price strong{font-size:30px;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stage-price small{font-size:11px;color:#5f655f}.height-price{font-size:13px;font-weight:600;color:#354ed4;margin:0 0 5px;line-height:1.5}#heightPriceRule{margin:0 0 18px}.purchase-card{margin-top:25px;padding:18px 0 10px}.price-breakdown{margin:20px 0 0}.price-breakdown>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:7px 0;font-size:13px}.price-breakdown dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.price-breakdown .price-total{border-top:1px solid #dedfd8;margin-top:8px;padding-top:14px;font-size:15px;font-weight:600}.price-total dd{font-size:28px;letter-spacing:-.7px}.price-tax{font-size:11px;color:#626970;text-align:right;margin:3px 0 18px}.purchase-includes{font-size:13px;line-height:1.6;margin:0 0 8px}.included-design{margin:0;padding:12px;border-radius:6px;background:#efeee9}.price-dock{display:none}@media(max-width:850px){.stage-price{display:none}:host{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.price-dock{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:76px;padding:13px 24px calc(13px + env(safe-area-inset-bottom));background:#faf9f6f5;border-top:1px solid #d4d6ce;box-shadow:0 -4px 18px #252c3808}.price-dock>div{display:flex;flex-direction:column;gap:4px;font-size:13px}.price-dock small{font-size:10px;color:#626970}.price-dock strong{font-size:25px;font-weight:600;letter-spacing:-.7px;white-space:nowrap;font-variant-numeric:tabular-nums}}details.help{border:0;margin:3px 0 10px;padding:0}details.help>summary{padding:8px 0;color:#626970;font-size:12px;line-height:1.4}details.help>summary::marker{font-size:10px}details.help[open]{padding:0 12px 12px;background:#efeee9;border-radius:6px}details.help p:last-child{margin-bottom:0}.help #heightPriceRule{margin:4px 0 10px}.position-hint{justify-content:flex-end}.export-tools{margin-top:20px}.export-tools>summary{font-weight:600}.export-tools>details{margin-top:12px}.export-tools .primary{margin-top:14px}#status[hidden]{display:none}#status[data-kind=error]{padding:10px 12px;border:1px solid #e2b3aa;border-radius:6px;background:#fff0ec;color:#8c3023}.cart-button{margin-top:18px}.cart-button:disabled{opacity:.65;cursor:not-allowed}.cart-availability{margin:8px 0 0;font-size:11px;line-height:1.5;color:#626970}@media(max-width:850px){:host{padding-bottom:calc(142px + env(safe-area-inset-bottom))}.price-dock{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px}.price-dock .cart-button{grid-column:1/-1;margin:0;padding:13px 10px;font-size:14px}}@media(min-width:851px){main{min-height:calc(94dvh - 72px)}.stage{height:calc(94dvh - 72px);min-height:min(650px,calc(94dvh - 72px))}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/saum-v10-style.css.map */