@font-face{font-family:Mulish Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/mulish-cyrillic-ext-wght-normal-B3XMVzw1.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Mulish Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/mulish-cyrillic-wght-normal-Cxxi75Cn.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Mulish Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/mulish-vietnamese-wght-normal-CiTUBHt1.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mulish Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/mulish-latin-ext-wght-normal-BHZ6ODhS.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mulish Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/mulish-latin-wght-normal-WL5YNY-W.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}body{margin:0;font-family:Mulish Variable,Mulish,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}.app-layout{display:flex;height:100vh;width:100vw}.viewer-pane{flex:0 0 60%;position:relative;background:#f4f4f4}.panel-pane{flex:1;overflow-y:auto;padding:16px 24px}.price-display{position:sticky;bottom:-16px;z-index:2;min-height:58px;margin:4px 0 -16px;padding:12px 14px;border:1px solid #e0e0e0;border-radius:8px;background:#fffffff5;box-shadow:0 -8px 18px #ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;transition:box-shadow .18s ease,border-color .18s ease}.price-display-summary{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.price-display-label{color:#555;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.price-display-value{color:#202020;font-size:24px;font-variant-numeric:tabular-nums}.price-display-value--loading{animation:price-number-shadow 1.1s ease-in-out infinite}.price-display-value--placeholder{color:#2020202e;-webkit-user-select:none;user-select:none}.price-display-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes price-number-shadow{0%,to{opacity:.52;text-shadow:0 0 0 rgb(0 0 0 / 0%)}50%{opacity:.9;text-shadow:0 0 10px rgb(0 0 0 / 24%)}}.price-display-result{display:flex;align-items:baseline;justify-content:flex-end;gap:10px;margin-left:auto;text-align:right}.price-display-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid #d1d1d1;border-radius:50%;color:#202020;background:#fff;font-size:20px;line-height:1;cursor:pointer}.price-display-toggle svg{width:18px;height:18px;transition:transform .24s cubic-bezier(.4,0,.2,1)}.price-display-toggle--expanded svg{transform:rotate(180deg)}.price-display-toggle:focus-visible{outline:2px solid #2ea3ab;outline-offset:2px}.price-breakup-collapse{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1),opacity .2s ease,visibility 0s linear .28s}.price-breakup-collapse--expanded{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1),opacity .22s ease 60ms,visibility 0s}.price-breakup-collapse-inner{min-height:0;overflow:hidden}.price-breakup{margin-top:12px;padding-top:10px;border-top:1px solid #dedede}.price-breakup-heading{margin-bottom:4px;color:#555;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.price-breakup-row{display:flex;justify-content:space-between;gap:16px;padding:8px 0}.price-breakup-row+.price-breakup-row{border-top:1px solid #ededed}.price-breakup-description,.price-breakup-amounts{display:flex;flex-direction:column;gap:2px}.price-breakup-description strong,.price-breakup-amounts strong{font-size:13px}.price-breakup-description strong{text-transform:capitalize}.price-breakup-description span,.price-breakup-amounts span{color:#666;font-size:11px}.price-breakup-amounts{flex-shrink:0;text-align:right}.price-display-error{font-size:12px}.price-display-status{color:#6c6c6c}.price-display-error{color:#a43b3b;text-align:right}.price-display-inquire{min-width:112px;padding:9px 18px;border:1px solid #202020;border-radius:6px;color:#fff;background:#202020;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .16s ease,transform .16s ease}.price-display-inquire:hover{background:#393939;transform:translateY(-1px)}.price-display-inquire:focus-visible{outline:2px solid #2ea3ab;outline-offset:2px}.option-row{margin-bottom:20px}.option-row-heading{font-size:13px;letter-spacing:.05em;text-transform:uppercase;margin:0 0 8px}.option-row-track{display:flex;align-items:center;gap:8px}.option-row-items{display:flex;gap:16px;overflow-x:auto}.option-row-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:1px solid transparent;border-radius:6px;background:none;cursor:pointer;flex-shrink:0}.option-row-item[aria-pressed=true]{border-color:#2ea3ab;color:#2ea3ab}.option-row-icon{width:40px;height:40px;object-fit:contain}.option-row-swatch{width:28px;height:28px;border-radius:50%;display:inline-block}.option-row-arrow{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ccc;border-radius:50%;width:28px;height:28px;background:#fff;cursor:pointer;flex-shrink:0}.option-row-arrow svg{width:18px;height:18px;stroke-width:2}.option-row--two-rows .option-row-track,.option-row--two-rows .option-row-items{width:100%}.option-row--two-rows .option-row-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 4px;overflow:visible}.option-row--two-rows .option-row-item{min-width:0;padding:6px 2px}.option-row--two-rows .option-row-label{font-size:12px;line-height:1.2;overflow-wrap:anywhere;text-align:center}.band-style-tabs{display:flex;gap:24px;overflow-x:auto;border-bottom:1px solid #e0e0e0;margin-bottom:12px;scrollbar-width:none}.band-style-tabs::-webkit-scrollbar{display:none}.band-style-tab{border:none;background:none;padding:8px 0;cursor:pointer;font-size:14px;color:#333;flex:0 0 auto;white-space:nowrap}.band-style-tab[aria-selected=true]{color:#2ea3ab;border-bottom:2px solid #2ea3ab}.reset-button,.viewer-action-button{position:absolute;bottom:16px;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border-radius:50%;border:1px solid #b9b9b9;background:#ffffffd1;box-shadow:0 1px 4px #00000014;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.reset-button{right:16px}.screenshot-button{right:80px}.reset-button:hover,.viewer-action-button:hover{border-color:#8b8b8b;box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.reset-button:focus-visible,.viewer-action-button:focus-visible{outline:2px solid #2ea3ab;outline-offset:3px}.reset-button img{width:22px;height:22px}.viewer-action-button svg{width:22px;height:22px;color:#303030}@media (max-width: 768px){.app-layout{flex-direction:column;height:100vh;height:100svh;min-height:0;overflow:hidden}.viewer-pane{flex:0 0 clamp(320px,55svh,480px);width:100%;min-height:320px;max-height:480px}.panel-pane{flex:1 1 auto;width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px 16px calc(32px + env(safe-area-inset-bottom))}.price-display{bottom:calc(-32px - env(safe-area-inset-bottom));margin:4px 0 calc(-32px - env(safe-area-inset-bottom));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.option-row{margin-bottom:18px}.option-row-heading{margin-bottom:10px;font-size:12px}.option-row-track{width:100%;gap:0}.option-row-items,.option-row--two-rows .option-row-items{display:grid;grid-template-columns:repeat(var(--mobile-columns, 4),minmax(0,1fr));gap:8px 4px;width:100%;overflow:visible}.option-row-arrow{display:none}.option-row-item,.option-row--two-rows .option-row-item{width:100%;min-width:0;min-height:70px;padding:6px 2px;flex-shrink:1;touch-action:manipulation}.option-row-label,.option-row--two-rows .option-row-label{max-width:100%;font-size:12px;line-height:1.2;overflow-wrap:anywhere;text-align:center}.option-row-icon{width:38px;height:38px}.option-row--compact .option-row-item{min-height:44px;padding:6px 1px}.band-style-tabs{justify-content:space-between;gap:6px;width:100%;overflow:visible}.band-style-tab{min-height:40px;padding:9px 0;font-size:clamp(11px,3.1vw,12px);letter-spacing:-.01em}.reset-button,.viewer-action-button{right:12px;bottom:12px;width:46px;height:46px}.screenshot-button{right:70px}.reset-button img{width:20px;height:20px}.viewer-action-button svg{width:20px;height:20px}}@media (max-width: 360px){.panel-pane{padding-right:14px;padding-left:14px}.option-row-label,.option-row--two-rows .option-row-label{font-size:11px}.option-row--two-rows .option-row-label{font-size:10.5px;letter-spacing:-.01em}}@media (prefers-reduced-motion: reduce){.price-display-value--loading,.price-display-toggle svg,.price-breakup-collapse,.price-breakup-collapse--expanded{animation:none;transition:none}}
