.j3d{--j3d-folha-raio:16px;color:var(--e-tinta);display:grid;position:relative}.j3d-palco{background:radial-gradient(ellipse 70% 55% at 50% 30%, #d9b06a24, #d9b06a00 70%), radial-gradient(ellipse 60% 18% at 50% 88%, #ffffff0f, #fff0 70%), linear-gradient(180deg, #16293a 0%, var(--e-noite) 55%, var(--e-noite-funda) 100%);place-items:center;display:grid;position:relative;overflow:hidden}.j3d-svg{width:min(78%,320px);transition:opacity .5s}.j3d-svg .e-anel-palco{background:0 0;max-width:none}.j3d-tela{opacity:0;transition:opacity .7s;position:absolute;inset:0}.j3d-canvas{cursor:grab;outline:none;width:100%;height:100%;display:block}.j3d-canvas:active{cursor:grabbing}.j3d-dica{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--e-ouro-claro);opacity:0;pointer-events:none;margin:0;font-size:11px;font-weight:600;transition:opacity .6s .4s;position:absolute;bottom:28px;left:0;right:0}.j3d[data-plano="3d"] .j3d-tela{opacity:1}.j3d[data-plano="3d"] .j3d-svg{opacity:0;visibility:hidden}.j3d[data-plano="3d"] .j3d-dica{opacity:.85}.j3d-giro{text-align:center;font-family:var(--e-serifa);color:var(--e-marfim);opacity:0;pointer-events:none;margin:0;font-size:17px;font-style:italic;line-height:22px;transition:opacity .6s;position:absolute;top:20px;left:16px;right:16px}.j3d[data-plano="3d"] .j3d-giro{opacity:.9}.j3d-folha{background:var(--e-marfim);flex-direction:column;min-width:0;display:flex}.j3d-rolagem{gap:18px;min-width:0;padding:20px 16px 8px;display:grid}.j3d-saida{background:var(--e-marfim);gap:10px;padding:12px 16px 20px;display:grid}.j3d-grupo{border:0;min-width:0;margin:0;padding:0}.j3d-grupo legend,.j3d-gravacao-rotulo{letter-spacing:.14em;text-transform:uppercase;color:var(--e-ouro-texto);margin:0 0 8px;padding:0;font-size:11px;font-weight:600;display:block}.j3d-opcoes{gap:8px}.j3d .e-opcao>span{transition:border-color .25s,background-color .25s,box-shadow .25s}.j3d .e-opcao input:checked+span{box-shadow:0 1px #1b1a1814}.e-opcao .e-amostra-topazio{background:radial-gradient(circle at 34% 30%,#e3f6fc 0 10%,#8fd3ea 24%,#4fa9c9 54%,#2f86a8 100%)}.j3d-icone{border:2px solid var(--e-ouro);box-sizing:border-box;border-radius:50%;flex:none;width:18px;height:18px;margin-top:4px;display:inline-block;position:relative}.j3d-icone:before{content:"";background:var(--e-noite);border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:-6px;left:50%}.j3d-icone-meia-alianca:before{background:repeating-linear-gradient(90deg, var(--e-noite) 0 3px, transparent 3px 4px);border-radius:2px;width:14px;height:4px;margin-left:-7px;top:-4px}.j3d-icone-halo:before{border:2px solid var(--e-ouro);box-sizing:border-box;width:8px;height:10px;margin-left:-4px;top:-7px}.j3d-campo{box-sizing:border-box;border:1px solid var(--e-linha);background:var(--e-porcelana);width:100%;min-height:48px;color:var(--e-tinta);font-family:var(--e-serifa);letter-spacing:.02em;border-radius:2px;padding:0 64px 0 16px;font-size:20px;font-style:italic}.j3d-campo::placeholder{color:var(--e-tinta-suave);opacity:.8}.j3d-campo:focus-visible{outline:3px solid var(--e-verde);outline-offset:2px}.j3d-contador{font-variant-numeric:tabular-nums;color:var(--e-tinta-suave);font-size:12px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.j3d-ajuda{color:var(--e-tinta-suave);margin:6px 0 0;font-size:13px}.j3d-pedido-titulo{font-family:var(--e-serifa);color:var(--e-tinta);margin:0;font-size:22px;line-height:28px}.j3d-campo.j3d-campo-ideia{resize:vertical;letter-spacing:0;min-height:104px;padding:12px 14px;font-family:inherit;font-size:16px;font-style:normal;line-height:24px;display:block}.j3d-completo{color:var(--e-tinta);text-underline-offset:4px;justify-self:center;padding:12px 8px;font-size:14px;font-weight:600}.j3d:has(input[name=j3d-ouro][value=branco]:checked) .e-m-claro{stop-color:#f2f2f0}.j3d:has(input[name=j3d-ouro][value=branco]:checked) .e-m-medio{stop-color:#c9cbce}.j3d:has(input[name=j3d-ouro][value=branco]:checked) .e-m-escuro{stop-color:#9a9da3}.j3d:has(input[name=j3d-pedra][value=diamante]:checked) .e-pedra-claro{fill:#fff}.j3d:has(input[name=j3d-pedra][value=diamante]:checked) .e-pedra-medio{fill:#dce8f1}.j3d:has(input[name=j3d-pedra][value=diamante]:checked) .e-pedra-escuro{fill:#9fb3c4}.j3d:has(input[name=j3d-pedra][value=esmeralda]:checked) .e-pedra-claro{fill:#3fbf86}.j3d:has(input[name=j3d-pedra][value=esmeralda]:checked) .e-pedra-medio{fill:#1f8f5f}.j3d:has(input[name=j3d-pedra][value=esmeralda]:checked) .e-pedra-escuro{fill:#0e5a3a}.j3d:has(input[name=j3d-pedra][value=safira]:checked) .e-pedra-claro{fill:#4f7fd6}.j3d:has(input[name=j3d-pedra][value=safira]:checked) .e-pedra-medio{fill:#1f4fa3}.j3d:has(input[name=j3d-pedra][value=safira]:checked) .e-pedra-escuro{fill:#102c63}.j3d:has(input[name=j3d-pedra][value=rubi]:checked) .e-pedra-claro{fill:#e0476b}.j3d:has(input[name=j3d-pedra][value=rubi]:checked) .e-pedra-medio{fill:#b3123a}.j3d:has(input[name=j3d-pedra][value=rubi]:checked) .e-pedra-escuro{fill:#6e0822}.j3d:has(input[name=j3d-pedra][value=topazio]:checked) .e-pedra-claro{fill:#bfe9f6}.j3d:has(input[name=j3d-pedra][value=topazio]:checked) .e-pedra-medio{fill:#6cc0de}.j3d:has(input[name=j3d-pedra][value=topazio]:checked) .e-pedra-escuro{fill:#2f86a8}.j3d-pagina{grid-template-rows:minmax(300px,1fr) auto;height:100svh}@media (width<=899px){.j3d-pagina .j3d-folha{z-index:1;max-height:52svh;margin-top:calc(-1 * var(--j3d-folha-raio));border-radius:var(--j3d-folha-raio) var(--j3d-folha-raio) 0 0;position:relative;overflow:hidden;box-shadow:0 -10px 30px #0e1c2740}.j3d-pagina .j3d-folha:before{content:"";background:var(--e-linha);border-radius:2px;flex:none;width:40px;height:4px;margin:10px auto 0;display:block}.j3d-pagina .j3d-rolagem{overscroll-behavior:contain;flex:auto;gap:16px;min-height:0;padding-top:12px;overflow-y:auto}.j3d-pagina .j3d-opcoes{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;overflow-x:auto}.j3d-pagina .j3d-opcoes::-webkit-scrollbar{display:none}.j3d-pagina .e-opcao>span{white-space:nowrap}.j3d-pagina .j3d-saida{border-top:1px solid var(--e-linha);padding-bottom:max(16px, env(safe-area-inset-bottom));flex:none}}@media (width>=900px){.j3d-pagina{grid-template-rows:none;grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr);height:auto;min-height:min(820px,100vh - 72px)}.j3d-pagina .j3d-palco{min-height:620px}.j3d-pagina .j3d-folha{border-left:1px solid var(--e-linha);justify-content:center;padding:40px 24px}.j3d-pagina .j3d-rolagem{gap:24px}.j3d-pagina .j3d-saida{padding-top:24px}}.j3d-compacto{border:1px solid var(--e-linha);border-radius:2px;overflow:hidden}.j3d-compacto .j3d-palco{aspect-ratio:1;width:100%;max-height:460px}@media (prefers-reduced-motion:reduce){.j3d-svg,.j3d-tela,.j3d-dica,.j3d-giro{transition:none}}