@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#282929;--muted:#747873;--green:#435c4a;--line:#e4e7df;--paper:#fff;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,label.upload{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bd82bb;outline-offset:5px}header,footer{display:flex;align-items:center;justify-content:space-between;padding:28px 5%;gap:20px}.wordmark{font-size:31px;letter-spacing:-2px;text-decoration:none;color:var(--ink);font-weight:700}.wordmark span{font-size:11px;vertical-align:top;letter-spacing:0}.header-note,.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:600}.text-button{border:0;background:none;color:var(--ink);padding:8px 0}.intro{text-align:center;margin:42px 0 35px}.intro h1{font-family:var(--serif);font-weight:500;font-size:64px;line-height:1.06;letter-spacing:-2px;margin:16px 0}.intro h1 em{color:#6b7e65;font-weight:500}.intro p,.panel p{color:var(--muted);line-height:1.7}.workspace{max-width:1220px;margin:auto;display:grid;grid-template-columns:1.23fr 1fr;padding:0 28px;gap:70px}.display{background:radial-gradient(ellipse at 50% 38%,#fff 0%,#f0f1e9 70%,#e9ece1 100%);border-radius:24px;position:relative;min-width:0;overflow:hidden}.display-top{display:flex;align-items:center;justify-content:space-between;padding:26px}.pill{font-size:9px;letter-spacing:1.6px;background:#ffffffa0;border:1px solid #ffffff;padding:9px 12px;border-radius:30px}.price{font-size:17px}.price small{font-size:10px;color:#747873}.scene{height:460px;display:flex;align-items:center;justify-content:center;perspective:1000px;touch-action:none;cursor:grab;position:relative}.scene:active{cursor:grabbing}.object{width:350px;max-width:88%;transform-style:preserve-3d;z-index:2;will-change:transform}.object canvas{width:100%;display:block;filter:drop-shadow(3px 6px 2px #53614724) drop-shadow(9px 16px 10px #46563b26)}.floor-shadow{position:absolute;width:180px;height:20px;background:#6a785b30;border-radius:50%;filter:blur(13px);bottom:15px}.view-controls{display:flex;justify-content:center;gap:3px}.view-controls button{border:0;border-radius:30px;background:#ffffff90;padding:10px 21px;font-size:12px}.view-controls button:hover{background:#fff}.hint{text-align:center;font-size:10px;color:var(--muted);margin:14px 0 27px}.display-bottom{display:flex;justify-content:space-between;padding:20px 26px;border-top:1px solid #dfe3d7;font-size:9px;letter-spacing:1px}aside{padding:8px 0}nav{display:flex;border-bottom:1px solid var(--line);margin-bottom:35px}nav button{flex:1;background:none;border:0;border-bottom:2px solid transparent;padding:12px 0 18px;color:#9a9d97;font-size:10px;text-align:left}nav button span{margin-left:7px}nav button.active{color:var(--green);border-bottom-color:var(--green)}.panel h2{font:500 35px/1.2 var(--serif);letter-spacing:-.5px;margin:12px 0}.panel p{font-size:13px}.upload{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #bac4b5;border-radius:14px;background:#fafbf7;min-height:164px;gap:9px;margin:23px 0 10px;cursor:pointer;transition:.2s}.upload:hover,.upload.over{background:#edf1e6;border-color:var(--green)}.upload-icon{font-size:27px;color:#73816b}.upload strong{font-weight:500}.upload>span:not(.upload-icon){font-size:11px;color:var(--muted)}.upload small{font-size:10px;color:#90958a}.file-name{font-size:10px!important;text-align:center}.background-tools{padding:15px 0 20px}.background-tools label{display:flex;align-items:center;gap:8px;font-size:12px}.background-tools small{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin:8px 0}.primary,.secondary{width:100%;padding:17px 20px;border:0;border-radius:7px;font-weight:500;display:flex;justify-content:space-between;align-items:center}.primary{background:var(--green);color:#fff}.primary:hover{background:#304936}.secondary{margin-top:10px;background:#f0f2eb;justify-content:center;color:var(--green)}.field{display:block;margin:22px 0;font-size:12px}.field select{display:block;width:100%;margin-top:10px;border:1px solid var(--line);border-radius:6px;background:white;padding:13px}.field input[type=range]{display:block;width:100%;margin:15px 0 8px;accent-color:var(--green)}input[type=checkbox]{accent-color:var(--green)}.range-label{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}fieldset{padding:0;border:0;margin:22px 0}legend{font-size:12px;margin-bottom:12px}.swatches{display:flex;gap:8px}.swatches button{flex:1;border:1px solid var(--line);border-radius:8px;background:white;padding:10px 4px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px}.swatches .chosen{border-color:var(--green);background:#f6f8f1}.swatches i{width:18px;height:18px;border-radius:50%;display:block}.silver{background:linear-gradient(120deg,#888,#fff,#8c9597)}.gold{background:linear-gradient(120deg,#ac8233,#fff3b7,#b78b37)}.rose{background:linear-gradient(120deg,#b97a77,#ffdfd6,#b87c72)}.detail-note{font-size:10px!important;line-height:1.65!important}.order{border-top:1px solid var(--line);margin:24px 0}.order>div{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-size:12px}.order input{width:65px;border:1px solid var(--line);border-radius:5px;padding:9px}.order .total{border-top:1px solid var(--line);font-size:17px}#status{font-size:12px;color:var(--green)}.notes{max-width:1220px;margin:70px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:70px;padding:0 28px}.notes span{font-size:10px;color:#8e9785}.notes h3{font:500 20px/1.4 var(--serif)}.notes p{font-size:12px;line-height:1.7;color:var(--muted)}footer{border-top:1px solid var(--line)}footer span,footer small{font-size:11px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:760px){header{padding:20px 22px}.header-note{display:none}.wordmark{font-size:27px}.intro{margin:18px 0 23px}.intro h1{font-size:43px}.intro h1 br{display:none}.intro .eyebrow{font-size:8px}.intro p{font-size:11px}.workspace{display:flex;flex-direction:column;padding:0 15px;gap:15px}.display{border-radius:18px}.display-top{padding:17px}.scene{height:330px}.object{width:275px}.display-bottom{padding:14px 18px;font-size:8px}.hint{margin:11px 0 17px}.view-controls button{padding:8px 20px}.price{font-size:14px}aside{padding:0 8px}nav{margin-bottom:26px}nav button{text-align:center}.panel h2{font-size:31px}.notes{margin:45px 22px;grid-template-columns:1fr;gap:12px;padding:0}.notes h3{margin:7px 0}.notes p{margin:6px 0 18px}footer{flex-wrap:wrap;padding:20px 22px}footer small{width:100%}.pill{font-size:8px}.background-tools{padding-bottom:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.versions{margin:24px 0 14px}.version{display:flex;gap:12px;padding:17px 14px;border:1px solid var(--line);border-radius:10px;margin:10px 0;cursor:pointer}.version:has(input:checked){border-color:var(--green);background:#f5f8f0}.version input{accent-color:var(--green);margin:3px 0}.version span{flex:1}.version strong{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:500}.version small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:6px}.field input[type=url]{display:block;width:100%;padding:13px;margin-top:9px;border:1px solid var(--line);border-radius:6px;background:#fff}