body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}:root{--vh:1dvh}@supports not (height:100dvh){:root{--vh:1vh}}#root,body,html{background-color:#f0f0f0;font-family:Arial,sans-serif;height:100svh;height:calc(1dvh*100);height:calc(var(--vh)*100);overscroll-behavior:none}#root{display:flex;min-height:100%}.App{min-height:0;overflow:hidden;width:100%}#view-container{grid-gap:10px;background-color:#f0f0f0;flex:1 1;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;overflow:auto;padding:10px;scrollbar-gutter:stable both-edges;width:100%}#view-container,#view-container>*{min-width:0}.viewport{background:#fff;border:1px solid #ccc;border-radius:8px;min-height:200px;position:relative}.viewport canvas,canvas{display:block;height:100%;width:100%}#control-panel{background-color:#fff;box-shadow:-2px 0 5px #0000001a;flex:0 0 340px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;max-height:100vh;padding:20px 20px 20px 10px;width:340px}.control-section{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.control-section:last-child{border-bottom:none;padding-bottom:0}.control-section h3{color:#333;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:1.1em;margin:0 0 15px}.button-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.button-grid button{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;display:flex;flex-direction:column;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:.9em;justify-content:center;padding:10px;text-align:center;transition:all .2s ease}.button-grid button:hover{border-color:#5e5f60;color:#5e5f60}.button-grid button:not(.active){opacity:.75}.button-grid button.active{background-color:#f9f9f9;border-color:#5e5f60;box-shadow:0 2px 5px #0000001f;color:#333;font-weight:700;opacity:1}.button-grid button img{border-radius:50%;height:40px;margin-bottom:6px;object-fit:contain;width:40px}.metal-btn{background-color:#eee;border:2px solid #ccc;border-radius:100%;box-sizing:border-box;cursor:pointer;height:40px;transition:transform .2s ease,border-color .2s;width:40px}.metal-btn:hover{transform:scale(1.05)}.metal-btn.active{border-color:#5e5f60;transform:scale(1.08)}.ring-size-container{align-items:stretch;display:flex;flex-direction:column;gap:10px}.ring-size-select{border:1px solid #ccc;border-radius:6px;font-size:1em;padding:8px 12px}#buy-btn{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 16px;transition:background-color .2s ease,transform .06s ease}#buy-btn:hover{background-color:#218838}#buy-btn:active{transform:translateY(1px)}.hidden{display:none!important}.modal-overlay{background:#0006;display:grid;inset:0;place-items:center;position:fixed;z-index:9999}@supports not (height:100dvh){.modal-overlay{position:absolute}}.modal-card{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:#ffffff40;border:1px solid #ffffff4d;border-radius:0;box-shadow:none;height:100svh;height:calc(1dvh*100);height:calc(var(--vh)*100);max-height:none;max-width:100vw;padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0);width:100vw}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-close{background:#0000;border:none;cursor:pointer;font-size:22px}.modal-body{align-items:center;display:flex;flex:4 1;flex-direction:column;justify-content:center;padding:20px;text-align:center}.modal-stone-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1000px;width:100%}.modal-stone-btn{align-items:center;background:#fafafa;border:1px solid #e6e6e6;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;transition:transform .06s ease,background .2s}.modal-stone-btn:hover{background:#fff;transform:translateY(-1px)}.modal-stone-btn img{height:48px;object-fit:contain;width:48px}.modal-stone-btn span{color:#222;font-size:13px;font-weight:600}.btn.primary{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:8px 12px}.current-chip{background:#f5f5f5;border-radius:999px;font-size:13px;padding:8px 12px}@media (max-width:768px){#root,body,html{height:100svh;height:calc(1dvh*100);height:calc(var(--vh)*100);overflow:hidden;width:100vw}.App{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;width:100%}#view-container{grid-gap:0;display:grid;flex:1 1 auto;gap:0;grid-template-columns:repeat(2,1fr);margin:0;max-height:none;max-width:100%!important;min-height:0;overflow:auto;padding:0;scrollbar-gutter:stable both-edges;width:100%!important}#view-container>*{min-width:0}.viewport{aspect-ratio:4/5;border:1px solid #ccc;border-radius:0;margin:0;padding:0;width:100%!important}#control-panel,.viewport{background:#fff;height:auto}#control-panel{box-shadow:0 -4px 12px #0000001a;box-sizing:border-box;max-height:42svh;max-height:calc(1dvh*42);max-height:calc(var(--vh)*42);min-width:100%;overflow-y:auto;padding:12px;position:relative;width:100%}.modal-overlay{align-items:stretch;justify-items:stretch}.modal-card{border-radius:0;box-shadow:none;height:100svh;height:calc(1dvh*100);height:calc(var(--vh)*100);max-height:none;width:100vw}.modal-header{border-bottom:1px solid #efefef;padding:16px}.modal-body{padding:16px}.modal-stone-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.modal-stone-btn{padding:16px}.modal-stone-btn img{height:64px;width:64px}.modal-stone-btn span{font-size:14px}}@media (max-width:400px){.modal-stone-grid{gap:10px}.modal-stone-btn{padding:14px}.modal-stone-btn img{height:56px;width:56px}.modal-stone-btn span{font-size:13px}}.modal-card:focus{outline:2px solid #a1c0ff;outline-offset:0}.kolar-btn:focus-visible,.modal-stone-btn:focus-visible,.size-btn:focus-visible,.stone-btn:focus-visible,.yuva-btn:focus-visible{outline:3px solid #7da8ff;outline-offset:2px}#root,body,html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;margin:0;padding:0;width:100%}.App{display:flex;height:100%}#view-container{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);padding:.5rem;width:75%}#view-container,.viewport{box-sizing:border-box;height:100%}.viewport{border:1px solid #ddd;overflow:hidden;width:100%}#control-panel{background:#f9f9f9;border-left:1px solid #ccc;box-sizing:border-box;overflow-y:auto;padding:1rem;width:25%}canvas{display:block;height:100%;width:100%}
/*# sourceMappingURL=main.f56587d0.css.map*/