body{margin:0;font-family:sans-serif}.app{background:linear-gradient(160deg,#f3f6fb 0%,#edf2f8 60%,#e6edf6 100%);flex-direction:column;align-items:center;gap:1.5rem;min-height:100vh;padding:1.5rem;display:flex}.app>h1,.circle-container{width:min(100%,1000px)}.visualization-stack{gap:1rem;width:min(100%,1000px);display:grid}.circle-container,.stone-preview-box{box-sizing:border-box;background:#fff;border:1px solid #d0d9e6;border-radius:12px;padding:1rem;box-shadow:0 6px 20px #2146781f}.circle-container{aspect-ratio:1;place-items:center;width:100%;max-width:1000px;display:grid}.ring-preview-figure{grid-template-rows:auto minmax(0,1fr);gap:.35rem;width:100%;height:100%;min-height:0;margin:0;display:grid}.visualization-stack figcaption{color:#204066;font-size:1.35rem;font-weight:700;line-height:1.1}.ring-preview-figure>svg{width:100%;height:100%;min-height:0}.stone-preview-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-height:14rem;display:grid}.stone-preview-box{grid-template-rows:auto minmax(0,1fr);gap:.35rem;min-width:0;min-height:0;margin:0;display:grid;overflow:hidden}.stone-preview-box>svg{color:#245a62;width:100%;height:100%;min-height:0}.stone-preview-box>svg.cutting-jig-preview{max-height:32rem}.ring-preview-error{color:#a11948;align-self:center;max-width:28rem;margin:0;font-size:.9rem}.carousel{grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;width:100%;height:100%;display:grid}.carousel-image{object-fit:contain;width:100%;height:100%}.carousel-arrow{color:#0f2a4e;cursor:pointer;background:#f9fbfe;border:1px solid #b7c4d8;border-radius:999px;width:2.2rem;height:2.2rem;font-size:1.2rem;line-height:1}.carousel-arrow:hover{background:#edf3fb}.controls{box-sizing:border-box;background:#fff;border:1px solid #d0d9e6;border-radius:12px;gap:.75rem;width:100%;max-width:1000px;margin:0;padding:1rem;display:grid;box-shadow:0 6px 20px #2146781f}.controls h1{color:#102a4c;margin:0;font-size:1.3rem}.control-row{gap:.3rem;display:grid}.control-row span{color:#204066;font-size:.9rem}.control-row input,.control-row select{box-sizing:border-box;color:#0f2a4e;background:#f9fbfe;border:1px solid #b7c4d8;border-radius:8px;width:100%;padding:.5rem .65rem;font-size:1rem}.stone-count-stepper{grid-template-columns:5.5rem 2.5rem 2.5rem;align-items:center;gap:.4rem;width:fit-content;display:grid}.stone-count-stepper input{text-align:center;width:100%}.stone-count-stepper input[type=number]{appearance:textfield}.stone-count-stepper input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.stone-count-stepper input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.stone-count-stepper button{color:#0f2a4e;cursor:pointer;background:#f9fbfe;border:1px solid #b7c4d8;border-radius:8px;width:2.5rem;height:2.5rem;font-size:1.2rem;line-height:1}.stone-count-stepper button:hover:not(:disabled){background:#edf3fb}.stone-count-stepper button:disabled{cursor:not-allowed;color:#6a7e99;background:#eef3fa}.control-row input:disabled{color:#6a7e99;background:#eef3fa}.validation-error{color:#a11948;margin:0;font-size:.9rem}.controls-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.4rem;display:grid}.action-button{color:#0f2a4e;cursor:pointer;background:#f9fbfe;border:1px solid #b7c4d8;border-radius:8px;width:100%;padding:.55rem .7rem;font-size:.95rem}.action-button:hover{background:#edf3fb}.action-button:disabled{cursor:not-allowed;color:#6a7e99;background:#eef3fa;border-color:#c6d2e3}