@font-face{font-family:Ring Allura;src:url(/fonts/engraving/allura.ttf)format("truetype");font-display:swap}@font-face{font-family:Ring Parisienne;src:url(/fonts/engraving/parisienne.ttf)format("truetype");font-display:swap}.rings-page{padding-block:32px 24px}.rings-page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.rings-configurator{border:1px solid var(--mortar);border-radius:3px;grid-template-columns:minmax(0,1fr) 400px;height:clamp(680px,100svh - 255px,820px);display:grid;overflow:hidden}.rings-stage{--rs-text:#edece7;--rs-muted:#aaa9a4;--rs-line:#ffffff26;--rs-control:#222321c9;min-width:0;min-height:0;color:var(--rs-text);background:radial-gradient(at 48% 38%,#333431 0,#1d1e1c 52%,#111210 100%);transition:background-color .45s,color .3s;position:relative}.rings-stage:before{content:"";opacity:0;pointer-events:none;background:#fff;transition:opacity .5s;position:absolute;inset:0}.rings-stage[data-theme=light]{--rs-text:#262723;--rs-muted:#676861;--rs-line:#22231e29;--rs-control:#ffffffc9}.rings-stage[data-theme=light]:before{opacity:1}.rings-canvas{outline-offset:-3px;touch-action:none;position:absolute;inset:88px 0 110px}.rings-canvas>div{width:100%;height:100%}.rings-stage-top,.rings-stage-bottom{z-index:2;justify-content:space-between;align-items:center;gap:14px;display:flex;position:absolute;left:26px;right:26px}.rings-stage-top{top:25px}.rings-stage-bottom{align-items:flex-end;bottom:26px}.rings-theme-toggle,.rings-tools{background:var(--rs-control);border:1px solid var(--rs-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:3px;align-items:center;padding:3px;display:flex}.rings-tool{border-radius:2px;place-items:center;width:38px;height:38px;transition:background .2s,transform .2s;display:grid}.rings-tool:hover{background:var(--rs-line);transform:translateY(-1px)}.rings-tool[aria-pressed=true]{background:var(--rs-line)}.rings-tool-divider{background:var(--rs-line);width:1px;height:17px;margin-inline:4px}.rings-stage-caption .t-micro{letter-spacing:.14em;margin-bottom:8px;font-size:9px}.rings-stage-caption .t-micro span{color:var(--rs-muted);margin-left:8px}.rings-stage-caption>p:not(.t-micro){color:var(--rs-muted);font-size:11px}.rings-touch-hint{display:none}.rings-panel{border-left:1px solid var(--mortar);min-width:0;color:var(--ik-body);background:#fff;overflow:hidden}.rings-panel-intro{padding:25px 26px 22px}.rings-panel-intro>span{letter-spacing:.12em;font-size:9px}.rings-panel-intro h2{letter-spacing:-.035em;margin-top:12px;font-size:23px;font-weight:500;line-height:1.3}.rings-panel-intro p{color:var(--stone);margin-top:7px;font-size:12px}.rings-tabs{isolation:isolate;background:#fff;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding:4px;display:grid;position:relative;box-shadow:0 4px 20px #00000014}.rings-tabs:before{content:"";border-radius:inherit;z-index:-1;background:#111;width:calc(33.3333% - 2.66667px);transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;inset:4px auto 4px 4px}.rings-tabs[data-selected=pair]:before{transform:translate(200%)}.rings-tabs[data-selected=male]:before{transform:translate(100%)}.rings-tabs button{color:#262723;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:12px;font-weight:600;transition:color .2s;display:flex}.rings-tabs button[aria-selected=true]{color:#fff}.rings-tabs button svg{flex-shrink:0;transition:transform .2s}.rings-tabs button:hover svg{transform:translateY(-1px)rotate(-8deg)}.rings-tabs button:active svg{transform:scale(.9)}.rings-settings{padding-top:0}.rings-settings fieldset{border:0;min-width:0;margin:0 0 22px;padding:0}.rings-settings legend,.rings-settings label,.rings-width>span{margin-bottom:10px;font-size:12px;font-weight:500;display:block}.rings-metal-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rings-metal-options button{border:1px solid #e3e3de;border-radius:2px;flex-direction:column;align-items:center;gap:9px;padding:12px 2px 10px;font-size:11px;transition:border-color .2s,background .2s;display:flex}.rings-metal-options button:hover{border-color:#8c8c82}.rings-metal-options button[aria-pressed=true]{background:#f7f7f3;border-color:#343630}.rings-metal-swatch{color:#3b3020;border-radius:50%;place-items:center;width:31px;height:31px;transition:transform .2s;display:grid;box-shadow:inset 0 0 0 1px #00000015}.rings-metal-options button:hover .rings-metal-swatch{transform:scale(1.1)}.rings-gold-yellow{background:linear-gradient(125deg,#8e7043,#e7ce94 35%,#f5e5b7 48%,#b38d4f 85%)}.rings-gold-white{background:linear-gradient(125deg,#8d9190,#e0e2df 35%,#f8f9f8 48%,#a6aba8 85%)}.rings-gold-rose{background:linear-gradient(125deg,#a47568,#e2b4a2 35%,#f6dace 48%,#be8b79 85%)}.rings-measure-row{grid-template-columns:minmax(144px,1fr) auto;gap:20px;display:grid}.rings-width{padding-left:0}.rings-width strong{font-variant-numeric:tabular-nums;font-size:23px;font-weight:400;line-height:48px}.rings-width small{color:var(--ik-body);font-size:12px}.rings-diameter{color:var(--ik-body);margin-top:7px;margin-bottom:0;font-size:10px}.rings-segments{border:1px solid #d7d7d1;border-radius:2px;gap:3px;padding:3px;display:flex}.rings-segments button{min-height:37px;color:var(--stone);flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 4px;font-size:12px;transition:background .2s,color .2s;display:flex}.rings-segments button[aria-pressed=true]{color:var(--graphite);background:#efefeb}.rings-finish-dot{border:1px solid #aaa89d;border-radius:50%;width:15px;height:15px}.rings-finish-brushed{background:repeating-linear-gradient(0deg,#b4b1a5,#e4e1d9 1px,#c1beb2 2px)}.rings-finish-polished{background:linear-gradient(120deg,#99968d,#fff 45%,#bcb9af)}.rings-engraving-heading{justify-content:space-between;align-items:center;margin:0 0 12px;padding-top:18px;display:flex}.rings-engraving-heading h3{letter-spacing:0;font-size:13px;font-weight:600}.rings-engraving-heading span{color:var(--stone);font-size:9px}.rings-settings .rings-shared-engraving{cursor:pointer;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.rings-shared-engraving input{accent-color:#262723;flex:0 0 15px;width:15px;height:15px}.rings-text-input{position:relative}.rings-text-input input{background:#fff;border:1px solid #d7d7d1;border-radius:2px;width:100%;min-height:45px;padding:11px 49px 11px 11px;font-size:12px}.rings-text-input input::placeholder{color:#85867f;font-size:11px}.rings-text-input>span{color:var(--stone);font-variant-numeric:tabular-nums;font-size:9px;position:absolute;top:15px;right:10px}.rings-field-hint{color:var(--ik-body);margin:7px 0 18px;font-size:10px;line-height:1.6}.rings-font-options{gap:7px;display:grid}.rings-settings .rings-font-option{cursor:pointer;background:#fff;border:1px solid #deded6;border-radius:3px;justify-content:space-between;align-items:center;gap:12px;min-height:76px;margin:0;padding:10px 14px;display:flex;position:relative}.rings-font-option[data-selected=true]{background:#f8f6ef;border-color:#817252}.rings-font-option:focus-within{outline-offset:3px;outline:2px solid #817252}.rings-font-option input{opacity:0;width:1px;height:1px;position:absolute}.rings-font-copy{gap:5px;min-width:0;display:grid}.rings-font-name{color:#6d6b61;font-size:10px}.rings-font-preview{color:#463c29;font-weight:400;line-height:1.25;display:block}.rings-font-classic{font-family:Georgia,serif;font-size:22px}.rings-font-script{font-family:Ring Allura,cursive;font-size:32px}.rings-font-handwritten{font-family:Ring Parisienne,cursive;font-size:27px}.rings-font-check{border:1px solid #c6c3b7;border-radius:50%;flex-shrink:0;place-items:center;width:19px;height:19px;display:grid}.rings-font-option[data-selected=true] .rings-font-check{color:#fff;background:#746447;border-color:#746447}.rings-pair-summary{background:#f6f6f2;border-top:1px solid #e1e1db;gap:10px;padding:17px 26px;display:grid}.rings-pair-summary>div{align-items:center;gap:8px;font-size:10px;display:flex}.rings-summary-dot{border-radius:50%;width:11px;height:11px}.rings-pair-summary strong{color:var(--ik-body);margin-left:auto;font-weight:400}.rings-preview-note{color:var(--stone);margin-top:14px;font-size:11px}.rings-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px;font-size:12px;display:flex;position:absolute;inset:0}.rings-loading-band{border:2px solid;border-top-color:#0000;border-radius:50%;width:50px;height:50px;animation:1.3s linear infinite rings-spin}@keyframes rings-spin{to{transform:rotate(360deg)}}.rings-page button{cursor:pointer}.rings-page :is(button,input,select):focus-visible{outline-offset:3px;outline:2px solid #608572}@media (max-width:1150px){.rings-configurator{grid-template-columns:minmax(0,1fr) 350px}.rings-stage-bottom{flex-direction:column-reverse;align-items:flex-start;gap:18px}.rings-stage-top{left:18px;right:18px}}@media (max-width:900px){.rings-configurator{grid-template-columns:1fr;height:auto}.rings-stage{min-height:520px}.rings-panel{border-left:0;border-top:1px solid var(--mortar)}.rings-stage-bottom{flex-direction:row;align-items:flex-end}.rings-settings{grid-template-columns:1fr;display:grid}.rings-settings,.rings-pair-summary{padding-inline:24px}.rings-page-heading{flex-direction:column;align-items:flex-start;gap:12px}.rings-page-heading>p{max-width:none;font-size:14px}}@media (max-width:520px){.rings-page{padding-top:24px}.rings-page-heading h1{font-size:25px}.rings-stage{min-height:520px}.rings-canvas{inset:65px 0 90px}.rings-stage-top{gap:5px;top:15px;left:12px;right:12px}.rings-stage-bottom{gap:8px;bottom:16px;left:14px;right:14px}.rings-tabs button{gap:5px;padding-inline:11px;font-size:11px}.rings-theme-toggle .rings-tool{width:32px}.rings-tool{width:33px;height:38px}.rings-tools{padding:2px}.rings-tool-divider{margin-inline:1px}.rings-stage-caption>p:not(.t-micro){max-width:115px;font-size:9px}.rings-stage-caption .t-micro{font-size:8px}.rings-stage-caption .t-micro span,.rings-desktop-hint{display:none}.rings-touch-hint{display:block}.rings-text-input input{font-size:16px}}@media (prefers-reduced-motion:reduce){.rings-page *,.rings-page :before,.rings-page :after{transition:none!important;animation:none!important}}