.vase-start-button{width:100%;margin:.5rem 0 1.5rem}.vase-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(.5rem,2vw,1.5rem);background:rgba(22,22,20,.72)}.vase-modal{position:relative;width:min(96rem,100%);max-height:calc(100dvh - 2rem);overflow:auto;background:#faf8f3;box-shadow:0 1.5rem 5rem rgba(0,0,0,.35)}.vase-modal-close{position:sticky;z-index:4;top:.75rem;float:right;margin:.75rem .75rem -3.25rem 0;padding:.65rem .9rem;border:1px solid #777168;background:#fff;font:inherit;cursor:pointer}.vase-designer{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);background:var(--cream,#f4f0e8);border-top:1px solid rgba(39,39,35,.16);border-bottom:1px solid rgba(39,39,35,.16)}.vase-preview{position:sticky;top:0;align-self:start;padding:clamp(1rem,3vw,3rem);text-align:center}.vase-preview>div{min-height:360px;touch-action:none}.vase-preview canvas{display:block;width:100%;border-radius:.25rem}.vase-zoom-controls{align-items:center;display:flex;gap:.75rem;justify-content:center;margin:.85rem auto 0;max-width:21rem}.vase-zoom-controls button{align-items:center;background:#fff;border:1px solid rgba(39,39,35,.35);border-radius:999px;color:#272723;cursor:pointer;display:inline-flex;flex:0 0 2.75rem;font-size:1.35rem;height:2.75rem;justify-content:center}.vase-zoom-controls input{accent-color:#68705c;min-width:0;width:100%}.vase-controls{padding:clamp(2rem,5vw,5rem);background:#faf8f3}.vase-controls h2{font-size:clamp(2.2rem,5vw,4.5rem);margin:.2em 0 .65em}.vase-controls fieldset{border:0;border-top:1px solid rgba(39,39,35,.18);padding:1.5rem 0;margin:1.25rem 0}.vase-controls legend{font-weight:700;padding:0 .75rem 0 0}.vase-controls label{display:grid;gap:.45rem;margin:.8rem 0;font-weight:600}.vase-controls .checkbox-label{display:flex;align-items:center}.vase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.vase-controls input,.vase-controls select,.vase-controls textarea{width:100%;min-height:3rem;padding:.7rem;border:1px solid #aaa49a;background:#fff}.vase-quote-form{display:grid;gap:.9rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--line,#d2cbc0)}.vase-quote-form h3,.vase-quote-form p{margin:0}.vase-controls input[type=checkbox]{width:auto;min-height:auto}.vase-controls input[type=range]{padding:0}.vase-controls .button{width:100%}.vase-fixed-material{display:grid;gap:.35rem;padding:1rem 0 1.4rem;border-bottom:1px solid rgba(39,39,35,.18)}.vase-fixed-material span{font-size:1.05rem}@media (max-width:900px){.vase-designer{grid-template-columns:1fr}.vase-preview{position:sticky;z-index:3;top:0}.vase-grid{grid-template-columns:1fr}.vase-controls{padding:2rem 1rem}.vase-modal-backdrop{padding:0}.vase-modal{width:100%;height:100dvh;max-height:none;overscroll-behavior:contain}.vase-modal-close{position:fixed;top:max(.5rem,env(safe-area-inset-top));right:.5rem;float:none;min-height:2.75rem;margin:0;border-radius:999px;box-shadow:0 .4rem 1rem rgba(0,0,0,.14)}.vase-designer{width:100%}.vase-preview{display:grid;grid-template-rows:minmax(0,1fr) auto auto;height:min(42dvh,23rem);min-height:18rem;padding:.75rem 1rem .85rem;border-bottom:1px solid rgba(39,39,35,.16);background:linear-gradient(#f1ece4,#e8e1d6);box-shadow:0 .75rem 2rem rgba(39,39,35,.12)}.vase-preview>div{min-height:0;overflow:hidden}.vase-preview canvas{height:100%!important;object-fit:contain}.vase-zoom-controls{width:min(100%,20rem);margin-top:.35rem}.vase-zoom-controls button{flex-basis:3rem;width:3rem;height:3rem}.vase-preview .form-help{margin:.55rem 0 0;font-size:.78rem}.vase-controls h2{font-size:clamp(2rem,10vw,3rem)}.vase-controls input,.vase-controls select,.vase-controls textarea{min-height:3.25rem}}@media (max-width:420px){.vase-preview{height:40dvh;min-height:17rem}.vase-controls{padding:1.5rem .875rem calc(2rem + env(safe-area-inset-bottom))}}