:root{--brand:#6c3fb5;--brand-dark:#3d2566;--accent:#e8a33d;--light:#f8f5fd;--line:#e5dcf4;--text:#262626;--muted:#6b6b6b}*{box-sizing:border-box}body{margin:0;font-family:Montserrat,system-ui,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.5}.wrap{max-width:1040px;margin:0 auto;padding:0 20px 60px}.nav{padding:16px 0;border-bottom:1px solid var(--line)}.logo{font-weight:800;font-size:22px;color:var(--brand);letter-spacing:.5px}.hero{text-align:center;padding:40px 10px 6px}.hero h1{font-family:Playfair Display,Georgia,serif;font-size:36px;margin:0 0 10px;color:var(--brand-dark)}.hero h1 span{color:var(--brand)}.hero p{font-size:17px;color:var(--muted);max-width:620px;margin:0 auto}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 30px rgba(108,63,181,.06);margin:24px auto}.step{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--brand);margin:0 0 14px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:16px}.seg.small{margin:0}.seg button{border:none;background:#fff;padding:10px 16px;font:inherit;font-size:14px;color:var(--muted);cursor:pointer}.seg button.on{background:var(--brand);color:#fff;font-weight:700}.drop{display:flex;align-items:center;justify-content:center;text-align:center;min-height:150px;border:2px dashed var(--brand);border-radius:14px;background:var(--light);padding:20px;cursor:pointer;color:var(--muted)}.drop .thumb{max-height:240px;border-radius:10px}.styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));grid-gap:9px;gap:9px}.style{border:2px solid var(--line);border-radius:10px;padding:8px 10px;text-align:left;background:#fff;cursor:pointer}.style.on{border-color:var(--brand);background:var(--light);box-shadow:0 0 0 3px rgba(108,63,181,.12)}.style b{display:block;color:var(--brand-dark);font-size:14px}.style small{color:var(--muted);font-size:11.5px;line-height:1.25;display:block;margin-top:2px}.center{text-align:center;margin-top:20px}.btn{border:none;border-radius:999px;padding:13px 24px;font:inherit;font-weight:700;font-size:15px;cursor:pointer}.btn.primary{background:var(--brand);color:#fff}.btn.primary:disabled{background:#c9bce4;cursor:not-allowed}.btn.ghost{background:#fff;color:var(--brand);border:2px solid var(--brand)}.row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}.compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.compare h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.compare canvas,.compare img{width:100%;border-radius:12px;border:1px solid var(--line)}.caption{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--light)}.caption>label{display:block;font-size:13px;font-weight:700;color:var(--brand-dark);margin-bottom:8px}.caption input[type=text]{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:15px}.opts{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:12px}.opts select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}.swatches{display:flex;gap:8px;align-items:center}.sw{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);cursor:pointer}.sw.on{box-shadow:0 0 0 3px rgba(108,63,181,.35)}.note{font-size:13px;color:var(--muted)}.err,.note{text-align:center;margin-top:12px}.err{color:#b3261e}.protected{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.capdraggable{cursor:move;touch-action:none}.caprow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}.caphint{font-size:12.5px;color:var(--muted)}.caprot{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--brand-dark)}.caprot input[type=range]{accent-color:var(--brand)}.capshadow{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--brand-dark);cursor:pointer}.capshadow input{accent-color:var(--brand)}.buy{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:22px}.buycol{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:10px}.buycol h4{margin:0;color:var(--brand-dark);font-size:16px}.bdesc{margin:0;font-size:13px}.bdesc,.waiver{color:var(--muted)}.waiver{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.35;text-align:left;cursor:pointer}.waiver input{margin-top:2px;accent-color:var(--brand);flex:0 0 auto}.ptype{margin:0}.sizes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.sizebtn{border:2px solid var(--line);border-radius:10px;padding:8px 6px;background:#fff;cursor:pointer;text-align:center;display:flex;flex-direction:column;gap:2px}.sizebtn.on{border-color:var(--brand);background:var(--light);box-shadow:0 0 0 3px rgba(108,63,181,.12)}.sizebtn b{color:var(--brand-dark);font-size:13px}.sizebtn span{color:var(--muted);font-size:12px}.btn.wide{width:100%;margin-top:auto}.btn.ghost.capreset{padding:8px 14px;font-size:13px}.creating{display:flex;flex-direction:column;align-items:center;gap:8px;margin:14px auto 4px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--light);max-width:420px}.brush{overflow:visible}.brush .brushg{transform-origin:70px 48px;animation:paintMove 1.6s ease-in-out infinite}@keyframes paintMove{0%,to{transform:translateX(-44px) rotate(-10deg)}50%{transform:translateX(44px) rotate(10deg)}}.brush .stroke{stroke-dasharray:150;stroke-dashoffset:150;animation:paintDraw 1.6s ease-in-out infinite}@keyframes paintDraw{0%{stroke-dashoffset:150}48%{stroke-dashoffset:0}52%{stroke-dashoffset:0}to{stroke-dashoffset:-150}}.cbar{width:240px;max-width:80%;height:6px;background:var(--line);overflow:hidden}.cbar,.cbar span{border-radius:999px}.cbar span{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--accent),var(--brand));animation:barSlide 1.3s ease-in-out infinite}@keyframes barSlide{0%{transform:translateX(-110%)}to{transform:translateX(360%)}}.cmsg{margin:2px 0 0;font-weight:700;color:var(--brand-dark);font-size:15px}.csub{margin:0;font-size:12.5px;color:var(--muted)}@media(prefers-reduced-motion:reduce){.brush .brushg,.brush .stroke,.cbar span{animation:none}}@media(max-width:560px){.hero h1{font-size:28px}.buy,.compare{grid-template-columns:1fr}}