body{background-color:#f9fafb;margin:0}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#eaeaea;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:fixed;overflow:hidden}.app-wrapper{width:100vw;height:100dvh;position:relative;overflow:hidden}.canvas-container{z-index:1;cursor:grab;touch-action:none;width:100%;height:60dvh;position:absolute;top:0;left:0}.canvas-container:active{cursor:grabbing}@media (width>=768px){.canvas-container{height:100%}}.app-wrapper.ar-mode .canvas-container{height:100dvh}.nav-pill{z-index:10;-webkit-backdrop-filter:blur(25px);white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;background:#ffffff8c;border:1px solid #fffc;border-radius:50px;gap:4px;max-width:95%;padding:5px;display:flex;position:absolute;top:16px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 8px 32px #00000014}.nav-pill::-webkit-scrollbar{display:none}.nav-btn{color:#555;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:40px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s}.nav-btn:hover{color:#000;background:#0000000d}.nav-btn.active{color:#fff;background:#000;box-shadow:0 4px 12px #0003}.product-card{z-index:10;-webkit-backdrop-filter:blur(40px);-ms-overflow-style:none;scrollbar-width:none;background:#ffffffb3;border-top:1px solid #ffffffe6;border-radius:32px 32px 0 0;flex-direction:column;width:100vw;max-width:100vw;max-height:42vh;padding:32px 24px 24px;display:flex;position:absolute;bottom:0;left:0;overflow:hidden auto;box-shadow:0 -15px 50px #0000001a}.product-card::-webkit-scrollbar{display:none}.product-card:before{content:"";background:#00000026;border-radius:10px;width:40px;height:4px;position:absolute;top:12px;left:50%;transform:translate(-50%)}@media (width>=768px){.product-card{border:1px solid #ffffffb3;border-radius:28px;width:420px;max-width:420px;max-height:85vh;padding:32px 36px;inset:50% 40px auto auto;transform:translateY(-50%)}.product-card:before{display:none}}.header-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.subtitle{color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:10px;font-weight:700}.title{color:#111;letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:800;line-height:1.1}.description{color:#555;margin-bottom:16px;font-size:13px;line-height:1.4}.price{color:#000;margin-bottom:16px;font-size:24px;font-weight:300}@media (width>=768px){.subtitle{letter-spacing:2px;margin-bottom:8px;font-size:11px}.title{margin-bottom:16px;font-size:32px}.description{margin-bottom:24px;font-size:14px}.price{margin-bottom:24px;font-size:32px}}.color-picker-wrapper{border:none;margin-bottom:16px;padding:0}.color-title{color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:10px;font-weight:700}.color-dots{-ms-overflow-style:none;scrollbar-width:none;align-items:center;gap:12px;width:100%;max-width:100%;padding-bottom:8px;display:flex;overflow-x:auto}.color-dots::-webkit-scrollbar{display:none}.color-dot{cursor:pointer;border-radius:50%;flex-shrink:0;width:32px;height:32px;transition:transform .2s;box-shadow:0 2px 6px #00000026}.color-dot:hover{transform:scale(1.1)}.color-dot.active{transform:scale(1.15);box-shadow:0 4px 12px #0003}.design-pills{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;gap:8px;width:100%;max-width:100%;padding-bottom:8px;display:flex;overflow-x:auto}.design-pills::-webkit-scrollbar{display:none}@media (width>=768px){.design-pills{flex-wrap:wrap;padding-bottom:0;overflow-x:visible}}.share-btn{cursor:pointer;color:#333;background:#0000000d;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.checkout-btn{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#000;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:16px;font-size:13px;font-weight:700;transition:background .2s,transform .1s;display:flex}.loader-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#eaeaeaf2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loader-bar-bg{background:#0000001a;border-radius:3px;width:200px;height:3px;margin-bottom:16px;overflow:hidden}.loader-bar-fill{background:linear-gradient(90deg,#000,#444);height:100%;transition:width .2s ease-out}.loader-text{text-transform:uppercase;letter-spacing:2px;color:#333;font-size:11px;font-weight:700}.crash-overlay{text-align:center;background:#fff;border:1px solid #f44;border-radius:12px;padding:24px;box-shadow:0 10px 30px #0003}.crash-overlay p{color:#333;margin-bottom:16px;font-weight:600}.crash-overlay button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;padding:10px 20px;font-weight:700}.toast{color:#fff;z-index:100;opacity:0;pointer-events:none;background:#111;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%)translateY(20px)}.toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.toast.success{background:#10b981}.toast.error{background:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-card-content{animation:.4s ease-out fadeIn}