:host{display:block;font-size:16px;line-height:1.5;--blue:#486EFC;--pink:#FFF4FE;--green:#15B28C;--ink:#1d2350;--muted:#62657c;--line:#e3e5ef;--focus:#233ca8;font-family:var(--body-font-stack,inherit);color:var(--ink);background:var(--pink);font-synthesis:none}*{box-sizing:border-box}.matcha-app{margin:0}button,select,textarea{font:inherit}button,label,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,select,textarea{border-radius:8px}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:4px}input:focus-visible+span{outline:3px solid var(--focus);outline-offset:4px}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;flex-shrink:0}.masthead{background:var(--blue);color:#fff}.masthead-inner{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 24px}.brand{font-family:var(--heading-font-stack,inherit);font-size:2.25rem;font-weight:700;line-height:.85;letter-spacing:-2px;display:flex;align-items:baseline;gap:12px}.brand span{font-family:var(--body-font-stack,inherit);font-size:.625rem;font-weight:400;letter-spacing:2px}.private-label{display:flex;align-items:center;gap:7px;font-size:.875rem}.private-label svg{width:16px;height:16px}.studio-main{max-width:1240px;margin:auto;padding:30px 24px 40px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 28px}.eyebrow{font-size:.75rem;letter-spacing:2px;font-weight:700;margin:0 0 10px;color:var(--blue)}h1{font-family:var(--heading-font-stack,inherit);font-size:clamp(1.875rem,4.7vw,3.4rem);line-height:1.1;font-weight:400;letter-spacing:-1.5px;margin:0}h1 em{color:var(--blue);font-weight:400}.intro-note{font-size:.9375rem;line-height:1.6;margin:0;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(330px,.84fr) minmax(400px,1.16fr);gap:18px 30px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px}h2{font-size:1.0625rem;font-weight:600;display:flex;align-items:center;gap:10px;margin:0 0 20px;line-height:1.4}.step-number{background:var(--pink);border:1px solid #eee2f1;color:var(--blue);font-size:.75rem;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.controls-base{grid-column:1;grid-row:1}.controls-charms{grid-column:1;grid-row:2}.summary-panel{grid-column:1;grid-row:3}.preview-panel{grid-column:2;grid-row:1/4;position:sticky;top:24px;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.preview-heading h2{margin:0;font-family:var(--heading-font-stack,inherit);font-size:1.5rem;font-weight:400}.preview-tag{font-size:.875rem;color:var(--blue);font-weight:600}.preview-board{border:1px solid #ccd6ff;background:#e8edff;border-radius:15px;padding:24px 25px 16px;position:relative;overflow:hidden;background-image:repeating-linear-gradient(0deg,transparent,transparent 35px,#dce4ff 36px,transparent 37px)}.board-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.base-badge{background:#fff;border:1px solid #d0daff;color:var(--blue);border-radius:30px;padding:7px 12px;font-size:.875rem;font-weight:600}.board-word{font-family:var(--heading-font-stack,inherit);font-style:italic;font-size:1.125rem;color:#566bb7}.base-preview{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:22px}.base-photo-wrap{position:relative;flex:0 0 146px;width:146px;height:146px;border-radius:9px;border:1px solid #d5dcf3;background:#fff;overflow:hidden}.base-photo-wrap img{width:100%;height:100%;object-fit:contain}.quantity-badge{position:absolute;bottom:7px;right:7px;border:1px solid #dce1f0;background:#fff;padding:3px 6px;border-radius:4px;font-size:.75rem;font-weight:700}.base-caption{display:flex;flex-direction:column;gap:6px;font-size:.875rem;line-height:1.5;max-width:175px}.base-caption span{color:#586585;font-size:.8125rem}.missing-photo{height:100%;display:grid;place-content:center;text-align:center;line-height:1.5;margin:0;color:var(--muted);font-size:.875rem}.component-divider{display:flex;justify-content:center;align-items:center;gap:8px;margin:20px 0 15px;font-size:.8125rem;color:#586585}.component-divider span:first-child{font-size:1.5rem;font-weight:400;color:var(--blue)}.pair-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ear-preview{margin:0;min-width:0;position:relative}.photo-frame{border:1px solid #d5dcf3;background:#fff;aspect-ratio:1;border-radius:9px;overflow:hidden}.photo-frame img{display:block;width:100%;height:100%;object-fit:contain}.ear-sticker{display:inline-block;background:var(--blue);color:#fff;padding:6px 11px;border-radius:3px;margin-bottom:10px;font-size:.8125rem;font-weight:600;transform:rotate(-3deg)}.right-ear .ear-sticker{background:#0e8064;box-shadow:4px 4px 0 var(--green);transform:rotate(3deg)}figcaption{font-size:.9375rem;font-weight:600;line-height:1.5;text-align:center;margin-top:12px;overflow-wrap:anywhere}.board-bottom{display:block;text-align:center;font-family:var(--heading-font-stack,inherit);font-style:italic;color:var(--blue);margin:26px 0 4px;font-size:1.1875rem}.preview-disclaimer{font-size:.8125rem;line-height:1.6;margin:13px 4px 0;color:var(--muted)}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:.875rem;font-weight:600;padding:0;margin-bottom:10px}.segmented{display:flex;gap:8px}.segmented label{flex:1;position:relative;min-width:0;cursor:pointer}.segmented input{position:absolute;opacity:0;width:1px;height:1px}.segmented label>span{display:block;border:1px solid var(--line);border-radius:8px;text-align:center;padding:11px 6px;color:var(--ink);transition:border-color .12s,background .12s;font-size:.875rem}.segmented strong{font-size:1.1875rem;font-weight:600}.segmented small{display:block;font-size:.75rem;margin-top:4px;color:var(--muted)}.segmented input:checked+span{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);background:#eef1ff;color:#243db0}.segmented label:hover>span{border-color:var(--blue)}.finish-field{margin-top:18px}.finishes label>span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px}.finish-swatch{width:17px;height:17px;border-radius:50%;display:inline-block;border:1px solid #b69345}.finish-swatch.gold{background:linear-gradient(120deg,#a77631,#f2d997 50%,#c99848)}.finish-swatch.silver{border-color:#a8acb1;background:linear-gradient(120deg,#969ca4,#eff1f5 50%,#b7bdc3)}.notice{background:var(--pink);border-left:3px solid var(--blue);padding:11px 13px;margin:18px 0 0;font-size:.875rem;line-height:1.6}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.catalog-count{font-size:.75rem;color:var(--muted);white-space:nowrap;margin-bottom:20px}.charm-field+.charm-field{margin-top:17px}.charm-field label{display:block;font-weight:600;font-size:.875rem;margin-bottom:9px}.select-row{display:flex;align-items:center;gap:10px}.select-row img{width:56px;height:56px;object-fit:contain;border:1px solid var(--line);border-radius:8px;flex-shrink:0;background:#fff}.select-row select{min-width:0;width:100%;height:56px;padding:8px 28px 8px 12px;border:1px solid #c8cdda;background:#fff;color:var(--ink);font-size:.9375rem}.suggestion-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:24px 0 12px;font-size:.875rem}.ear-target{display:flex;gap:3px;background:var(--pink);padding:3px;border-radius:6px}.ear-target button{border:0;background:transparent;color:var(--muted);border-radius:4px;font-size:.8125rem;min-height:34px;padding:6px 9px}.ear-target button[aria-pressed=true]{background:var(--blue);color:#fff}.suggestions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.suggestion{position:relative;border:1px solid var(--line);padding:0 0 6px;background:#fff;min-width:0;overflow:hidden;line-height:1.25}.suggestion[aria-pressed=true]{border:2px solid var(--blue);background:#f0f3ff}.suggestion img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.suggestion span{display:block;min-height:2.5em;font-size:.75rem;overflow-wrap:anywhere;padding:0 3px}.suggestion[aria-pressed=true]:after{content:"\2713";position:absolute;top:3px;right:3px;background:var(--blue);color:#fff;width:16px;height:16px;border-radius:50%;font-size:11px;display:grid;place-items:center}.catalog-note{font-size:.75rem;line-height:1.5;color:var(--muted);margin:14px 0 0}.summary-list{margin:0;font-size:.9375rem}.summary-list>div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:12px;padding:9px 0}.summary-list dt{color:var(--muted)}.summary-list dd{margin:0;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.summary-status{font-size:.8125rem;line-height:1.55;margin:11px 0 16px;color:#3c5671;padding:9px 11px;background:#edf8f4;border-radius:5px}.summary-status.pending{background:var(--pink);color:var(--ink)}.primary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;background:var(--blue);border:1px solid var(--blue);width:100%;color:#fff;font-weight:600;font-size:.9375rem;padding:12px 15px}.primary:hover{background:#345be8}textarea{width:100%;max-width:100%;margin-top:8px;padding:10px;border:1px solid var(--line);font-size:.875rem;line-height:1.5;color:var(--ink)}footer{border-top:1px solid #e8deee;max-width:1192px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 0 28px;font-size:.8125rem;color:var(--muted)}footer>span:first-child{font-family:var(--heading-font-stack,inherit);font-weight:700;font-size:1rem;color:var(--blue)}footer p{margin:0}.footer-note{font-size:.75rem}.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}.loading,.error-panel{text-align:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:36px}.error-panel .primary{max-width:220px;margin:auto}.image-error{display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--muted);text-align:center;line-height:1.5;padding:12px}@media(max-width:900px){.workspace{gap:18px;grid-template-columns:minmax(290px,.9fr) minmax(310px,1.1fr)}.panel{padding:19px}.preview-board{padding:20px 16px 16px}.pair-preview{gap:12px}.intro-note{display:none}.board-word{font-size:1rem}.base-photo-wrap{flex-basis:115px;width:115px;height:115px}.base-caption{max-width:150px}.base-preview{gap:12px}footer{margin:0 24px;flex-wrap:wrap}}@media(max-width:700px){.masthead-inner{padding:16px 18px}.brand{font-size:2rem}.brand span{font-size:.5625rem}.private-label{font-size:.8125rem}.studio-main{padding:24px 16px 26px}.intro{margin-bottom:22px}.eyebrow{font-size:.6875rem}h1{letter-spacing:-.75px}.workspace{display:flex;flex-direction:column;gap:20px}.workspace>section{width:100%}.controls-base{order:1}.preview-panel{order:2;position:static}.controls-charms{order:3}.summary-panel{order:4}.panel{padding:20px 18px}.preview-heading{padding:0 2px}.preview-heading h2{font-size:1.375rem}.preview-board{padding:17px 15px 15px}.base-preview{padding-top:16px}.base-photo-wrap{flex-basis:95px;width:95px;height:95px}.base-caption{font-size:.8125rem;max-width:160px}.base-caption span{font-size:.75rem}.base-badge{padding:6px 10px;font-size:.8125rem}.component-divider{margin:13px 0 10px}.ear-sticker{font-size:.75rem;padding:5px 9px;margin-bottom:8px}.pair-preview{gap:13px}figcaption{font-size:.875rem;margin-top:9px}.board-bottom{font-size:1.0625rem;margin-top:19px}.preview-disclaimer{font-size:.75rem}.quantity-badge{font-size:.6875rem;padding:2px 4px}.suggestions{gap:8px}.suggestion span{font-size:.75rem}footer{margin:0 16px;padding-top:20px;display:block;text-align:center;line-height:1.65}footer p{margin:7px 0}.footer-note{font-size:.75rem}}.masthead-inner,.preview-heading,.board-top,.section-heading{flex-wrap:wrap}.preview-heading h2,.board-word,.section-heading h2{min-width:0;overflow-wrap:anywhere}.catalog-count{white-space:normal}.suggestion span{font-size:.875rem}.select-row{min-width:0}.base-caption{min-width:0;overflow-wrap:anywhere}.brand{flex-wrap:wrap;line-height:1}.primary{overflow-wrap:anywhere}.pair-spec{font-size:.875rem;color:var(--muted);line-height:1.5;margin:0 0 12px}.preview-board .pair-preview{margin-top:23px}.ear-hoop-photo{width:120px;max-width:100%;aspect-ratio:1;margin:0 auto;background:#fff;border:1px solid #d5dcf3;border-radius:8px;overflow:hidden}.ear-hoop-photo img{display:block;width:100%;height:100%;object-fit:contain}.ear-component-separator{display:block;text-align:center;font-size:1.5rem;color:var(--blue);margin:5px 0 7px}.ear-sticker{font-size:.875rem}.diameters label>span{line-height:1.45}.diameters small{font-size:.8125rem}@media(max-width:700px){.ear-hoop-photo{width:88px}.preview-board .pair-preview{margin-top:18px}.ear-sticker{font-size:.8125rem}.ear-component-separator{font-size:1.25rem;margin:4px 0 6px}}.elements-picker{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.elements-picker summary{cursor:pointer;color:var(--blue);font-weight:600;font-size:.9375rem;line-height:1.5;min-height:44px;padding:8px 0}.elements-picker summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.elements-picker summary small{font-weight:400;font-size:.75rem;color:var(--muted);margin-left:8px}.elements-instruction{font-size:.875rem;color:var(--muted);line-height:1.6;margin:8px 0 15px}.element-control-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.element-description{display:flex;align-items:center;gap:10px;flex:1 1 140px;min-width:0}.element-description img{width:50px;height:50px;object-fit:contain;border:1px solid var(--line);border-radius:6px;flex-shrink:0}.element-description strong{font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.element-quantities{display:flex;gap:10px;margin-left:auto}.quantity-field{display:flex;flex-direction:column;gap:5px;font-size:.8125rem;color:var(--muted);text-align:center;line-height:1.4}.quantity-field input{width:3.5rem;min-height:44px;border:1px solid #c8cdda;border-radius:6px;padding:6px;text-align:center;color:var(--ink);font-size:1rem;background:#fff}.quantity-field input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.kit-controls{border:1px solid #d7ece5;border-radius:9px;background:#f2faf7;padding:14px;margin-top:19px;font-size:.875rem;line-height:1.5}.kit-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kit-heading img{width:56px;height:56px;object-fit:contain;border-radius:6px;background:#fff;border:1px solid #d7ece5}.kit-heading label{font-weight:600;display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.kit-heading input{width:20px;height:20px;accent-color:var(--blue)}.kit-controls>p{font-size:.8125rem;color:var(--muted);margin:9px 0 12px}.kit-controls>label{display:block;margin-bottom:6px;font-weight:600}.kit-controls select{width:100%;min-height:44px;padding:8px;border:1px solid #c8cdda;background:#fff;color:var(--ink)}.kit-controls select:disabled{opacity:.65}.elements-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.element-preview-card{min-width:0;border:1px solid #d5dcf3;background:#fff;border-radius:7px;padding:5px}.element-preview-card img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.element-preview-card span{display:block;font-size:.8125rem;line-height:1.4;text-align:center;overflow-wrap:anywhere;padding:4px 2px}.kit-preview{display:flex;align-items:center;gap:16px;border:1px solid #d7ece5;background:#fff;border-radius:9px;margin-top:20px;padding:12px}.kit-preview>img{width:115px;height:115px;object-fit:contain;flex-shrink:0}.kit-preview>div{min-width:0;overflow-wrap:anywhere;font-size:.9375rem}.kit-preview p{font-size:.8125rem;color:var(--muted);line-height:1.5;margin:7px 0 0}@media(max-width:700px){.elements-preview{grid-template-columns:minmax(0,1fr)}.kit-preview{gap:10px}.kit-preview>img{width:90px;height:90px}.element-preview-card img{max-height:110px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.pair-options{flex-wrap:wrap}.pair-options label{flex:1 1 100px}.swap-sides{width:100%;min-height:44px;margin-top:12px;border:1px solid #d0daff;background:#f5f7ff;color:#243db0;font-size:.875rem;padding:8px 12px;line-height:1.5}.swap-sides:focus-visible,.secondary:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.unit-price{display:block;font-size:.875rem;line-height:1.5;color:var(--muted);font-weight:400;margin:5px 0 0}.charm-field>.unit-price{margin-left:66px}.element-description>div{min-width:0}.element-description .unit-price{margin-top:2px}.suggestion small{display:block;font-size:.875rem;line-height:1.4;padding:4px 3px 0;color:var(--blue);overflow-wrap:anywhere}.price-breakdown{border-top:1px solid var(--line);padding-top:10px;margin-top:12px;font-size:.875rem;line-height:1.5}.price-breakdown summary{cursor:pointer;min-height:44px;padding:9px 0;font-weight:600}.price-breakdown summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.price-breakdown ul{list-style:none;padding:0;margin:0}.price-breakdown li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.price-breakdown li span{min-width:0;overflow-wrap:anywhere}.price-breakdown li strong{flex-shrink:0}.total-row{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 15px;margin:19px 0 9px;line-height:1.5;font-size:1rem}.total-row strong{font-size:1.625rem;color:var(--blue)}.price-note,.cart-help{font-size:.8125rem;line-height:1.6;color:var(--muted);margin:9px 0 17px}.cart-button{text-decoration:none;text-align:center;line-height:1.5}.cart-help{margin:10px 0 15px}.secondary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border:1px solid #c8cdda;background:#fff;color:var(--ink);font-size:.875rem;padding:10px 12px;line-height:1.5}.secondary:hover{border-color:var(--blue);background:#f5f7ff}.kit-controls #kit-price{color:#243db0;font-weight:600}.mobile-cart-bar{display:none}.brand{display:block;line-height:0;letter-spacing:normal}#brand-logo{display:block;width:184px;max-width:100%;height:auto}#footer-logo{display:block;width:108px;max-width:100%;height:auto}@media(max-width:700px){#brand-logo{width:156px}#footer-logo{margin:0 auto 12px}}.image-error{flex-direction:column;gap:8px;overflow-wrap:anywhere;min-height:110px}.photo-retry{min-height:44px;padding:8px 10px;border:1px solid #d0daff;background:#fff;color:var(--blue);font-size:.875rem}#retry-photos{width:100%;margin-top:12px;line-height:1.5}.picker-search>.photo-retry{margin-top:12px;border:1px solid #d0daff;background:#fff;padding:8px 10px;line-height:1.5}.browse-instruction{font-size:.875rem;color:var(--muted);line-height:1.6;margin:0 0 14px}.chosen-charms{display:grid;gap:10px}.charm-choice{display:grid;grid-template-columns:64px minmax(0,1fr);gap:3px 12px;align-items:center;width:100%;text-align:left;border:1px solid #d0daff;background:#fff;color:var(--ink);padding:12px;min-height:104px}.charm-choice:hover{border-color:var(--blue);background:#f5f7ff}.charm-choice>img{grid-row:1/3;width:64px;height:64px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:6px}.choice-copy{min-width:0;line-height:1.4;overflow-wrap:anywhere}.choice-copy strong{display:block;font-size:.9375rem;margin-top:3px}.choice-ear{color:var(--blue);font-size:.8125rem;font-weight:600}.choice-copy .unit-price{margin-top:3px}.choice-action{grid-column:2;color:var(--blue);font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}.matcha-app.picker-open{overflow:hidden}.charm-picker{width:min(780px,calc(100% - 40px));max-width:none;max-height:88dvh;margin:auto;padding:0;border:1px solid #d0daff;border-radius:16px;color:var(--ink);background:var(--pink);box-shadow:0 20px 70px #1d23504d;overflow:hidden}.charm-picker:not([open]){display:none}.charm-picker[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.charm-picker::backdrop{background:#1d235085}.picker-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 24px;background:#fff;border-bottom:1px solid #e8deee}.picker-header>div{min-width:0;overflow-wrap:anywhere}.picker-header h2{font-family:var(--heading-font-stack,inherit);font-size:1.75rem;font-weight:400;line-height:1.2;margin:0}.picker-header p{font-size:.875rem;color:var(--blue);line-height:1.5;margin:7px 0 0}.close-picker{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:#eef1ff;color:var(--blue);border:1px solid #d0daff;border-radius:50%}.close-picker:hover{background:#dfe6ff}.picker-body{overflow:auto;min-height:0;padding:22px 24px 26px;overscroll-behavior:contain}.picker-search{margin-bottom:24px}.picker-search label{display:block;font-size:.875rem;font-weight:600;line-height:1.5;margin-bottom:8px}.picker-search>div{display:flex;align-items:center;gap:8px}.picker-search input{font:inherit;font-size:1rem;width:100%;min-width:0;min-height:48px;border:1px solid #c8cdda;border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink)}.picker-search input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.picker-search button{border:0;background:transparent;color:var(--blue);font-size:.875rem;min-height:44px;padding:8px 4px}.picker-body h3{font-size:1rem;line-height:1.5;margin:0 0 14px;overflow-wrap:anywhere}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.theme-card{border:1px solid #d0daff;background:#fff;color:var(--ink);padding:14px 10px;text-align:center;min-width:0;line-height:1.4}.theme-card:hover{border-color:var(--blue);box-shadow:3px 3px 0 var(--blue)}.theme-card img{display:block;width:80px;height:80px;object-fit:contain;margin:0 auto 10px;border-radius:6px;background:#fff}.theme-card strong{display:block;font-size:.9375rem;overflow-wrap:anywhere}.theme-card small{display:block;color:var(--muted);font-size:.8125rem;margin-top:5px}.browse-all{width:100%;margin-top:16px;min-height:48px;border:1px solid var(--blue);color:var(--blue);background:#fff;padding:11px 12px;font-size:.9375rem;line-height:1.5}.browse-all:hover{background:#eef1ff}.picker-results-heading{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.picker-back{border:1px solid #d0daff;color:var(--blue);background:#fff;min-height:44px;padding:9px 12px;font-size:.875rem;line-height:1.5}.picker-back:before{content:"\2190";margin-right:8px}.picker-results-heading h3{margin:0;font-size:1.125rem}.picker-count{font-size:.875rem;color:var(--muted);line-height:1.5;margin:8px 0 15px}.picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.picker-product{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;padding:0 0 12px;background:#fff;color:var(--ink);border:1px solid #d0daff;overflow:hidden;line-height:1.4}.picker-product:hover{border-color:var(--blue)}.picker-product[aria-pressed=true]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.picker-product img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;margin-bottom:9px}.picker-product strong{display:block;font-size:.875rem;padding:0 10px;overflow-wrap:anywhere;flex-grow:1}.picker-price{display:block;font-size:.9375rem;font-weight:600;color:var(--blue);padding:0 10px;margin-top:6px}.picker-selection{align-self:flex-start;background:#e8f7f0;color:#12654e;font-size:.75rem;font-weight:600;padding:3px 6px;margin:8px 10px 0;border-radius:4px}.picker-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px;font-size:.875rem;line-height:1.5}.picker-pagination button{min-width:0;min-height:44px;padding:9px 12px;background:#fff;color:var(--blue);border:1px solid #d0daff;overflow-wrap:anywhere}.picker-pagination button:disabled{color:var(--muted);background:#f2f1f6;opacity:.65;cursor:default}.picker-pagination span{flex-shrink:0}.picker-empty{font-size:.9375rem;line-height:1.6;background:#fff;border:1px solid #e8deee;border-radius:8px;padding:20px;margin:0}@media(max-width:700px){.charm-picker{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}.picker-header{padding:16px}.picker-header h2{font-size:1.5rem}.picker-body{padding:20px 16px calc(24px + env(safe-area-inset-bottom))}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-card{padding:12px 8px}.theme-card img{width:72px;height:72px}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.picker-product strong{font-size:.9375rem}.picker-pagination button{padding:9px 10px}}@media(max-width:700px){.matcha-app{padding-bottom:var(--mobile-cart-height,0px)}.mobile-cart-bar{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #ccd6ff;background:#fff;box-shadow:0 -4px 18px #233ca815}.mobile-cart-bar>div{flex:1 1 140px;min-width:0;line-height:1.4;overflow-wrap:anywhere}.mobile-cart-bar span{display:block;color:var(--muted);font-size:.875rem}.mobile-cart-bar strong{display:block;color:var(--blue);font-size:1.375rem}.mobile-cart-bar>button{flex:1 1 140px;min-width:0;min-height:48px;text-decoration:none;line-height:1.5}}:host{isolation:isolate;text-align:left;letter-spacing:normal;font-weight:var(--body-font-weight,400);font-style:var(--font-body-style,normal)}h1,h2,.preview-heading h2,.picker-header h2,.board-word,.board-bottom{font-family:var(--heading-font-stack,inherit);font-weight:var(--heading-font-weight,400);font-style:var(--heading-font-style,normal);letter-spacing:var(--heading-letterspacing,normal);text-transform:var(--heading-capitalize,none)}.matcha-app,.studio-main{min-width:0}button,input,select,textarea{font-family:inherit;color:inherit;letter-spacing:normal}figure{margin:0}button{-webkit-appearance:auto;appearance:auto}button:disabled{cursor:default;opacity:.6}.primary:disabled{background:#62657c}.segmented input:disabled+span{opacity:.5;cursor:default}.picker-product:disabled{opacity:.65;cursor:default}.picker-selection.unavailable{background:#f9eeee;color:#923a3a}.cart-feedback{font-size:.875rem;line-height:1.5;color:#923a3a;overflow-wrap:anywhere}.cart-feedback:empty{display:none}#review-cart{margin:12px 0;text-decoration:none}.mobile-cart-bar{bottom:var(--matcha-preview-bottom,0px);z-index:40}@media(max-width:700px){.mobile-cart-bar>button{flex:1 1 140px;min-width:0;min-height:48px;line-height:1.5}}@media(min-width:701px){.controls-charms{grid-column:1;grid-row:2 / 4}.preview-panel{grid-column:2;grid-row:1 / 3;position:static}.summary-panel{grid-column:2;grid-row:3}}.studio-main{padding-top:24px}.studio-intro{margin:0 0 20px}.studio-intro h1{font-size:1.625rem;line-height:1.3;margin:0;max-width:100%;overflow-wrap:anywhere}.studio-subtitle{font-size:.9375rem;line-height:1.6;margin:8px 0 0;color:var(--muted)}.studio-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.9fr);list-style:none;margin:18px 0 0;padding:14px 0;border-block:1px solid #eadfeb;gap:12px;align-items:center}.studio-benefits li{display:flex;align-items:center;gap:9px;min-width:0;font-size:.8125rem;line-height:1.5;color:var(--ink)}.studio-benefits li>span{min-width:0;overflow-wrap:anywhere}.studio-benefits svg{width:22px;height:22px;color:var(--blue)}.studio-benefits .starting-price{align-items:flex-end;flex-direction:column;gap:2px;text-align:right;color:var(--blue)}.starting-price strong{font-size:1rem;white-space:nowrap}.starting-price small{font-size:.6875rem;color:var(--muted)}.creation-guide{margin:0 0 22px;min-width:0}.creation-guide-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 16px;margin:0 0 10px;font-size:.8125rem;line-height:1.5}.creation-guide-heading p{margin:0;font-weight:600}#creation-progress-label{color:var(--blue);font-size:.75rem}.creation-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.creation-guide li{min-width:0}.creation-guide button{display:flex;align-items:flex-start;gap:10px;width:100%;height:100%;min-height:76px;padding:12px;border:1px solid #d7ddee;border-radius:8px;background:#fff;text-align:left;font-family:var(--body-font-stack,inherit);color:var(--ink);line-height:1.5}.creation-guide button[aria-current=step]{background:#eef1ff;border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.creation-guide button>span:last-child{min-width:0}.creation-guide strong{display:block;font-size:.8125rem;overflow-wrap:anywhere}.creation-guide small{display:block;font-size:.75rem;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.creation-step-help{display:none}.guide-number{display:grid;place-items:center;border:1px solid #d7ddee;border-radius:50%;width:26px;height:26px;flex-shrink:0;font-size:.8125rem;color:var(--blue);font-weight:600}[aria-current=step] .guide-number{background:var(--blue);color:#fff;border-color:var(--blue)}#creation-progress-bar{display:block;width:100%;height:4px;margin:12px 0 0;border:0;border-radius:4px;overflow:hidden;-webkit-appearance:none;appearance:none;background:#e0e4f0;color:var(--blue);accent-color:var(--blue)}#creation-progress-bar::-webkit-progress-bar{background:#e0e4f0}#creation-progress-bar::-webkit-progress-value{background:var(--blue)}#creation-progress-bar::-moz-progress-bar{background:var(--blue)}.workspace{column-gap:22px}.preview-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px}.panel>h2,.section-heading,.preview-heading{min-height:30px;margin:0 0 18px}.panel h2,.preview-heading h2{font-size:1rem;line-height:1.45;letter-spacing:normal}.section-heading h2,.preview-heading h2{margin:0;min-width:0}.preview-heading{padding:0;flex-wrap:nowrap}.preview-tag,.catalog-count{font-size:.75rem;line-height:1.5;white-space:nowrap}.pair-options{flex-wrap:wrap;align-items:stretch}.pair-options label{flex:1 1 3.5rem}.pair-options label>span{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:90px;padding:10px 4px;line-height:1.4}.pair-options strong{display:block;font-size:1rem;white-space:nowrap}.pair-options .pair-unit{font-size:.75rem;line-height:1.2}.pair-options small{font-size:.75rem;margin:0;line-height:1.4;white-space:nowrap}.guide-target{scroll-margin-top:140px}.guide-target:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.step-number,.guide-number{width:1.8em;height:1.8em;line-height:1.2}.ear-preview{min-width:0}.ear-sticker,.ear-preview figcaption,.board-word,.board-bottom{max-width:100%;overflow-wrap:anywhere}.element-quantities{flex-wrap:wrap;min-width:0;max-width:100%}.summary-list>div{grid-template-columns:minmax(min-content,65px) minmax(0,1fr)}.choices-column,.pair-column{display:flex;flex-direction:column;gap:18px;min-width:0}.elements-scroll-hint{font-size:.75rem;line-height:1.5;color:var(--muted);margin:0 0 8px}.elements-scroll{max-height:min(380px,55vh);overflow-y:scroll;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--blue) #edf0ff;padding:4px 12px 8px 4px;border-block:1px solid var(--line)}.elements-scroll:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.elements-scroll::-webkit-scrollbar{width:8px}.elements-scroll::-webkit-scrollbar-track{background:#edf0ff;border-radius:8px}.elements-scroll::-webkit-scrollbar-thumb{background:var(--blue);border-radius:8px}@supports selector(::-webkit-scrollbar){.elements-scroll{scrollbar-width:auto;scrollbar-color:auto}}@media(max-width:900px){.panel,.preview-panel{padding:19px}.creation-guide button{gap:8px;padding:11px}.studio-benefits{gap:10px}.studio-benefits li{gap:7px}}@media(max-width:700px){.studio-main{padding:20px 16px 26px}.studio-intro{margin-bottom:18px}.studio-intro h1{font-size:1.375rem;line-height:1.35}.studio-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 10px;margin-top:14px;padding:13px 0}.studio-benefits li{font-size:.75rem}.studio-benefits .starting-price{align-items:flex-start;text-align:left}.starting-price strong{font-size:.875rem}.creation-guide{margin-bottom:20px}.creation-guide ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.creation-guide button{min-height:88px;padding:9px 5px;align-items:center;flex-direction:column;gap:6px;text-align:center}.creation-guide strong{font-size:.6875rem;min-height:2.8em;display:flex;align-items:center;justify-content:center}.creation-guide small{display:none}.creation-step-help{display:block;font-size:.75rem;line-height:1.6;color:var(--muted);margin:10px 0 0;overflow-wrap:anywhere}.creation-guide-heading{font-size:.8125rem}.panel,.preview-panel{padding:18px}.preview-heading{flex-wrap:wrap}.panel h2,.preview-heading h2{font-size:.9375rem}.pair-options strong{font-size:.875rem}.pair-options small{font-size:.6875rem}.pair-options label{flex:1 1 3.5rem}.finishes{flex-wrap:wrap}.finishes label{flex:1 1 5.5rem}.choices-column,.pair-column{display:contents}.workspace .choices-column>section,.workspace .pair-column>section{width:100%}.elements-scroll{max-height:min(360px,50dvh)}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/matcha-configurator.css.map */