.mel-bracelet-designer,.mel-bracelet-designer *{box-sizing:border-box}.mel-bracelet-designer{--mel-ink: #172230;--mel-muted: #7b8492;--mel-line: #e3e6e9;--mel-soft: #f7f7f6;--mel-pink: #e94b78;--mel-pink-soft: #fff3f6;--mel-green: #3e786c;--mel-navy: #102d48;width:100%;height:min(900px,100svh);min-height:0;padding:12px 0;overflow:hidden;color:var(--mel-ink);background:#09243c;font-family:Inter,Avenir,Helvetica Neue,Arial,sans-serif}.mel-bracelet-designer button,.mel-bracelet-designer input{font:inherit}.mel-bracelet-designer button:focus-visible,.mel-bracelet-designer input:focus-visible,.mel-designer__canvas:focus-visible{outline:2px solid #e94b78;outline-offset:2px}.mel-bracelet-designer .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;border:0!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.mel-bracelet-designer__intro,.mel-bracelet-designer__shell{width:min(1320px,calc(100% - 24px));margin-inline:auto}.mel-bracelet-designer__intro{display:grid;height:54px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;color:#fff}.mel-bracelet-designer__intro .mel-home-kicker{margin:0;color:#fff9;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.mel-bracelet-designer__intro h2{margin:0;color:#fff;font-size:clamp(25px,2.5vw,38px);font-weight:620;letter-spacing:-.045em;line-height:1}.mel-bracelet-designer__intro>p:last-child{max-width:440px;margin:0;color:#ffffffa8;font-size:11px;line-height:1.35;text-align:right}.mel-bracelet-designer__shell{height:calc(100% - 54px)}.mel-designer{position:relative;display:grid;width:100%;height:100%;min-height:0;grid-template-rows:54px 76px minmax(0,1fr);overflow:hidden;border:1px solid rgba(15,36,59,.12);border-radius:22px;background:#fff;box-shadow:0 24px 80px #010e1b4d;isolation:isolate}.mel-designer__appbar{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:18px;padding:0 18px;border-bottom:1px solid var(--mel-line);background:#fffffff5}.mel-designer__app-identity,.mel-designer__app-actions,.mel-designer__app-live,.mel-designer__inspire{display:flex;align-items:center}.mel-designer__app-identity{min-width:0;gap:11px}.mel-designer__app-mark{display:grid;width:31px;height:31px;flex:0 0 31px;place-items:center;border-radius:50%;color:#fff;background:var(--mel-navy);box-shadow:0 6px 16px #102d482e;font-size:13px}.mel-designer__app-identity>span:last-child{display:grid;min-width:0;gap:1px}.mel-designer__app-identity small,.mel-designer__review-header small{color:#8a93a0;font-size:8px;font-weight:720;letter-spacing:.14em;line-height:1.1;text-transform:uppercase}.mel-designer__app-identity input{width:min(360px,46vw);min-width:120px;padding:0;overflow:hidden;border:0;border-radius:3px;outline:0;color:var(--mel-ink);background:transparent;font-size:14px;font-weight:660;line-height:1.2;text-overflow:ellipsis}.mel-designer__app-actions{gap:13px}.mel-designer__app-live{gap:7px;color:#77808d;font-size:9px;font-weight:650;letter-spacing:.06em;white-space:nowrap}.mel-designer__app-live i{width:7px;height:7px;border-radius:50%;background:#62a28e;box-shadow:0 0 0 4px #62a28e21}.mel-designer__inspire{min-height:36px;gap:7px;padding:0 15px;border:0;border-radius:11px;color:#fff;background:linear-gradient(115deg,#ee4f91,#ff8b35);box-shadow:0 7px 18px #ee4f913d;font-size:11px;font-weight:720;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.mel-designer__inspire:hover{box-shadow:0 10px 24px #ee4f9152;transform:translateY(-1px)}.mel-designer__status{position:relative;display:grid;min-width:0;grid-template-columns:minmax(170px,.82fr) minmax(310px,1.7fr) minmax(330px,1.28fr);background:#fff}.mel-designer__size-summary,.mel-designer__fit{position:relative;display:grid;min-width:0;align-content:center;border:0;border-right:1px solid var(--mel-line);background:#fff;text-align:left;cursor:pointer;transition:background .18s ease}.mel-designer__size-summary:hover,.mel-designer__fit:hover{background:#fafafa}.mel-designer__size-summary{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:1px 12px;padding:12px 18px}.mel-designer__size-summary>span,.mel-designer__fit>span,.mel-designer__metrics span{color:#929aa6;font-size:8px;font-weight:720;letter-spacing:.12em;line-height:1.15;text-transform:uppercase}.mel-designer__size-summary>span{grid-column:1 / -1}.mel-designer__size-summary strong{align-self:center;color:var(--mel-green);font-size:22px;line-height:1}.mel-designer__size-summary small{align-self:center;overflow:hidden;color:#6d7682;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.mel-designer__fit{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px 16px;padding:12px 22px;border:1px solid #ffd3df;border-radius:999px;margin:10px 14px;background:#fffafb}.mel-designer__fit>span{align-self:end;color:#e94b78;letter-spacing:.02em;text-transform:none}.mel-designer__fit strong{grid-row:1;grid-column:2;align-self:end;color:#e94b78;font-size:12px;white-space:nowrap}.mel-designer__fit small{grid-column:1 / -1;color:#9b7d86;font-size:9px}.mel-designer__fit strong.is-over{color:#a83737}.mel-designer__metrics{display:grid;min-width:0;grid-template-columns:1.2fr 1fr .72fr}.mel-designer__metrics>div{display:grid;min-width:0;align-content:center;gap:5px;padding:11px 16px;border-left:1px solid var(--mel-line)}.mel-designer__metrics output{overflow:hidden;color:var(--mel-ink);font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:620;line-height:1;text-overflow:ellipsis;white-space:nowrap}.mel-designer__progress{position:absolute;right:0;bottom:0;left:0;height:3px;overflow:hidden;background:#f0f1f2}.mel-designer__progress>span{display:block;width:0;height:100%;background:linear-gradient(90deg,#4b8879,#e2aa43);transition:width .36s cubic-bezier(.2,.8,.2,1)}.mel-designer__progress.is-over>span{background:#c84b4b}.mel-designer__body{display:grid;min-height:0;grid-template-rows:minmax(250px,1fr) 240px;overflow:hidden;background:#fff}.mel-designer__workbench{position:relative;min-height:0;overflow:hidden;border-bottom:1px solid var(--mel-line);background:radial-gradient(circle at 50% 45%,#fff 0 18%,rgba(255,255,255,.8) 35%,transparent 62%),linear-gradient(145deg,#fbfbfb,#f6f7f7 48%,#fbfbfa)}.mel-designer__workbench:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:radial-gradient(rgba(32,45,58,.06) .7px,transparent .7px);background-size:18px 18px;content:"";-webkit-mask-image:radial-gradient(circle,#000 0,transparent 72%);mask-image:radial-gradient(circle,#000 0,transparent 72%);pointer-events:none}.mel-designer__toolbar,.mel-designer__zoom,.mel-designer__selection,.mel-designer__workbench-footer{position:absolute;z-index:5}.mel-designer__toolbar{top:13px;right:15px;display:flex;gap:6px}.mel-designer__toolbar button,.mel-designer__zoom button{display:grid;min-width:36px;min-height:34px;place-items:center;padding:0 12px;border:1px solid #e0e3e6;border-radius:999px;color:#525d6b;background:#ffffffeb;box-shadow:0 6px 17px #16222f14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:9px;font-weight:720;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:border-color .16s ease,color .16s ease,transform .16s ease}.mel-designer__toolbar button:hover,.mel-designer__zoom button:hover{border-color:#c9cfd4;color:var(--mel-ink);transform:translateY(-1px)}.mel-designer__toolbar button:disabled,.mel-designer__zoom button:disabled{opacity:.38;cursor:not-allowed;transform:none}.mel-designer__zoom{bottom:17px;left:18px;display:grid;grid-template-columns:36px 54px 36px;align-items:center;gap:6px}.mel-designer__zoom button{padding:0;font-size:18px;font-weight:450;letter-spacing:0}.mel-designer__zoom output{display:grid;height:34px;place-items:center;border-radius:999px;color:#4f5965;background:#ffffffe6;box-shadow:0 6px 17px #16222f12;font-size:10px;font-weight:650}.mel-designer__canvas,.mel-designer__preview-canvas{--orbit-diameter: 220px;position:relative;display:grid;place-items:center;aspect-ratio:1;touch-action:none}.mel-designer__canvas{z-index:2;width:min(52vh,46vw,430px);height:min(100%,430px);margin:0 auto;cursor:grab;transform:translateY(-18px);-webkit-user-select:none;user-select:none}.mel-designer__canvas.is-rotating{cursor:grabbing}.mel-designer__measure,.mel-designer__cord,.mel-designer__bead-layer{position:absolute;top:50%;left:50%;width:var(--orbit-diameter);height:var(--orbit-diameter);border-radius:50%;transform:translate(-50%,-50%)}div.mel-designer__measure,div.mel-designer__cord{display:block}.mel-designer__measure{border:1px solid rgba(82,94,107,.12);pointer-events:none}.mel-designer__measure:before,.mel-designer__measure:after{position:absolute;border-radius:50%;content:""}.mel-designer__measure:before{top:-7px;right:-7px;bottom:-7px;left:-7px;border:1px solid rgba(82,94,107,.06)}.mel-designer__measure:after{top:14%;right:14%;bottom:14%;left:14%;border:1px dashed rgba(82,94,107,.06)}.mel-designer__cord{--cord-edge: rgba(62, 85, 96, .78);--cord-glint: rgba(244, 251, 252, .94);--cord-shadow: rgba(30, 48, 57, .24);z-index:1;border:clamp(4px,.28vw,5px) solid var(--cord-edge);box-shadow:inset 0 0 0 1px var(--cord-glint),0 2px 5px var(--cord-shadow),0 0 0 1px #ffffffd1;pointer-events:none;transition:width .32s cubic-bezier(.2,.8,.2,1),height .32s cubic-bezier(.2,.8,.2,1),border-color .18s ease,box-shadow .18s ease}.mel-designer__cord:before{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:1px solid var(--cord-glint);border-radius:inherit;content:"";opacity:.72}.mel-designer__cord[data-cord=gold]{--cord-edge: #b77b22;--cord-glint: rgba(255, 228, 157, .96);--cord-shadow: rgba(119, 77, 18, .28)}.mel-designer__cord[data-cord=black]{--cord-edge: #151b21;--cord-glint: rgba(151, 164, 174, .62);--cord-shadow: rgba(7, 12, 16, .34)}.mel-designer__bead-layer{z-index:2;width:100%;height:100%;pointer-events:none}.mel-designer__bead{--bead-size: 34px;--bead-width: var(--bead-size);--bead-height: var(--bead-size);--drag-x: 0px;--drag-y: 0px;--drag-scale: 1;position:absolute;top:50%;left:50%;width:var(--bead-width);height:var(--bead-height);padding:0;overflow:visible;border:0;border-radius:50%;background:transparent;filter:drop-shadow(0 5px 5px rgba(24,34,44,.19));cursor:grab;pointer-events:auto;touch-action:none;transform:translate(calc(-50% + var(--drag-x)),calc(-50% + var(--drag-y))) scale(var(--drag-scale));transition:left .33s cubic-bezier(.18,.84,.24,1),top .33s cubic-bezier(.18,.84,.24,1),width .33s cubic-bezier(.18,.84,.24,1),height .33s cubic-bezier(.18,.84,.24,1),transform .18s ease,filter .18s ease;will-change:left,top,transform}.mel-designer__bead img{display:block;width:100%;height:100%;border-radius:50%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.mel-designer__bead[data-shape]:not([data-shape=sphere]) img,.mel-designer__swatch[data-shape]:not([data-shape=sphere]) img{border-radius:18%}.mel-designer__bead[data-shape]:not([data-shape=sphere]):after,.mel-designer__swatch[data-shape]:not([data-shape=sphere]):after{content:none}.mel-designer__bead:after{position:absolute;top:12%;left:18%;width:33%;height:20%;border-radius:50%;background:#ffffff6b;content:"";filter:blur(1.5px);pointer-events:none;transform:rotate(-24deg)}.mel-designer__bead:hover,.mel-designer__bead.is-selected{--drag-scale: 1.08;z-index:6;filter:drop-shadow(0 0 .5px #fff) drop-shadow(0 0 6px rgba(233,75,120,.78)) drop-shadow(0 8px 8px rgba(24,34,44,.23))}.mel-designer__bead.is-dragging{--drag-scale: 1.14;z-index:12;filter:drop-shadow(0 15px 12px rgba(24,34,44,.3));cursor:grabbing;transition:none}.mel-designer__canvas.is-dragging .mel-designer__bead:not(.is-dragging){transition:left 135ms cubic-bezier(.2,.8,.2,1),top 135ms cubic-bezier(.2,.8,.2,1),width .16s ease,height .16s ease,transform .12s ease,filter .12s ease}.mel-designer__bead.is-entering{animation:mel-bead-arrive .44s cubic-bezier(.16,1.15,.3,1) both}.mel-designer__bead.is-arriving{animation:mel-bead-settle .41s cubic-bezier(.16,1.08,.3,1) both}.mel-designer__bead.is-flight-pending{visibility:hidden;opacity:0}@keyframes mel-bead-arrive{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-18deg)}58%{opacity:1;transform:translate(-50%,-50%) scale(1.14) rotate(3deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes mel-bead-settle{0%{opacity:1;transform:translate(-50%,-50%) scale(.82) rotate(-7deg)}56%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(2deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}.mel-designer__bead--spacer,.mel-designer__bead--charm{border:1px solid rgba(88,57,12,.28);background:radial-gradient(circle at 30% 24%,#fff8c9 0 7%,#d6ad55 28%,#a36e20 70%,#5d3b0a)}.mel-designer__bead--silver{background:radial-gradient(circle at 30% 24%,#fff 0 9%,#d8dde0 30%,#8f999f 72%,#4c555a)}.mel-designer__bead--pearl{background:radial-gradient(circle at 32% 28%,#fff 0 10%,#eee8e2 40%,#c7bdba)}.mel-designer__bead--hammered{background:radial-gradient(circle at 28% 24%,#fff4ad 0 8%,#cf9a38 34%,#795017)}.mel-designer__bead--charm{border-radius:32% 68% 48% 52%}.mel-designer__bead--charm img{border-radius:18%}.mel-designer__bead--charm:has(img):before{content:none}.mel-designer__bead--charm:before{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#57360c;font-family:Georgia,serif;font-size:calc(var(--bead-size) * .53);line-height:1;text-shadow:0 1px rgba(255,255,255,.55)}.mel-designer__bead--sun:before{content:"\263c"}.mel-designer__bead--moon:before{content:"\263e"}.mel-designer__bead--star:before{content:"\2726"}.mel-designer__bead--eye:before{content:"\25c9"}.mel-designer__empty{position:absolute;z-index:1;top:50%;left:50%;display:grid;width:min(190px,66%);place-items:center;gap:5px;color:#a0a6ad;text-align:center;pointer-events:none;transform:translate(-50%,-50%)}.mel-designer__empty[hidden]{display:none}.mel-designer__empty>span{color:#d5d8db;font-size:32px}.mel-designer__empty strong{color:#818a95;font-size:12px}.mel-designer__empty small{font-size:9px;line-height:1.4}.mel-designer__delete-zone{position:absolute;z-index:10;right:8px;bottom:8px;left:8px;display:grid;min-height:48px;place-items:center;border:1px dashed #e47171;border-radius:14px;color:#a94444;background:#fff0f0eb;font-size:9px;font-weight:720;letter-spacing:.08em;opacity:0;pointer-events:none;text-transform:uppercase;transform:translateY(18px);transition:opacity .16s ease,transform .16s ease,background .16s ease}.mel-designer__canvas.is-dragging .mel-designer__delete-zone{opacity:1;transform:translateY(0)}.mel-designer__canvas.is-delete-armed .mel-designer__delete-zone{color:#fff;background:#be4545}.mel-designer__selection{top:58px;left:15px;display:flex;min-width:184px;min-height:38px;align-items:center;justify-content:space-between;gap:8px;padding:5px 6px 5px 10px;border:1px solid #e1e4e7;border-radius:999px;border-left:3px solid var(--mel-green);background:#ffffffeb;box-shadow:0 6px 18px #16222f12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mel-designer__selection[hidden]{display:none}.mel-designer__selection>span{display:grid;min-width:0;gap:1px}.mel-designer__selection small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.mel-designer__selection strong{max-width:112px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.mel-designer__selection>div{display:flex;gap:4px}.mel-designer__selection button{min-width:27px;min-height:27px;padding:0 7px;border:0;border-radius:999px;color:#596473;background:#f2f3f3;font-size:9px;font-weight:700;cursor:pointer}.mel-designer__selection button:last-child{color:#a33d3d}.mel-designer__selection button:disabled{opacity:.35}.mel-designer__workbench-footer{right:16px;bottom:14px;left:154px;display:flex;align-items:center;justify-content:center;pointer-events:none}.mel-designer__workbench-footer>p{position:absolute;right:0;max-width:265px;margin:0;color:#969da6;font-size:8px;line-height:1.35;text-align:right}.mel-designer__save{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 24px;border:0;border-radius:999px;color:#fff;background:#282c31;box-shadow:0 10px 26px #14191f33;font-size:10px;font-weight:760;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;pointer-events:auto;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.mel-designer__save:not(:disabled):hover{box-shadow:0 14px 30px #14191f47;transform:translateY(-2px)}.mel-designer__save:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.mel-designer__library{position:relative;display:grid;min-width:0;min-height:0;grid-template-columns:148px minmax(0,1fr);grid-template-rows:42px 27px minmax(0,1fr);gap:6px 14px;padding:11px 15px 13px;background:linear-gradient(90deg,rgba(62,120,108,.04),transparent 190px),linear-gradient(180deg,#fff,#f8f9f8);box-shadow:inset 0 1px #ffffffe6}.mel-designer__library:before{position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,var(--mel-green),#dba745 62%,transparent);content:"";opacity:.78;pointer-events:none}.mel-designer__library-heading{display:flex;min-width:0;grid-column:1;grid-row:1;align-items:center}.mel-designer__library-heading>div>span,.mel-designer__library-heading>p{display:none}.mel-designer__library-heading h3{margin:0;font-size:15px;font-weight:680;letter-spacing:-.035em;line-height:.95}.mel-designer__search{display:grid;min-width:0;grid-column:2;grid-row:1;grid-template-columns:36px minmax(0,1fr);align-items:center;border:1px solid #dfe3e6;border-radius:12px;color:#a0a7af;background:#ffffffe0;box-shadow:0 3px 12px #16222f09,inset 0 1px #fffc;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.mel-designer__search:focus-within{border-color:#3e786c94;background:#fff;box-shadow:0 0 0 3px #3e786c17}.mel-designer__search>span{display:grid;place-items:center;font-size:15px}.mel-designer__search input{width:100%;height:41px;padding:0 16px 0 0;border:0;outline:0;color:var(--mel-ink);background:transparent;font-size:10px}.mel-designer__search input::placeholder{color:#a5acb4}.mel-designer__tabs{display:grid;min-width:0;min-height:0;grid-column:1;grid-row:2 / span 2;grid-template-rows:repeat(4,minmax(0,1fr));gap:4px;padding:0 12px 0 0;border-right:1px solid #dfe4e2;background:transparent}.mel-designer__material-types{display:flex;min-width:0;grid-column:2;grid-row:2;align-items:center;gap:5px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.mel-designer__material-types::-webkit-scrollbar{display:none}.mel-designer__material-types[hidden]{display:none}.mel-designer__material-types button{--material-type-color: #8f9aa4;display:inline-flex;min-width:max-content;min-height:24px;align-items:center;gap:5px;padding:0 10px;border:1px solid #dfe4e3;border-radius:999px;color:#6d7885;background:#ffffffd1;font-size:8px;font-weight:720;letter-spacing:.045em;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.mel-designer__material-types button:not([data-material-type=all]):not([data-material-type=used]):before{width:6px;height:6px;flex:0 0 6px;border:1px solid rgba(16,45,72,.12);border-radius:50%;background:var(--material-type-color);box-shadow:inset 0 0 0 1px #ffffff6b;content:""}.mel-designer__material-types button[data-material-type="White/Clear"]{--material-type-color: #e7ebe9}.mel-designer__material-types button[data-material-type=Pink]{--material-type-color: #e8a8b5}.mel-designer__material-types button[data-material-type=Red]{--material-type-color: #bd5961}.mel-designer__material-types button[data-material-type=Yellow]{--material-type-color: #d9ab43}.mel-designer__material-types button[data-material-type=Green]{--material-type-color: #6b9e83}.mel-designer__material-types button[data-material-type=Blue]{--material-type-color: #6188b5}.mel-designer__material-types button[data-material-type=Purple]{--material-type-color: #8b6aa0}.mel-designer__material-types button[data-material-type=Black],.mel-designer__material-types button[data-material-type="Onyx Initial"]{--material-type-color: #252a2e}.mel-designer__material-types button[data-material-type="Earth Tones"]{--material-type-color: #9a795d}.mel-designer__material-types button[data-material-type="Shimmer Effect"]{--material-type-color: #b8a9ca}.mel-designer__material-types button[data-material-type=Pearl]{--material-type-color: #d8d0c8}.mel-designer__material-types button[aria-pressed=true]{border-color:var(--mel-navy);color:#fff;background:var(--mel-navy)}.mel-designer__material-types button[aria-pressed=true]:before{border-color:#ffffff9e;box-shadow:0 0 0 2px #ffffff21}.mel-designer__material-types output{min-width:max-content;margin-left:auto;padding-inline:5px 2px;color:#8a939e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.mel-designer__tabs button{position:relative;display:flex;min-width:0;min-height:0;align-items:center;padding:0 12px 0 14px;border:1px solid transparent;border-radius:9px;color:#697687;background:#ffffff73;font-size:8px;font-weight:740;letter-spacing:.1em;text-align:left;text-transform:uppercase;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}.mel-designer__tabs button:before{position:absolute;top:50%;left:6px;width:3px;height:3px;border-radius:50%;background:currentColor;content:"";opacity:.55;transform:translateY(-50%)}.mel-designer__tabs button[aria-selected=true]{color:#fff;border-color:#102d4829;background:var(--mel-navy);box-shadow:0 7px 16px #102d482b}.mel-designer__tabs button[aria-selected=true]:before{width:4px;height:14px;border-radius:999px;background:#70ad9e;opacity:1}.mel-designer__tabs button:not([aria-selected=true]):hover{border-color:#e0e5e3;color:var(--mel-ink);background:#fff;transform:translate(2px)}.mel-designer__catalog{display:flex;min-width:0;min-height:0;grid-column:2;grid-row:3;gap:10px;padding:1px 3px 5px 1px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-padding-inline:1px;scroll-snap-type:x mandatory;scrollbar-color:#aeb9b6 transparent;scrollbar-width:thin}.mel-designer__catalog::-webkit-scrollbar{height:5px}.mel-designer__catalog::-webkit-scrollbar-thumb{border-radius:999px;background:#aeb9b6}.mel-designer__catalog[hidden],.mel-designer__material[hidden],.mel-designer__no-results[hidden]{display:none}.mel-designer__material{position:relative;display:grid;min-width:220px;min-height:0;flex:0 0 clamp(220px,21vw,268px);grid-template-areas:"swatch copy add";grid-template-columns:62px minmax(0,1fr) 29px;grid-template-rows:1fr;align-items:center;gap:10px;padding:9px 10px;overflow:hidden;border:1px solid #dfe4e3;border-radius:15px;color:var(--mel-ink);background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.96),transparent 44%),linear-gradient(145deg,#fff,#f7f8f7);box-shadow:0 5px 15px #16222f0b,inset 0 1px #ffffffe6;text-align:left;cursor:pointer;scroll-snap-align:start;transition:border-color .18s ease,box-shadow .18s ease,transform .18s cubic-bezier(.2,.8,.2,1),background .18s ease}.mel-designer__material:hover{z-index:2;border-color:#3e786c5c;background:#fff;box-shadow:0 11px 24px #16222f17,inset 0 1px #ffffffe6;transform:translateY(-2px)}.mel-designer__material:active{transform:translateY(0) scale(.965)}.mel-designer__material.is-active{border-color:#3e786c99;background:#f5faf8;box-shadow:inset 0 0 0 1px #3e786c2e,0 7px 18px #3e786c14}.mel-designer__material.is-adding{border-color:#3e786cb3;box-shadow:0 0 0 3px #3e786c1a,0 10px 24px #16222f1a}.mel-designer__material:disabled,.mel-designer__material.is-exhausted{opacity:.5;cursor:not-allowed;filter:grayscale(.45);transform:none}.mel-designer__swatch,.mel-designer__cord-swatch{position:relative;display:block;width:62px;height:62px;grid-area:swatch;align-self:center;justify-self:start;border:1px solid rgba(16,45,72,.06);border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff 0 24%,#f1f3f2 58%,#e3e7e5);box-shadow:inset 0 1px #ffffffc7;filter:drop-shadow(0 7px 6px rgba(22,34,47,.17));transition:filter .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.mel-designer__material:hover .mel-designer__swatch,.mel-designer__material:hover .mel-designer__cord-swatch{filter:drop-shadow(0 9px 8px rgba(22,34,47,.21));transform:scale(1.055) rotate(-2deg)}.mel-designer__swatch.is-loading{background:linear-gradient(105deg,#e7ebe9 15%,#fafbfa,#e7ebe9 61%);background-size:240% 100%;animation:mel-mineral-shimmer 1.15s ease-in-out infinite}.mel-designer__swatch.is-loading img{opacity:0}@keyframes mel-mineral-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.mel-designer__material.is-adding .mel-designer__swatch,.mel-designer__material.is-adding .mel-designer__cord-swatch{animation:mel-material-picked .25s cubic-bezier(.2,.82,.22,1) both}@keyframes mel-material-picked{0%{transform:scale(1)}42%{transform:scale(.9)}78%{transform:scale(1.06)}to{transform:scale(1)}}.mel-designer__swatch img{display:block;width:100%;height:100%;border-radius:50%;object-fit:contain;opacity:1;transition:opacity .16s ease}.mel-designer__swatch:after{position:absolute;top:12%;left:18%;width:34%;height:21%;border-radius:50%;background:#fff6;content:"";filter:blur(1px);transform:rotate(-25deg)}.mel-designer__swatch--gold,.mel-designer__swatch--hammered,.mel-designer__swatch--charm{border:1px solid rgba(91,57,7,.27);background:radial-gradient(circle at 28% 22%,#fff8c4 0 7%,#d7ad52 29%,#9d681d 72%,#593704)}.mel-designer__swatch--silver{border:1px solid rgba(63,74,81,.24);background:radial-gradient(circle at 28% 22%,#fff 0 8%,#dce1e3 31%,#8b969d 73%,#455058)}.mel-designer__swatch--pearl{border:1px solid rgba(104,93,88,.18);background:radial-gradient(circle at 30% 24%,#fff 0 9%,#f0ebe5 42%,#c9bfbc)}.mel-designer__swatch--charm{border-radius:32% 68% 48% 52%}.mel-designer__swatch--charm:before{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#57360c;font-family:Georgia,serif;font-size:25px;line-height:1}.mel-designer__swatch--sun:before{content:"\263c"}.mel-designer__swatch--moon:before{content:"\263e"}.mel-designer__swatch--star:before{content:"\2726"}.mel-designer__swatch--eye:before{content:"\25c9"}.mel-designer__cord-swatch{display:grid;place-items:center;filter:none}.mel-designer__cord-swatch:before{width:42px;height:42px;border:3px solid #9fa7ac;border-radius:50%;content:""}.mel-designer__cord-swatch--clear:before{border-color:#919da48c}.mel-designer__cord-swatch--gold:before{border-color:#c39a47}.mel-designer__cord-swatch--black:before{border-color:#1d232a}.mel-designer__material-copy{display:grid;min-width:0;grid-area:copy;gap:4px;padding-top:0}.mel-designer__material-copy strong{overflow:hidden;font-size:12px;font-weight:690;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.mel-designer__material-copy small{overflow:hidden;color:#89929e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}.mel-designer__material-copy small span{color:#557d73;font-weight:700}.mel-designer__material-copy small del{margin-left:4px;color:#a6adb5}.mel-designer__material-add{display:grid;width:27px;height:27px;grid-area:add;align-self:start;justify-self:end;place-items:center;border-radius:50%;color:#fff;background:var(--mel-green);box-shadow:0 5px 12px #3e786c33;font-size:16px;font-weight:400;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease}.mel-designer__material:hover .mel-designer__material-add{box-shadow:0 7px 15px #3e786c45;transform:rotate(90deg) scale(1.08)}.mel-designer__material.is-adding .mel-designer__material-add{transform:rotate(135deg) scale(.88)}.mel-designer__material-used{position:absolute;top:7px;left:7px;z-index:2;padding:3px 6px;border-radius:999px;color:#fff;background:#102d48e0;box-shadow:0 3px 8px #102d482e;font-size:6px;font-weight:760;letter-spacing:.04em}.mel-designer__material-used[hidden]{display:none}.mel-designer__material-photo{position:absolute;top:49px;left:51px;display:grid;width:20px;height:20px;place-items:center;border:1px solid rgba(16,45,72,.1);border-radius:50%;color:#6f7e8d;background:#ffffffdb;font-size:8px;pointer-events:none}.mel-designer__catalog-more{min-width:112px;flex:0 0 112px;border:1px dashed rgba(62,120,108,.45);border-radius:14px;color:var(--mel-green);background:#f4f9f7e6;font-size:8px;font-weight:760;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;scroll-snap-align:start}.mel-designer__no-results{display:grid;min-width:0;grid-column:2;grid-row:3;place-items:center;margin:0;border:1px dashed #d8dde1;border-radius:13px;color:#87909b;background:#fafafa;font-size:10px}.mel-designer__live{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mel-designer__flight{position:fixed!important;z-index:2147483646;margin:0!important;pointer-events:none!important;transform-origin:center;filter:drop-shadow(0 11px 10px rgba(22,34,47,.2));will-change:transform,opacity}.mel-designer__measure-dialog,.mel-designer__dialog{padding:0;border:0;color:var(--mel-ink);background:transparent}.mel-designer__measure-dialog::backdrop,.mel-designer__dialog::backdrop{background:#050e1885;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mel-designer__measure-dialog[open],.mel-designer__dialog[open]{animation:mel-dialog-in .24s cubic-bezier(.2,.8,.2,1) both}@keyframes mel-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.mel-designer__measure-dialog{width:min(760px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);border-radius:22px;background:#fff;box-shadow:0 30px 100px #020d1859}.mel-designer__measure-panel{display:grid;gap:18px;padding:26px}.mel-designer__measure-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.mel-designer__measure-panel .mel-home-kicker,.mel-designer__review .mel-home-kicker{margin:0 0 6px;color:#cb3f69;font-size:8px;font-weight:760;letter-spacing:.14em;text-transform:uppercase}.mel-designer__measure-panel h3,.mel-designer__review h3{margin:0;font-size:clamp(25px,3vw,38px);font-weight:620;letter-spacing:-.05em;line-height:1}.mel-designer__measure-panel header form,.mel-designer__review-header form{margin:0}.mel-designer__measure-panel header button{display:grid;width:36px;height:36px;place-items:center;border:1px solid #e0e3e6;border-radius:50%;background:#fff;font-size:20px;cursor:pointer}.mel-designer__measure-copy{max-width:640px;margin:0;color:#697380;font-size:12px;line-height:1.55}.mel-designer__wrist{min-width:0;margin:0;padding:0;border:0}.mel-designer__wrist legend{margin-bottom:9px;color:#7e8792;font-size:8px;font-weight:740;letter-spacing:.13em;text-transform:uppercase}.mel-designer__sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mel-designer__sizes>button,.mel-designer__custom-size{display:grid;min-width:0;min-height:94px;align-content:center;gap:4px;padding:13px;border:1px solid #dfe3e6;border-radius:14px;color:var(--mel-ink);background:#fafafa;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.mel-designer__sizes>button:hover{transform:translateY(-1px)}.mel-designer__sizes>button[aria-pressed=true],.mel-designer__custom-size.is-active{border-color:var(--mel-navy);color:#fff;background:var(--mel-navy);box-shadow:0 9px 20px #102d482e}.mel-designer__sizes strong,.mel-designer__custom-size>strong{font-size:17px;line-height:1}.mel-designer__sizes small,.mel-designer__sizes>button>span{color:#747e89;font-size:9px}.mel-designer__sizes>button[aria-pressed=true] small,.mel-designer__sizes>button[aria-pressed=true]>span,.mel-designer__custom-size.is-active small{color:#ffffffb8}.mel-designer__custom-size>span:not(.visually-hidden){display:flex;align-items:baseline;gap:4px}.mel-designer__custom-size input{width:58px;padding:0;border:0;border-bottom:1px solid #cbd1d6;border-radius:0;outline:0;color:inherit;background:transparent;font-size:17px;font-weight:700}.mel-designer__custom-size.is-active input{border-color:#ffffff8c}.mel-designer__custom-size input::-webkit-inner-spin-button,.mel-designer__custom-size input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.mel-designer__measure-guide{display:grid;grid-template-columns:30px minmax(0,1fr) 30px minmax(0,1fr);gap:10px;padding:14px;border-radius:14px;background:#f6f7f7}.mel-designer__measure-guide>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#fff;background:var(--mel-green);font-size:12px}.mel-designer__measure-guide p{margin:0;color:#6b7581;font-size:10px;line-height:1.45}.mel-designer__measure-guide strong{color:var(--mel-ink)}.mel-designer__measure-apply{display:flex;justify-content:flex-end;margin:0}.mel-designer__measure-apply button{min-height:42px;padding:0 24px;border:0;border-radius:999px;color:#fff;background:#111;font-size:10px;font-weight:740;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.mel-designer__dialog{top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;background:#fff}.mel-designer__review-shell{display:grid;width:100%;height:100%;grid-template-rows:62px minmax(0,1fr);overflow:hidden;background:#fff}.mel-designer__review-header{display:grid;min-width:0;grid-template-columns:1fr minmax(180px,auto) 1fr;align-items:center;gap:20px;padding:0 22px;border-bottom:1px solid var(--mel-line);background:#fffffff5}.mel-designer__review-back{min-height:36px;padding:0 14px;border:1px solid #e0e3e6;border-radius:999px;background:#fff;font-size:10px;font-weight:680;cursor:pointer}.mel-designer__review-header>div{display:grid;min-width:0;gap:2px;text-align:center}.mel-designer__review-header>div:last-child{justify-self:end;text-align:right}.mel-designer__review-header strong{overflow:hidden;color:var(--mel-ink);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.mel-designer__dialog-grid{display:grid;min-width:0;min-height:0;grid-template-columns:minmax(0,1.55fr) minmax(330px,.78fr)}.mel-designer__preview-stage{position:relative;display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden;border-right:1px solid var(--mel-line);background:radial-gradient(circle at 50% 45%,#fff 0 18%,transparent 58%),linear-gradient(145deg,#f5f5f4,#fbfbfb)}.mel-designer__preview-switch,.mel-designer__angle-switch{position:absolute;z-index:4;display:flex;gap:3px;padding:3px;border:1px solid #e1e4e7;border-radius:999px;background:#ffffffeb;box-shadow:0 8px 22px #16222f14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mel-designer__preview-switch{top:18px;left:18px}.mel-designer__preview-switch button,.mel-designer__angle-switch button{min-height:32px;padding:0 14px;border:0;border-radius:999px;color:#737d89;background:transparent;font-size:8px;font-weight:720;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.mel-designer__preview-switch button[aria-selected=true],.mel-designer__angle-switch button[aria-selected=true]{color:#fff;background:#20252a}.mel-designer__preview-canvas{width:min(64vh,56vw,620px);max-width:calc(100% - 60px)}.mel-designer__preview-canvas .mel-designer__bead{pointer-events:none}.mel-designer__try-on{position:absolute;top:0;right:0;bottom:0;left:0}.mel-designer__try-on[hidden]{display:none}.mel-designer__try-on-canvas{display:block;width:100%;height:100%;object-fit:cover}.mel-designer__angle-switch{bottom:18px;left:50%;transform:translate(-50%)}.mel-designer__try-on-note{position:absolute;top:18px;right:18px;padding:7px 10px;border-radius:999px;color:#6f7985;background:#ffffffdb;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mel-designer__review{display:flex;min-width:0;min-height:0;flex-direction:column;padding:clamp(24px,3vw,48px);overflow:auto;background:#fff}.mel-designer__review-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:22px 0 17px}.mel-designer__review-steps span{padding:8px 5px;border-bottom:2px solid #e4e7e9;color:#a0a7af;font-size:8px;font-weight:720;text-align:center;text-transform:uppercase}.mel-designer__review-steps .is-complete{border-color:var(--mel-green);color:var(--mel-green)}.mel-designer__review-steps .is-current{border-color:var(--mel-pink);color:var(--mel-pink)}.mel-designer__review-stats{padding:13px 14px;border-radius:12px;color:#596471;background:#f5f6f6;font-size:10px;line-height:1.4}.mel-designer__review ul{max-height:170px;margin:16px 0;padding:0;overflow:auto;list-style:none}.mel-designer__review li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 1px;border-bottom:1px solid #eceeef;color:#5f6975;font-size:10px}.mel-designer__review li strong{color:var(--mel-ink)}.mel-designer__review>p:not(.mel-home-kicker,.mel-designer__commerce-status,.mel-designer__secure-note){margin:0 0 15px;color:#737d89;font-size:10px;line-height:1.55}.mel-designer__commerce-status{margin:0 0 12px;padding:10px 12px;border-radius:11px;color:#356c5f;background:#eef8f4;font-size:10px;line-height:1.45}.mel-designer__commerce-status[hidden]{display:none}.mel-designer__commerce-status.is-error{color:#9a3737;background:#fff0f0}.mel-designer__review-actions{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:8px;margin-top:auto}.mel-designer__review-actions .mel-designer__save{width:100%;min-width:0;padding-inline:12px}.mel-designer__save--secondary{border:1px solid #dde1e4;color:var(--mel-ink);background:#f5f6f6;box-shadow:none}.mel-designer__secure-note{display:flex;align-items:flex-start;justify-content:center;gap:6px;margin:10px 0 0;color:#7d8691;font-size:8px;line-height:1.45;text-align:center}.mel-designer__secure-note span{color:var(--mel-green)}@media(max-width:980px){.mel-bracelet-designer__intro>p:last-child,.mel-designer__app-live{display:none}.mel-bracelet-designer__intro{grid-template-columns:auto minmax(0,1fr)}.mel-designer__status{grid-template-columns:minmax(140px,.72fr) minmax(270px,1.38fr) minmax(265px,1fr)}.mel-designer__fit{margin-inline:8px;padding-inline:15px}.mel-designer__metrics>div{padding-inline:10px}.mel-designer__workbench-footer>p{display:none}.mel-designer__library{grid-template-columns:125px minmax(0,1fr)}.mel-designer__dialog-grid{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr)}}@media(max-width:749px){.mel-bracelet-designer{height:calc(100svh - 90px - env(safe-area-inset-bottom));min-height:0;padding:6px 0}.mel-bracelet-designer__intro{display:none}.mel-bracelet-designer__shell{width:calc(100% - 10px);height:100%}.mel-designer{grid-template-rows:48px 70px minmax(0,1fr);border-radius:17px}.mel-designer__appbar{gap:8px;padding-inline:9px}.mel-designer__app-mark{width:27px;height:27px;flex-basis:27px;font-size:11px}.mel-designer__app-identity{gap:8px}.mel-designer__app-identity small{display:none}.mel-designer__app-identity input{width:min(44vw,170px);font-size:12px}.mel-designer__app-actions{gap:5px}.mel-designer__inspire{min-height:31px;gap:5px;padding-inline:10px;border-radius:10px;font-size:9px}.mel-designer__status{grid-template-columns:88px minmax(0,1fr) 100px}.mel-designer__size-summary{gap:0 6px;padding:8px}.mel-designer__size-summary strong{font-size:18px}.mel-designer__size-summary small{font-size:7px}.mel-designer__fit{grid-template-columns:1fr;gap:2px;margin:9px 5px;padding:8px 11px}.mel-designer__fit strong{display:none}.mel-designer__fit>span{font-size:8px;white-space:nowrap}.mel-designer__fit small{overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.mel-designer__metrics{grid-template-columns:1fr}.mel-designer__metrics>div{padding:8px;border-left:1px solid var(--mel-line)}.mel-designer__metrics>div:not(:first-child){display:none}.mel-designer__metrics output{font-size:17px}.mel-designer__body{grid-template-rows:minmax(220px,1fr) 204px}.mel-designer__toolbar{top:8px;right:8px;gap:3px}.mel-designer__toolbar button{min-width:30px;min-height:29px;padding-inline:7px;font-size:7px;letter-spacing:.04em}.mel-designer__canvas{width:min(100%,340px);height:calc(100% - 4px);transform:translateY(-10px)}.mel-designer__selection{top:8px;left:8px;min-width:0;max-width:138px;min-height:29px;gap:4px;padding:3px 4px 3px 9px;border-left-width:2px;box-shadow:0 4px 12px #16222f0f}.mel-designer__selection strong{max-width:88px;font-size:9px}.mel-designer__selection button{min-width:24px;min-height:24px;padding:0;font-size:7px}.mel-designer__selection [data-designer-action=move-previous],.mel-designer__selection [data-designer-action=move-next]{display:none}.mel-designer__selection [data-designer-action=remove]{width:24px;color:#9a3740;font-size:0;background:#fff1f2}.mel-designer__selection [data-designer-action=remove]:before{content:"\d7";font-size:15px;font-weight:500;line-height:1}.mel-designer__zoom{bottom:9px;left:8px;grid-template-columns:31px 44px 31px;gap:3px}.mel-designer__zoom button,.mel-designer__zoom output{min-height:30px;height:30px}.mel-designer__zoom button{min-width:31px;font-size:16px}.mel-designer__zoom output{font-size:8px}.mel-designer__workbench-footer{right:7px;bottom:8px;left:119px;justify-content:center}.mel-designer__save{min-height:34px;gap:5px;padding-inline:13px;font-size:7px;letter-spacing:.05em}.mel-designer__library{grid-template-columns:1fr;grid-template-rows:34px 28px 25px minmax(0,1fr);gap:4px;padding:7px 7px 8px}.mel-designer__library-heading{display:none}.mel-designer__search{grid-column:1;grid-row:1;grid-template-columns:31px minmax(0,1fr)}.mel-designer__search input{height:32px;font-size:9px}.mel-designer__tabs{display:flex;grid-column:1;grid-row:2;grid-template-rows:none;gap:2px;padding:2px;border-right:0;border-radius:10px;background:#eef2f0}.mel-designer__tabs button{min-height:24px;flex:1 1 0;justify-content:center;padding-inline:4px;border-radius:8px;font-size:7px;letter-spacing:.04em;text-align:center}.mel-designer__tabs button:before{display:none}.mel-designer__tabs button:not([aria-selected=true]):hover{transform:none}.mel-designer__material-types{grid-column:1;grid-row:3;gap:4px}.mel-designer__material-types button{min-height:23px;padding-inline:9px;font-size:6px}.mel-designer__material-types output{display:none}.mel-designer__catalog{display:flex;grid-column:1;grid-row:4;gap:6px;padding:0 1px 3px}.mel-designer__material{min-width:156px;min-height:0;flex:0 0 156px;grid-template-areas:"swatch copy add";grid-template-columns:47px minmax(0,1fr) 22px;grid-template-rows:1fr;align-items:center;gap:6px;padding:6px;border-radius:12px}.mel-designer__swatch,.mel-designer__cord-swatch{width:47px;height:47px}.mel-designer__cord-swatch:before{width:43px;height:43px}.mel-designer__material-copy strong{font-size:9px}.mel-designer__material-copy small{font-size:7px}.mel-designer__material-add{width:22px;height:22px;font-size:13px}.mel-designer__material-used{top:5px;left:5px;padding:2px 5px;font-size:5px}.mel-designer__material-photo{display:none}.mel-designer__catalog-more{min-width:94px;flex-basis:94px;border-radius:12px;font-size:6px}.mel-designer__no-results{grid-column:1;grid-row:4;font-size:9px}.mel-designer__measure-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:17px}.mel-designer__measure-panel{gap:13px;padding:18px 14px 14px;overflow:auto}.mel-designer__measure-panel h3{font-size:27px}.mel-designer__measure-copy{font-size:10px}.mel-designer__sizes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mel-designer__sizes>button,.mel-designer__custom-size{min-height:74px;padding:10px}.mel-designer__measure-guide{grid-template-columns:27px minmax(0,1fr);gap:8px;padding:10px}.mel-designer__measure-apply button{width:100%}.mel-designer__review-shell{grid-template-rows:54px minmax(0,1fr)}.mel-designer__review-header{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding-inline:8px}.mel-designer__review-back{min-height:32px;padding-inline:9px;font-size:0}.mel-designer__review-back:first-letter{font-size:16px}.mel-designer__review-header small{font-size:6px}.mel-designer__review-header strong{font-size:10px}.mel-designer__dialog-grid{grid-template-columns:1fr;grid-template-rows:minmax(255px,43dvh) minmax(0,1fr)}.mel-designer__preview-stage{border-right:0;border-bottom:1px solid var(--mel-line)}.mel-designer__preview-switch{top:8px;left:8px}.mel-designer__preview-switch button,.mel-designer__angle-switch button{min-height:27px;padding-inline:9px;font-size:7px}.mel-designer__preview-canvas{width:min(38dvh,82vw,310px);max-width:calc(100% - 24px)}.mel-designer__angle-switch{bottom:8px}.mel-designer__try-on-note{top:8px;right:8px;padding:5px 7px;font-size:6px}.mel-designer__review{padding:14px;overflow:auto}.mel-designer__review .mel-home-kicker{margin-bottom:4px;font-size:7px}.mel-designer__review h3{font-size:25px}.mel-designer__review-steps{margin:10px 0 8px}.mel-designer__review-steps span{padding:5px 2px;font-size:6px}.mel-designer__review-stats{padding:8px 9px;font-size:8px}.mel-designer__review ul{max-height:64px;margin:7px 0}.mel-designer__review li{padding:5px 1px;font-size:8px}.mel-designer__review>p:not(.mel-home-kicker,.mel-designer__commerce-status,.mel-designer__secure-note){display:none}.mel-designer__commerce-status{margin-bottom:7px;padding:7px 8px;font-size:8px}.mel-designer__review-actions{gap:5px}.mel-designer__review-actions .mel-designer__save{min-height:36px;padding-inline:7px;font-size:7px}.mel-designer__secure-note{margin-top:6px;font-size:6px}}@media(max-height:720px)and (min-width:750px){.mel-bracelet-designer{min-height:0}.mel-bracelet-designer__intro{height:40px}.mel-bracelet-designer__shell{height:calc(100% - 40px)}.mel-designer{grid-template-rows:48px 70px minmax(0,1fr)}.mel-designer__body{grid-template-rows:minmax(180px,1fr) minmax(150px,190px)}.mel-designer__library{grid-template-rows:39px 25px minmax(0,1fr);gap-block:7px;padding-block:9px 10px}.mel-designer__search input{height:37px}.mel-designer__material{grid-template-columns:54px minmax(0,1fr) 25px;grid-template-rows:1fr;gap:8px;padding:7px 9px}.mel-designer__swatch,.mel-designer__cord-swatch{width:54px;height:54px}.mel-designer__cord-swatch:before{width:44px;height:44px}.mel-designer__material-copy strong{font-size:11px}.mel-designer__material-copy small{font-size:8px}.mel-designer__material-add{width:24px;height:24px;font-size:14px}}@media(prefers-reduced-motion:reduce){.mel-bracelet-designer *,.mel-bracelet-designer *:before,.mel-bracelet-designer *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mel-bracelet-designer{--mel-navy: #0b2c47;--mel-green: #3e786c;--mel-brass: #d5a542;font-family:var(--font-body-family, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.mel-designer{border-color:#0c2b4524;box-shadow:0 28px 70px #0316263d,0 3px 12px #0316261a}.mel-designer__metrics output,.mel-designer__review-stats strong{font-family:var(--font-heading-family, Georgia, "Times New Roman", serif);font-variant-numeric:tabular-nums}.mel-designer__workbench:before{opacity:.54}.mel-designer__cord{opacity:.9;filter:drop-shadow(0 2px 2px rgba(25,41,50,.18))}.mel-designer__selection{border:1px solid rgba(62,120,108,.18);border-left:3px solid var(--mel-green);background:#ffffffe0;box-shadow:0 10px 26px #102d481a;-webkit-backdrop-filter:blur(12px) saturate(1.08);backdrop-filter:blur(12px) saturate(1.08)}.mel-designer__library{border-top-color:#3e786c2e;background-color:#f8faf9}.mel-designer__search{border-color:#102d481f;background:#ffffffeb;box-shadow:inset 0 1px #ffffffe6}.mel-designer__material{flex-basis:clamp(210px,19vw,248px);min-width:210px;border-color:#102d481f;border-radius:15px;background:#fffffff5;box-shadow:inset 0 1px #fffffff5,0 3px 9px #102d480b}.mel-designer__material:hover{border-color:#3e786c6b;box-shadow:inset 0 1px #fffffffa,0 9px 22px #102d481a;transform:translateY(-2px)}.mel-designer__swatch img{filter:saturate(1.04) contrast(1.025) drop-shadow(0 7px 7px rgba(22,34,47,.2))}.mel-designer__material-add{border:1px solid rgba(255,255,255,.52);box-shadow:0 5px 12px #3e786c33}.mel-designer__catalog{scrollbar-color:rgba(62,120,108,.45) transparent}@media(max-width:749px){.mel-bracelet-designer__shell{width:calc(100% - 8px)}.mel-designer{border-radius:18px;box-shadow:0 12px 30px #03162638}.mel-designer__selection{top:7px;left:7px;max-width:116px;min-height:27px;padding:2px 3px 2px 8px;gap:3px;background:#ffffffd1;box-shadow:0 7px 18px #102d4817;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mel-designer__selection strong{max-width:70px;font-size:8px}.mel-designer__selection [data-designer-action=remove]{width:22px;min-width:22px;min-height:22px}.mel-designer__toolbar{top:7px;right:7px}.mel-designer__material{min-width:150px;flex-basis:150px;border-radius:13px}.mel-designer__material:hover{transform:none}.mel-designer__material:active{border-color:#3e786c8c;transform:scale(.985)}.mel-designer__metrics output{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/mel-bracelet-designer.css.map */