:root{--bg-primary: #07070a;--bg-secondary: #0d0d14;--bg-card: #12121c;--bg-card-hover: #1a1a28;--bg-glass: rgba(18, 18, 28, .75);--bg-glass-light: rgba(255, 255, 255, .03);--bg-overlay: rgba(0, 0, 0, .7);--accent: #d4a853;--accent-hover: #e6be6a;--accent-glow: rgba(212, 168, 83, .3);--accent-soft: rgba(212, 168, 83, .1);--text-primary: #f0ece4;--text-secondary: #9a9aaa;--text-muted: #5a5a6e;--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--success: #4ade80;--danger: #f43f5e;--discount: #f43f5e;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--container: 1280px;--gap: 24px;--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration: .3s;--duration-slow: .5s;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 64px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px var(--accent-glow)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:80px;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-secondary)}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gap)}.section{padding:100px 0}.section-label{display:inline-block;font-family:var(--font-display);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:12px;position:relative;padding-left:30px}.section-label:before{content:"";position:absolute;left:0;top:50%;width:20px;height:1px;background:var(--accent)}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:16px}.section-subtitle{color:var(--text-secondary);font-size:1.05rem;max-width:500px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:600;font-size:.95rem;transition:all var(--duration) var(--ease);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--duration) var(--ease)}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--accent),#c49340);color:var(--bg-primary);box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}.btn-outline{border:1px solid var(--border-hover);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn-full{width:100%}.btn-sm{padding:8px 18px;font-size:.85rem}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:all var(--duration) var(--ease);background:transparent}.header.scrolled{background:var(--bg-glass);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border);padding:10px 0}.header-inner{max-width:var(--container);margin:0 auto;padding:0 var(--gap);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.5rem;z-index:10}.logo-icon{color:var(--accent);font-size:1.2rem;animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{text-shadow:0 0 10px var(--accent-glow)}50%{text-shadow:0 0 25px var(--accent-glow),0 0 50px var(--accent-glow)}}.nav{display:flex;align-items:center;gap:8px}.nav-link{padding:8px 18px;border-radius:var(--radius-xs);font-weight:500;font-size:.9rem;color:var(--text-secondary);transition:all var(--duration) var(--ease);position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active:after{content:"";position:absolute;bottom:2px;left:18px;right:18px;height:2px;background:var(--accent);border-radius:1px}.header-actions{display:flex;align-items:center;gap:12px}.cart-btn{position:relative;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-glass-light);border:1px solid var(--border);transition:all var(--duration) var(--ease);font-size:1rem;color:var(--text-secondary)}.cart-btn:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.05)}.cart-count{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:var(--accent);color:var(--bg-primary);border-radius:50%;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:transform var(--duration) var(--ease-bounce)}.cart-count.bump{animation:cart-bump .4s var(--ease-bounce)}@keyframes cart-bump{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.auth-btn{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-sm);background:var(--bg-glass-light);border:1px solid var(--border);font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:all var(--duration) var(--ease)}.auth-btn>*{position:relative;z-index:1}.auth-btn:not(.is-authenticated){gap:12px;padding:7px 20px 7px 12px;color:#fff;border-color:#ffc47a73;background:radial-gradient(circle at top left,rgba(255,255,255,.18),transparent 34%),linear-gradient(135deg,#ffb347,#fb923c 45%,#ea580c);background-size:160% 160%;box-shadow:0 16px 36px #ea580c3d,inset 0 1px #ffffff38;animation:authCtaGradient 6s ease-in-out infinite}.auth-btn:not(.is-authenticated):before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.34) 50%,transparent 65%);transform:translate(-120%) skew(-18deg);transition:transform .9s cubic-bezier(.22,1,.36,1);z-index:0}.auth-btn:not(.is-authenticated):hover:before{transform:translate(140%) skew(-18deg)}.auth-menu-wrap{position:relative}.auth-avatar{position:relative;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:transparent;flex-shrink:0}.auth-avatar [hidden]{display:none!important}.auth-icon,.auth-avatar-fallback,.auth-avatar-image{position:absolute;top:0;right:0;bottom:0;left:0}.auth-icon,.auth-avatar-fallback{display:inline-flex;align-items:center;justify-content:center}.auth-icon{font-size:1rem}.auth-btn:not(.is-authenticated) .auth-avatar{background:#ffffff2e;box-shadow:inset 0 1px #ffffff38}.auth-btn:not(.is-authenticated) .auth-icon{color:#fff;font-size:1.05rem}.auth-avatar-fallback{background:linear-gradient(135deg,#fb923c,#f59e0b);color:#fff;font-size:1.2rem;font-weight:700}.auth-avatar-image{width:100%;height:100%;object-fit:cover;object-position:center}.auth-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.auth-btn:not(.is-authenticated) .auth-text{font-size:1rem;font-weight:700;letter-spacing:.01em;color:#fff}.auth-email{font-size:.72rem;color:#fff9}.auth-btn.is-authenticated{gap:10px;padding-right:14px;min-width:240px}.auth-btn.is-authenticated .auth-avatar{background:#ffffff0f}.auth-btn:hover{border-color:var(--accent);color:var(--accent)}.auth-btn:not(.is-authenticated):hover{color:#fff;border-color:#ffddadcc;box-shadow:0 20px 46px #ea580c57,inset 0 1px #ffffff47;transform:translateY(-2px)}.auth-btn:not(.is-authenticated):active{transform:translateY(0)}.auth-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:280px;padding:10px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#0f0c18f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 22px 60px #00000052;z-index:120}.auth-dropdown-card{display:flex;align-items:center;gap:12px;padding:10px 10px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.auth-dropdown-avatar{width:44px;height:44px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fb923c,#f59e0b);color:#fff;font-size:1.25rem;font-weight:700}.auth-dropdown-copy{display:flex;flex-direction:column;min-width:0}.auth-dropdown-name,.auth-dropdown-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-dropdown-name{color:var(--text-primary)}.auth-dropdown-email{font-size:.84rem;color:#fff9}.auth-dropdown-actions{padding-top:10px;display:grid;gap:6px}.auth-dropdown-btn{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--text-secondary);transition:all var(--duration) var(--ease)}.auth-dropdown-btn:hover{color:var(--text-primary);border-color:#ffffff14;background:#ffffff0a}.auth-dropdown-btn-danger{color:#fca5a5}.auth-dropdown-btn-danger:hover{color:#fff;border-color:#ef444459;background:#ef444429}@keyframes authCtaGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:8px;z-index:10}.mobile-menu-btn span{width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--duration) var(--ease)}.mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--duration-slow) var(--ease)}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav-content{display:flex;flex-direction:column;align-items:center;gap:24px}.mobile-nav-link{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--text-secondary);transition:color var(--duration) var(--ease)}.mobile-nav-link:hover{color:var(--accent)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:120px var(--gap) 80px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(212,168,83,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(100,60,200,.05) 0%,transparent 50%);animation:hero-shift 20s ease-in-out infinite alternate}@keyframes hero-shift{0%{transform:translate(0) rotate(0)}to{transform:translate(-5%,-5%) rotate(3deg)}}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:50px;background:var(--accent-soft);border:1px solid rgba(212,168,83,.2);font-size:.8rem;font-weight:600;color:var(--accent);letter-spacing:1px;text-transform:uppercase;margin-bottom:32px;animation:fade-in-up .8s var(--ease) both}.hero-title{font-family:var(--font-display);font-size:clamp(2.8rem,7vw,5.5rem);font-weight:800;line-height:1.05;margin-bottom:24px;animation:fade-in-up .8s var(--ease) .1s both}.hero-title .highlight{background:linear-gradient(135deg,var(--accent),#f0d080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-secondary);max-width:550px;margin:0 auto 40px;line-height:1.7;animation:fade-in-up .8s var(--ease) .2s both}.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;animation:fade-in-up .8s var(--ease) .3s both}.hero-stats{display:flex;align-items:center;justify-content:center;gap:48px;margin-top:80px;animation:fade-in-up .8s var(--ease) .4s both}.hero-stat{text-align:center}.hero-stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--accent)}.hero-stat-label{font-size:.85rem;color:var(--text-muted);margin-top:4px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;opacity:.2;animation:float-particle linear infinite}@keyframes float-particle{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(720deg);opacity:0}}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.category-card{position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer;aspect-ratio:3/4;transition:transform var(--duration) var(--ease)}.category-card:hover{transform:translateY(-8px)}.category-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease)}.category-card:hover .category-card-img{transform:scale(1.08)}.category-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(7,7,10,.9) 0%,rgba(7,7,10,.2) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:28px;transition:background var(--duration) var(--ease)}.category-card:hover .category-card-overlay{background:linear-gradient(to top,rgba(7,7,10,.95) 0%,rgba(7,7,10,.3) 50%,transparent 100%)}.category-card-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid rgba(212,168,83,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--accent);margin-bottom:16px;transition:all var(--duration) var(--ease)}.category-card:hover .category-card-icon{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.category-card-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:6px}.category-card-count{font-size:.85rem;color:var(--text-muted)}.category-card-arrow{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-secondary);transform:translate(-10px,10px);opacity:0;transition:all var(--duration) var(--ease)}.category-card:hover .category-card-arrow{opacity:1;transform:translate(0)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap)}.product-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:all var(--duration) var(--ease);cursor:pointer;position:relative}.product-card:hover{transform:translateY(-6px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.product-card-image{position:relative;aspect-ratio:1;overflow:hidden;background:var(--bg-secondary)}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease)}.product-card:hover .product-card-image img{transform:scale(1.06)}.product-badge{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:700;z-index:2}.product-badge.sale{background:var(--discount);color:#fff}.product-badge.new{background:var(--accent);color:var(--bg-primary)}.product-card-actions{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:8px;transform:translateY(20px);opacity:0;transition:all var(--duration) var(--ease)}.product-card:hover .product-card-actions{transform:translateY(0);opacity:1}.product-action-btn{flex:1;padding:10px;border-radius:var(--radius-xs);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--text-primary);font-size:.8rem;font-weight:600;transition:all var(--duration) var(--ease)}.product-action-btn:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.product-card-info{padding:20px}.product-card-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:8px}.product-card-name{font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin-bottom:12px;line-height:1.3}.product-card-price{display:flex;align-items:center;gap:10px}.price-current{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--accent)}.price-original{font-size:.9rem;color:var(--text-muted);text-decoration:line-through}.price-discount{font-size:.75rem;font-weight:700;color:var(--discount);background:#f43f5e1a;padding:2px 8px;border-radius:4px}.scroll-section{position:relative}.scroll-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}.scroll-controls{display:flex;gap:8px}.scroll-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-secondary);transition:all var(--duration) var(--ease)}.scroll-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.products-scroll{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:8px}.products-scroll::-webkit-scrollbar{display:none}.products-scroll .product-card{min-width:300px;scroll-snap-align:start;flex-shrink:0}.custom-banner{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:60px;display:flex;align-items:center;gap:60px;position:relative;overflow:hidden}.custom-banner:before{content:"";position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,var(--accent-glow),transparent 70%);opacity:.3}.custom-banner-content{flex:1;position:relative;z-index:1}.custom-banner-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;margin-bottom:16px;line-height:1.2}.custom-banner-desc{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:28px;max-width:450px}.custom-banner-features{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.custom-feature{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.custom-feature i{color:var(--accent)}.custom-banner-image{width:300px;height:300px;border-radius:var(--radius);overflow:hidden;position:relative;z-index:1;flex-shrink:0}.custom-banner-image img{width:100%;height:100%;object-fit:cover}.catalog-hero{padding:140px 0 60px;text-align:center}.catalog-filters{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px;flex-wrap:wrap}.filter-btn{padding:10px 24px;border-radius:50px;font-size:.85rem;font-weight:600;color:var(--text-secondary);border:1px solid var(--border);transition:all var(--duration) var(--ease)}.filter-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.filter-btn.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.catalog-grid{padding-bottom:100px}.catalog-sort{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding:0 4px}.catalog-count{font-size:.9rem;color:var(--text-muted)}.sort-select{padding:8px 16px;border-radius:var(--radius-xs);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-size:.85rem;outline:none;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--gap);opacity:0;visibility:hidden;transition:all var(--duration) var(--ease)}.modal-overlay.open{opacity:1;visibility:visible}#auth-modal{overflow-y:auto}.modal-content{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;transform:scale(.9) translateY(20px);transition:transform var(--duration) var(--ease);position:relative}.modal-overlay.open .modal-content{transform:scale(1) translateY(0)}.modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:var(--bg-glass);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;z-index:10;font-size:1rem;color:var(--text-secondary);transition:all var(--duration) var(--ease)}.modal-close:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:0}.modal-gallery{padding:32px;border-right:1px solid var(--border)}.modal-main-image{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-secondary);margin-bottom:16px}.modal-main-image img{width:100%;height:100%;object-fit:cover}.modal-thumbnails{display:flex;gap:10px}.modal-thumb{width:64px;height:64px;border-radius:var(--radius-xs);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color var(--duration) var(--ease);background:var(--bg-secondary)}.modal-thumb.active,.modal-thumb:hover{border-color:var(--accent)}.modal-thumb img{width:100%;height:100%;object-fit:cover}.modal-details{padding:40px 32px;display:flex;flex-direction:column}.modal-category{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:12px}.modal-name{font-family:var(--font-display);font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:16px}.modal-price{display:flex;align-items:center;gap:12px;margin-bottom:24px}.modal-price .price-current{font-size:1.5rem}.modal-desc{color:var(--text-secondary);line-height:1.8;margin-bottom:28px;flex:1}.modal-features{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.modal-feature{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-secondary)}.modal-feature i{color:var(--accent);font-size:.8rem}.modal-add-cart{margin-top:auto}.auth-modal-content{position:relative;width:min(980px,100%);max-height:min(88vh,720px);overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at top left,rgba(255,179,71,.24),transparent 36%),radial-gradient(circle at bottom right,rgba(56,189,248,.2),transparent 34%),linear-gradient(140deg,#0a0a12fa,#0d0d14f0);box-shadow:0 40px 120px #00000073;transform:translateY(24px) scale(.96);transition:transform var(--duration-slow) var(--ease),box-shadow var(--duration) var(--ease)}.modal-overlay.open .auth-modal-content{transform:translateY(0) scale(1)}.auth-modal-shell{display:grid;grid-template-columns:minmax(280px,.84fr) minmax(360px,1fr);min-height:620px}.auth-showcase,.auth-panel{position:relative;min-width:0}.auth-showcase{overflow:hidden;padding:34px 30px;display:flex;flex-direction:column;justify-content:center;gap:16px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 32%),linear-gradient(160deg,#f9731638,#ec489929 40%,#38bdf82e)}.auth-showcase:before,.auth-showcase:after{content:"";position:absolute;border-radius:50%;filter:blur(12px);pointer-events:none}.auth-showcase:before{width:240px;height:240px;top:-70px;right:-60px;background:radial-gradient(circle,#ffd7808c,#ff800000);animation:authOrbFloat 10s ease-in-out infinite}.auth-showcase:after{width:280px;height:280px;bottom:-120px;left:-80px;background:radial-gradient(circle,#38bdf857,#38bdf800);animation:authOrbFloat 12s ease-in-out infinite reverse}.auth-showcase-ring{position:absolute;inset:auto auto 42px 72%;width:170px;height:170px;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 18px #ffffff08,0 0 0 42px #ffffff05;opacity:.8;transform:translate(-50%)}.auth-showcase-copy,.auth-showcase-pills,.auth-showcase-card{position:relative;z-index:1}.auth-showcase-copy{display:grid;gap:10px}.auth-showcase-title{max-width:300px;font-family:var(--font-display);font-size:clamp(1.8rem,2.8vw,2.5rem);line-height:1;letter-spacing:-.04em}.auth-showcase-text{max-width:320px;color:#ffffffc7;font-size:.9rem;line-height:1.65}.auth-showcase-pills{display:flex;flex-wrap:wrap;gap:10px}.auth-showcase-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#06081238;color:#ffffffe6;font-size:.78rem;font-weight:600;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-showcase-pill i{color:#ffd580}.auth-showcase-card{display:grid;gap:12px;padding:16px;border-radius:22px;background:#0a0b1647;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-showcase-card-grid{display:grid;gap:12px}.auth-showcase-card-item{display:grid;gap:6px}.auth-showcase-card-item strong{font-family:var(--font-display);font-size:1rem}.auth-showcase-card-item span{color:#ffffffbd;font-size:.84rem;line-height:1.55}.auth-live-pill{width:fit-content;display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#ffffff1a;color:#fff;font-size:.8rem;font-weight:600}.auth-live-ping{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e73;animation:authPing 1.9s ease-out infinite}.auth-panel{overflow-y:auto;padding:28px 28px 24px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 22%),#07070ac7}.auth-panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.auth-brand{display:flex;align-items:center;gap:14px}.auth-brand-mark{width:44px;height:44px;flex-shrink:0;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffb34733,#f973162e);color:#ffe3ae;font-size:1.2rem;box-shadow:0 12px 28px #f973162e,inset 0 1px #ffffff2e}.auth-brand strong,.auth-brand span{display:block}.auth-brand strong{font-family:var(--font-display);font-size:1rem}.auth-brand span{color:var(--text-secondary);font-size:.82rem}.auth-mode-switch{display:inline-flex;align-items:center;gap:6px;padding:5px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.auth-mode-btn{min-width:96px;padding:10px 16px;border-radius:999px;color:var(--text-secondary);font-weight:600;transition:all var(--duration) var(--ease)}.auth-mode-btn:hover{color:var(--text-primary)}.auth-mode-btn.active{background:linear-gradient(135deg,#ffb34738,#ec489933);color:#fff;box-shadow:0 10px 24px #f9731626,inset 0 1px #ffffff2e}.auth-header{text-align:left;margin-bottom:10px}.auth-header h2{font-family:var(--font-display);font-size:clamp(1.55rem,2.5vw,2.1rem);font-weight:700;line-height:1.02;margin-bottom:6px}.auth-header p{color:var(--text-secondary);font-size:.9rem;line-height:1.55}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-input-grid{display:grid;gap:12px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group.is-hidden{display:none}.form-label{font-size:.78rem;font-weight:600;color:#fffc}.form-input-wrap{position:relative}.form-input-wrap>i{position:absolute;top:50%;left:16px;transform:translateY(-50%);color:#fff6;transition:color var(--duration) var(--ease)}.form-input-wrap input{width:100%;padding:14px 16px 14px 46px;border-radius:16px;background:#050810c2;border:1px solid rgba(255,255,255,.08);color:var(--text-primary);outline:none;transition:all var(--duration) var(--ease)}.form-input-wrap input:-webkit-autofill,.form-input-wrap input:-webkit-autofill:hover,.form-input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px #050810f2 inset;transition:background-color 9999s ease-in-out 0s}.form-input-wrap.has-action input{padding-right:52px}.form-input-wrap input:focus{border-color:#ffbe5cc7;box-shadow:0 0 0 4px #ffb3471f,0 18px 36px #0003}.form-input-wrap:focus-within>i{color:#fbbf24}.form-input-wrap input::placeholder{color:var(--text-muted)}.password-toggle{position:absolute;top:50%;right:9px;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%);color:var(--text-secondary);transition:all var(--duration) var(--ease)}.password-toggle:hover{background:#ffffff0f;color:var(--text-primary)}.auth-form-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-4px;flex-wrap:wrap}.auth-form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.auth-password-hint{color:var(--text-secondary);font-size:.82rem}#auth-signup-code{letter-spacing:.22em;text-align:center;font-weight:700}.auth-text-btn{padding:4px 0;color:#fbbf24;font-size:.84rem;font-weight:600}.auth-text-btn:hover{color:#ffd580}.auth-submit{min-height:52px;margin-top:2px;border-radius:16px;font-size:.96rem;background:radial-gradient(circle at top left,rgba(255,255,255,.18),transparent 32%),linear-gradient(135deg,#ffb347,#fb923c 42%,#ec4899);box-shadow:0 20px 38px #f9731638}.auth-submit:hover{box-shadow:0 24px 46px #f9731647}.auth-submit:disabled,.social-btn:disabled{opacity:.72;cursor:wait;transform:none}.auth-legal-copy{margin:10px 0 0;color:var(--text-muted);font-size:.78rem;line-height:1.6}.auth-divider{display:flex;align-items:center;gap:16px;margin:2px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.auth-divider span{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.18em}.auth-provider-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:4px}.social-btn{position:relative;width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-primary);text-align:left;transition:all var(--duration) var(--ease)}.social-btn:hover{transform:translateY(-2px);border-color:#ffffff29;background:#ffffff0f}.social-btn-icon{width:40px;height:40px;flex-shrink:0;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.social-btn-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.social-btn-copy strong,.social-btn-copy small{display:block}.social-btn-copy strong{font-family:var(--font-display);font-size:.94rem}.social-btn-copy small{color:var(--text-secondary);font-size:.76rem}.google-btn .social-btn-icon{color:#ea4335;background:#ffffffeb}.google-btn:hover{box-shadow:0 18px 34px #ffffff0f}.facebook-btn .social-btn-icon{color:#8ec5ff;background:#1877f229}.facebook-btn.is-soon{border-color:#1877f233}.social-btn-badge{position:absolute;top:10px;right:10px;padding:6px 10px;border-radius:999px;background:#1877f224;color:#9cc8ff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.auth-toggle{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:.88rem;color:var(--text-secondary)}.auth-toggle a{color:#fbbf24;font-weight:700}.auth-toggle a:hover{color:#ffe2a3}@keyframes authOrbFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(12px,22px,0) scale(1.08)}}@keyframes authPing{0%{box-shadow:0 0 #22c55e6b}70%{box-shadow:0 0 0 12px #22c55e00}to{box-shadow:0 0 #22c55e00}}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:1500;opacity:0;visibility:hidden;transition:all var(--duration) var(--ease)}.cart-overlay.open{opacity:1;visibility:visible}.cart-sidebar{position:fixed;top:0;right:0;width:400px;max-width:90vw;height:100vh;background:var(--bg-card);border-left:1px solid var(--border);z-index:1501;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration) var(--ease)}.cart-sidebar.open{transform:translate(0)}.cart-header{padding:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.cart-header h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.cart-close{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--duration) var(--ease)}.cart-close:hover{background:var(--danger);color:#fff}.cart-items{flex:1;overflow-y:auto;padding:16px 24px}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center}.cart-empty i{font-size:3rem;margin-bottom:16px;opacity:.3}.cart-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.cart-item-image{width:72px;height:72px;border-radius:var(--radius-xs);overflow:hidden;background:var(--bg-secondary);flex-shrink:0}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-info{flex:1;display:flex;flex-direction:column;justify-content:center}.cart-item-name{font-weight:600;font-size:.9rem;margin-bottom:4px}.cart-item-price{color:var(--accent);font-family:var(--font-display);font-weight:700}.cart-item-qty{display:flex;align-items:center;gap:8px;margin-top:8px}.qty-btn{width:28px;height:28px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-secondary);transition:all var(--duration) var(--ease)}.qty-btn:hover{border-color:var(--accent);color:var(--accent)}.cart-item-remove{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);align-self:center;transition:all var(--duration) var(--ease)}.cart-item-remove:hover{color:var(--danger)}.cart-footer{padding:24px;border-top:1px solid var(--border)}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-family:var(--font-display);font-size:1.1rem;font-weight:700}.contact-hero{padding:140px 0 60px;text-align:center}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-bottom:100px}.contact-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:40px}.contact-form-card h3{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:8px}.contact-form-card>p{color:var(--text-secondary);font-size:.9rem;margin-bottom:28px}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form input,.contact-form textarea{width:100%;padding:14px 18px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);outline:none;transition:border-color var(--duration) var(--ease);resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-info-card{display:flex;flex-direction:column;gap:24px}.contact-info-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;display:flex;align-items:flex-start;gap:16px;transition:all var(--duration) var(--ease)}.contact-info-item:hover{border-color:var(--accent);transform:translateY(-2px)}.contact-info-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid rgba(212,168,83,.2);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.contact-info-text h4{font-family:var(--font-display);font-weight:600;margin-bottom:4px}.contact-info-text p{color:var(--text-secondary);font-size:.9rem}.contact-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-social-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px;display:flex;align-items:center;gap:12px;transition:all var(--duration) var(--ease)}.contact-social-item:hover{border-color:var(--accent);transform:translateY(-2px)}.contact-social-item i{font-size:1.3rem;color:var(--accent)}.contact-social-item span{font-weight:600;font-size:.9rem}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding-top:60px;position:relative;z-index:10}.footer-inner{max-width:var(--container);margin:0 auto;padding:0 var(--gap);display:grid;grid-template-columns:1.5fr 2fr;gap:60px;padding-bottom:60px}.footer-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.3rem;margin-bottom:16px}.footer-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:24px;max-width:320px}.footer-social{display:flex;gap:10px}.social-link{width:40px;height:40px;border-radius:50%;background:var(--bg-glass-light);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--duration) var(--ease)}.social-link:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);transform:translateY(-3px)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-col h4{font-family:var(--font-display);font-weight:600;margin-bottom:20px;font-size:.95rem}.footer-col a{display:block;color:var(--text-secondary);font-size:.88rem;padding:6px 0;transition:color var(--duration) var(--ease)}.footer-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);padding:24px var(--gap);text-align:center;max-width:var(--container);margin:0 auto}.footer-bottom p{color:var(--text-muted);font-size:.8rem}.scroll-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:900;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--duration) var(--ease);box-shadow:var(--shadow-glow)}.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{transform:translateY(-4px)}.reveal{opacity:0;transform:translateY(40px);transition:all .7s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:all .7s var(--ease)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:all .7s var(--ease)}.reveal-right.visible{opacity:1;transform:translate(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}@media(max-width:1024px){.categories-grid{grid-template-columns:repeat(2,1fr)}.modal-body{grid-template-columns:1fr}.modal-gallery{border-right:none;border-bottom:1px solid var(--border)}.custom-banner{flex-direction:column;padding:40px}.custom-banner-image{width:100%;height:200px}.contact-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:40px}.auth-showcase{padding:28px 24px}.auth-showcase-ring{inset:auto auto 18px 78%;width:140px;height:140px}.auth-panel{padding:24px 24px 20px}}@media(max-width:768px){:root{--gap: 16px}#auth-modal{align-items:flex-start;padding:12px}.nav,.auth-btn .auth-text,.auth-btn .auth-email{display:none}.auth-btn.is-authenticated{min-width:auto}.auth-dropdown{width:min(280px,calc(100vw - 24px));right:-8px}.mobile-menu-btn{display:flex}.hero-title{font-size:clamp(2.2rem,8vw,3.5rem)}.hero-stats{gap:24px;flex-wrap:wrap}.hero-stat-value{font-size:1.5rem}.categories-grid{grid-template-columns:1fr 1fr}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.products-scroll .product-card{min-width:260px}.section{padding:60px 0}.section-title{font-size:clamp(1.6rem,5vw,2.2rem)}.custom-banner{padding:28px;gap:28px}.custom-banner-image{height:180px}.footer-links{grid-template-columns:repeat(2,1fr);gap:24px}.contact-social-grid{grid-template-columns:1fr}.modal-content{max-height:95vh}.modal-details,.modal-gallery{padding:24px}.modal-name{font-size:1.4rem}.auth-modal-content{padding:0;width:min(100%,520px);max-height:none;border-radius:24px}.auth-modal-shell{grid-template-columns:1fr;min-height:auto}.auth-showcase,.auth-showcase-ring{display:none}.auth-provider-stack{grid-template-columns:1fr}.auth-panel{overflow-y:visible;padding:22px 20px 20px}.auth-panel-top{flex-direction:column;align-items:flex-start;gap:12px}.auth-mode-switch{width:100%}.auth-mode-btn{flex:1;min-width:0}.auth-form-meta{align-items:flex-start}}@media(max-width:480px){.categories-grid,.products-grid{grid-template-columns:1fr}.products-scroll .product-card{min-width:240px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.catalog-filters{gap:6px}.filter-btn{padding:8px 16px;font-size:.8rem}.auth-showcase{display:none}.social-btn{padding:11px}.social-btn-badge{display:none}.auth-panel{padding:20px 16px 18px}.auth-header h2{font-size:1.85rem}.auth-header p{font-size:.85rem}.auth-mode-btn{padding:9px 14px}.form-input-wrap input{padding-left:44px}}.toast{--toast-accent: var(--accent);position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:var(--bg-card);border:1px solid var(--toast-accent);border-radius:var(--radius-sm);padding:14px 24px;display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:500;z-index:3000;box-shadow:var(--shadow-glow);transition:transform var(--duration) var(--ease-bounce)}.toast.toast-error{--toast-accent: #ef4444}.toast.toast-info{--toast-accent: #38bdf8}.toast.show{transform:translate(-50%) translateY(0)}.toast i{color:var(--toast-accent)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-xs)}.custom-order-showcase{position:relative;border-radius:40px;overflow:hidden;margin:40px 0 80px;background:var(--bg-card);box-shadow:0 20px 40px #0006}.custom-bg-elements{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.glow-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:floatOrb 10s infinite alternate ease-in-out}.orb-1{top:-100px;left:-100px;width:400px;height:400px;background:var(--accent)}.orb-2{bottom:-150px;right:-50px;width:500px;height:500px;background:#ff5e62;animation-delay:-5s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(30px,50px) scale(1.1)}}.custom-order-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.2fr;gap:0}.custom-order-info{padding:60px;background:linear-gradient(135deg,#14141ecc,#0a0a0fe6);border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center}.custom-feature-list{display:flex;flex-direction:column;gap:32px}.custom-feature-item{display:flex;gap:20px;align-items:flex-start}.feature-icon{width:48px;height:48px;border-radius:50%;background:#d4a8531a;color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;border:1px solid rgba(212,168,83,.2)}.custom-feature-item h4{font-family:var(--font-display);font-size:1.1rem;margin-bottom:6px;color:var(--text-primary)}.custom-feature-item p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.custom-order-form-container{padding:60px;background:#0a0a0f66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-form{display:flex;flex-direction:column}.premium-label{display:block;margin-bottom:10px;font-weight:600;font-family:var(--font-display);color:var(--text-primary);letter-spacing:.5px;font-size:.95rem}.file-upload-wrapper{position:relative;border:2px dashed var(--border);border-radius:var(--radius);padding:40px 20px;text-align:center;transition:all var(--duration) var(--ease);background:#ffffff05;cursor:pointer;overflow:hidden}.file-upload-wrapper:hover,.file-upload-wrapper.dragover{border-color:var(--accent);background:#d4a8530d}.file-upload-wrapper.has-file{border-color:var(--accent);border-style:solid;background:#d4a85314}.upload-icon{font-size:2.5rem;color:var(--accent);margin-bottom:16px;transition:transform var(--duration) var(--ease)}.file-upload-wrapper:hover .upload-icon{transform:translateY(-5px)}.upload-title{margin-bottom:8px;color:var(--text-primary);font-weight:500}.upload-subtitle{font-size:.85rem;color:var(--text-muted)}#custom-file{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}#file-name-display{margin-top:14px;font-size:.95rem;color:var(--accent);display:none;align-items:center;gap:8px;font-weight:500;background:#d4a8531a;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid rgba(212,168,83,.2)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.premium-input{width:100%;padding:16px 20px;border-radius:var(--radius-sm);background:#14141e99;border:1px solid var(--border);color:var(--text-primary);outline:none;font-family:var(--font-body);font-size:1rem;transition:all var(--duration) var(--ease);box-shadow:inset 0 2px 4px #0000001a}.premium-input:focus,.premium-input:hover{border-color:var(--accent);background:#191923cc;box-shadow:0 0 0 3px #d4a8531a,inset 0 2px 4px #0000001a}.select-wrapper{position:relative}.select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:48px}.select-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--accent);pointer-events:none;font-size:.9rem}.premium-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:#ffffff0d;border-radius:4px;outline:none;position:absolute;z-index:2;margin:0;border:1px solid rgba(255,255,255,.05)}.premium-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--text-primary);border:3px solid var(--accent);cursor:pointer;box-shadow:0 0 10px #00000080;transition:transform .1s}.premium-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:8px;background:linear-gradient(90deg,#d4a853,#f0c97d);border-radius:4px;z-index:1;pointer-events:none;box-shadow:0 0 8px #d4a85366}.slider-value-text{font-size:1.05rem;font-family:var(--font-display);font-weight:700;color:var(--accent)}.number-input-wrapper{display:flex;align-items:center;background:#14141e99;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;height:56px;transition:border-color var(--duration) var(--ease)}.number-input-wrapper:focus-within,.number-input-wrapper:hover{border-color:var(--accent);box-shadow:0 0 0 3px #d4a8531a}.num-ctrl-btn{width:50px;height:100%;background:transparent;color:var(--text-secondary);border:none;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all var(--duration) var(--ease);cursor:pointer}.num-ctrl-btn:hover{color:var(--accent);background:#ffffff08}.number-input-wrapper input[type=number]{flex:1;height:100%;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-display);font-weight:700;font-size:1.1rem;padding:0;box-shadow:none;outline:none}.number-input-wrapper input[type=number]::-webkit-outer-spin-button,.number-input-wrapper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input-wrapper input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.text-center{text-align:center}.premium-submit-btn{font-size:1.15rem;padding:20px;display:flex;justify-content:center;align-items:center;gap:12px;box-shadow:0 10px 20px #d4a85333;margin-top:10px}.premium-submit-btn:hover{box-shadow:0 15px 30px #d4a85366}@media(max-width:1024px){.custom-order-layout,.custom-multi-layout{grid-template-columns:1fr!important}.custom-order-info{padding:40px;border-right:none;border-bottom:1px solid var(--border)}.custom-order-form-container{padding:40px}.custom-editor-main{grid-template-rows:300px auto!important}}@media(max-width:768px){.form-grid-2{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.custom-order-form-container,.custom-order-info,.custom-settings-panel{padding:24px!important}}.custom-orders-container{position:relative;overflow:hidden}.custom-orders-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg,#0a0a14,#1a1a3e,#2d1b4e 30%,#1e3a5f,#0f2844 70%,#1a1a2e,#0a0a14);animation:gradientShift 20s ease infinite;background-size:400% 400%}@keyframes gradientShift{0%{background-position:0% 50%}25%{background-position:50% 100%}50%{background-position:100% 50%}75%{background-position:50% 0%}to{background-position:0% 50%}}.custom-bg-orbs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.glow-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(212,168,83,.8),rgba(212,168,83,.2),transparent);top:-200px;left:-200px;animation:float 25s ease-in-out infinite}.orb-2{width:600px;height:600px;background:radial-gradient(circle,rgba(107,155,209,.7),rgba(107,155,209,.1),transparent);bottom:-250px;right:-250px;animation:float 30s ease-in-out infinite reverse}.orb-3{width:450px;height:450px;background:radial-gradient(circle,rgba(168,85,247,.6),rgba(168,85,247,.1),transparent);top:30%;right:5%;animation:float 28s ease-in-out infinite;animation-delay:5s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(60px,-60px) scale(1.05)}50%{transform:translate(-40px,60px) scale(.95)}75%{transform:translate(80px,40px) scale(1.02)}}.custom-order-showcase{position:relative;z-index:1;background:#0f0f1e66!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(212,168,83,.2)!important;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.custom-order-showcase:hover{background:#0f0f1e99!important;border-color:#d4a85366!important;transform:translateY(-4px);box-shadow:0 20px 60px #d4a85326}.file-upload-wrapper{position:relative;border:2px dashed rgba(212,168,83,.4);border-radius:20px;padding:80px 50px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);background:transparent;overflow:hidden}.file-upload-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(212,168,83,.15),transparent 70%);opacity:0;transition:opacity .4s ease;border-radius:20px}.file-upload-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-image:linear-gradient(135deg,#d4a853,#6b9bd1) 1;border-radius:20px;opacity:0;transition:opacity .4s ease}.file-upload-wrapper:hover{background:linear-gradient(135deg,#d4a85326,#6b9bd11a);box-shadow:0 0 50px #d4a8534d,inset 0 0 50px #d4a85314,0 0 100px #6b9bd133;transform:translateY(-8px) scale(1.02)}.file-upload-wrapper:hover:before{opacity:1}.file-upload-wrapper:hover:after{opacity:1}.file-upload-wrapper.dragover{background:linear-gradient(135deg,#d4a85340,#6b9bd126);box-shadow:0 0 80px #d4a85380,inset 0 0 80px #d4a85326,0 0 150px #6b9bd14d;transform:scale(1.05)}.file-upload-wrapper input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;z-index:10}.file-upload-wrapper.has-file .upload-icon,.file-upload-wrapper.has-file .upload-title,.file-upload-wrapper.has-file .upload-subtitle{opacity:0;visibility:hidden;pointer-events:none}.upload-icon{font-size:4.5rem;background:linear-gradient(135deg,#d4a853,#f0c97d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;display:block;animation:bounce 2.5s cubic-bezier(.34,1.56,.64,1) infinite;filter:drop-shadow(0 0 20px rgba(212,168,83,.3))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.upload-title{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-display)}.upload-subtitle{font-size:.95rem;color:var(--text-secondary);margin:8px 0 0}.custom-multi-layout{position:relative;z-index:1;display:grid;grid-template-columns:280px 1fr;gap:0;min-height:calc(100vh - 80px);background:transparent}.custom-file-sidebar{background:#0f0f1e66!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(212,168,83,.2)!important;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.file-list-scroll{scrollbar-width:thin;scrollbar-color:rgba(212,168,83,.3) transparent}.file-list-scroll::-webkit-scrollbar{width:6px}.file-list-scroll::-webkit-scrollbar-track{background:transparent}.file-list-scroll::-webkit-scrollbar-thumb{background:#d4a8534d;border-radius:3px}.file-list-scroll::-webkit-scrollbar-thumb:hover{background:#d4a85380}.file-list-item{transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;animation:slideInLeft .4s ease}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.file-list-item:hover{transform:translate(4px);box-shadow:0 4px 12px #d4a85326}.custom-editor-main{background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;border:none!important;box-shadow:none;overflow:visible;border-radius:0;min-height:auto;display:flex;flex-direction:column}.viewer-area{position:relative;background:transparent!important;border-bottom:none!important;transition:all .3s ease;flex:1;min-height:500px}#viewer-loading{background:#0a0a0ff2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px}#viewer-loading i{animation:spin 1s linear infinite;color:#d4a853}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#viewer-loading p{color:#d4a853;font-weight:600;letter-spacing:2px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.custom-settings-panel{background:transparent!important;border-top:1px solid rgba(212,168,83,.15)!important;overflow:visible;padding:24px 32px!important}.custom-settings-panel::-webkit-scrollbar{width:6px}.custom-settings-panel::-webkit-scrollbar-track{background:transparent}.custom-settings-panel::-webkit-scrollbar-thumb{background:#d4a8534d;border-radius:3px}.premium-label{color:var(--text-primary);font-weight:600;font-size:.95rem;margin-bottom:10px;display:block;transition:color .3s ease}.form-group{animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.premium-input,.premium-slider{transition:all .3s ease}.premium-input:focus,.premium-input:hover{background:#191923e6!important;box-shadow:0 0 0 3px #d4a85326,inset 0 2px 4px #0003!important}.slider-container{position:relative;height:48px;display:flex;align-items:center}.slider-fill{background:linear-gradient(90deg,#d4a853,#f0c97d)!important;box-shadow:0 0 15px #d4a85380!important;transition:width .2s ease}.slider-value-text{color:#d4a853;font-weight:700;font-size:1.1rem;animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.number-input-wrapper{background:#14141e99!important;border:1px solid rgba(212,168,83,.2)!important;transition:all .3s ease;height:56px}.number-input-wrapper:focus-within,.number-input-wrapper:hover{border-color:#d4a853!important;box-shadow:0 0 0 3px #d4a85326!important;background:#191923cc!important}.num-ctrl-btn{transition:all .2s ease}.num-ctrl-btn:hover{color:#d4a853;background:#d4a8531a;transform:scale(1.1)}.premium-submit-btn{background:linear-gradient(135deg,#d4a853,#f0c97d)!important;color:#000!important;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.premium-submit-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s ease}.premium-submit-btn:hover{box-shadow:0 15px 40px #d4a85366!important;transform:translateY(-2px)}.premium-submit-btn:hover:before{transform:translate(100%)}.premium-submit-btn:active{transform:translateY(0)}.checkout-footer{padding:20px 30px!important;border-top:1px solid rgba(212,168,83,.2)!important;background:#0f0f1e66!important;display:flex;align-items:center;justify-content:space-between;border-radius:0 0 16px 16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media(max-width:1024px){.custom-multi-layout{grid-template-columns:1fr!important}.custom-file-sidebar{padding:20px!important;border-bottom:1px solid rgba(212,168,83,.2)!important;border-right:none!important}.custom-editor-main{grid-template-rows:300px auto!important}.file-list-scroll{max-height:200px!important}}@media(max-width:768px){.custom-order-showcase{padding:30px!important;border-radius:12px}.file-upload-wrapper{padding:40px 20px}.upload-icon{font-size:2.5rem}.upload-title{font-size:1.1rem}.custom-settings-panel{padding:20px!important;max-height:300px}.checkout-footer{flex-direction:column;gap:16px;text-align:center}.premium-submit-btn{width:100%}}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group:nth-child(5){animation-delay:.5s}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.color-selector-container{display:flex;flex-direction:column;gap:16px}.color-category-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:10px}.filament-colors{background:#ffffff05;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.05)}.color-options{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.filament-color-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:10px;background:transparent;border:2px solid transparent;cursor:pointer;transition:all .25s ease}.filament-color-btn:hover{background:#ffffff0d;transform:translateY(-2px)}.filament-color-btn.active{border-color:var(--accent);background:#d4a8531a}.filament-swatch{width:28px;height:28px;border-radius:50%;background:var(--filament-color);box-shadow:0 2px 8px #0000004d,inset 0 1px 2px #ffffff4d;transition:all .25s ease}.filament-name{font-size:.65rem;font-weight:500;color:var(--text-secondary);text-align:center;line-height:1.2}.filament-color-btn.active .filament-name{color:var(--accent)}@media(max-width:768px){.color-options{grid-template-columns:repeat(4,1fr)}}.co-section{position:relative;min-height:calc(100vh - 80px);overflow:hidden;padding-top:40px}.co-section.entered .co-phase-upload.active .co-upload-hero,.co-section.entered .co-phase-upload.active .co-upload-zone,.co-section.entered .co-phase-upload.active .co-features,.co-section.entered .co-file-list{animation:co-fade-in-up .7s var(--ease) both}.co-section.entered .co-upload-zone{animation-delay:.1s}.co-section.entered .co-file-list{animation-delay:.2s}.co-section.entered .co-features{animation-delay:.3s}@keyframes co-fade-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.co-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;contain:paint}.co-bg-video{position:absolute;top:-40px;left:0;width:100%;height:700px;object-fit:cover;object-position:center top;opacity:.14;z-index:-1;transform:translateZ(0) scale(1.02);backface-visibility:hidden;pointer-events:none}.co-full-width{width:100%;max-width:100%;margin:0;padding:0}.co-bg-orb{position:absolute;border-radius:50%;opacity:.4;will-change:transform;transform:translateZ(0)}.co-bg-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(212,168,83,.15),transparent 70%);top:-100px;right:-100px;animation:co-orb-float 18s ease-in-out infinite alternate}.co-bg-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(100,60,200,.12),transparent 70%);bottom:-80px;left:-80px;animation:co-orb-float 22s ease-in-out infinite alternate-reverse}.co-bg-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(52,152,219,.08),transparent 70%);top:40%;left:50%;animation:co-orb-float 15s ease-in-out infinite alternate}@keyframes co-orb-float{0%{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(30px,-40px) scale(1.1);opacity:.6}to{transform:translate(-20px,30px) scale(.95);opacity:.3}}.co-bg-particle{position:absolute;width:3px;height:3px;background:var(--accent);border-radius:50%;opacity:.12;box-shadow:0 0 6px var(--accent);animation:co-particle-drift linear infinite;pointer-events:none}@keyframes co-particle-drift{0%{transform:translate(0);opacity:0}20%{opacity:.3}80%{opacity:.3}to{transform:translate(100px,-100px);opacity:0}}.co-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.58;overflow:hidden}.co-bg-grid:before{content:"";position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:60px 60px;will-change:transform;transform:translateZ(0);animation:co-grid-drift 8s linear infinite}@keyframes co-grid-drift{0%{transform:translateZ(0)}to{transform:translate3d(60px,60px,0)}}@media(prefers-reduced-motion:reduce),(max-width:1100px){.co-bg-orb,.co-bg-particle,.co-bg-grid,.co-upload-badge i,.co-highlight,.co-upload-zone-glow{animation:none!important}}.co-phase{display:none;position:relative;z-index:1}.co-phase.active{display:block}.co-phase-upload{max-width:800px;margin:0 auto;padding:60px 24px 80px;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 160px)}.co-upload-hero{text-align:center;margin-bottom:48px}.co-upload-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;border-radius:50px;background:var(--accent-soft);border:1px solid rgba(212,168,83,.2);font-family:var(--font-display);font-size:.82rem;font-weight:600;color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:28px}.co-upload-badge i{font-size:1rem;animation:co-cube-spin 4s linear infinite}@keyframes co-cube-spin{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}}.co-upload-title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:20px}.co-highlight{background:linear-gradient(135deg,var(--accent),#f0d080,var(--accent));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:co-gradient-shift 4s ease-in-out infinite}@keyframes co-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.co-upload-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:580px;margin:0 auto;line-height:1.7}.co-upload-zone{position:relative;border:2px dashed rgba(212,168,83,.3);border-radius:var(--radius);padding:60px 40px;text-align:center;cursor:pointer;transition:all .4s var(--ease);background:#d4a85305;margin-bottom:10px;overflow:hidden}.co-upload-zone:hover,.co-upload-zone.dragover{border-color:var(--accent);background:#d4a8530f;transform:translateY(-2px)}.co-upload-zone-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent-glow),transparent,var(--accent-glow));background-size:300% 300%;opacity:0;transition:opacity .4s var(--ease);z-index:-1;animation:co-glow-rotate 6s linear infinite}.co-upload-zone:hover .co-upload-zone-glow,.co-upload-zone.dragover .co-upload-zone-glow{opacity:1}@keyframes co-glow-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.co-upload-zone-inner{position:relative;z-index:1}.co-upload-zone-icon{font-size:3rem;color:var(--accent);margin-bottom:20px;transition:transform .4s var(--ease)}.co-upload-zone:hover .co-upload-zone-icon{transform:translateY(-8px) scale(1.1)}.co-upload-zone-text{display:flex;flex-direction:column;gap:8px}.co-upload-zone-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text-primary)}.co-upload-zone-hint{font-size:.88rem;color:var(--text-muted)}.co-file-list{background:#12001d59;border:2px dashed var(--border);border-radius:var(--radius);padding:24px;max-width:800px;margin:0 auto 32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.co-file-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.co-file-list-header h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:10px;color:var(--text-primary)}.co-file-list-header h3 i{color:var(--accent)}.co-file-count{font-size:.85rem;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:4px 14px;border-radius:50px}.co-file-items{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.co-file-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .3s var(--ease);animation:co-file-slide-in .4s var(--ease) both}@keyframes co-file-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.co-file-item:hover{border-color:var(--border-hover);background:#ffffff0a}.co-file-item-icon{width:42px;height:42px;border-radius:var(--radius-xs);background:linear-gradient(135deg,var(--accent-soft),rgba(212,168,83,.05));border:1px solid rgba(212,168,83,.15);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.1rem;flex-shrink:0}.co-file-item-info{flex:1;min-width:0}.co-file-item-name{display:block;font-weight:600;font-size:.92rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-file-item-size{display:block;font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-file-item-remove{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.8rem;transition:all .3s var(--ease);flex-shrink:0}.co-file-item-remove:hover{background:#f43f5e26;color:var(--danger)}.co-configure-btn{font-size:1.05rem;padding:16px 32px;gap:12px}.co-configure-btn .fa-arrow-right{transition:transform .3s var(--ease)}.co-configure-btn:hover .fa-arrow-right{transform:translate(4px)}.co-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.co-feature-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;border-radius:var(--radius-sm);background:#00000036;border:1px dashed rgba(83,80,0,.264);text-align:center;transition:all .3s var(--ease)}.co-feature-item:hover{transform:translateY(-4px);border-color:#d4a9534c;box-shadow:0 8px 30px #0000004d}.co-feature-icon{width:44px;height:44px;border-radius:50%;background:#00000036;border:1px dashed rgba(212,168,83,.15);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.1rem}.co-feature-item span{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.co-phase-configure{padding-left:10px;padding-right:10px;padding-bottom:clamp(40px,6vw,88px);max-width:1400px;margin:0 auto;position:relative;border-radius:32px}.co-file-list.configure-mode .co-file-item{cursor:pointer}.co-file-list.configure-mode .co-file-item.active{border-color:var(--accent);background:#d4a85314;box-shadow:0 0 0 1px #d4a8532e}.co-file-list.configure-mode .co-file-item.active .co-file-item-name{color:var(--accent)}.co-config-layout.horizontal-mode{display:grid;grid-template-columns:1fr;gap:32px;min-height:600px}.co-config-main{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:transparent}.co-viewer-card{background:radial-gradient(circle at 84% 12%,rgba(31,64,175,.18),transparent 28%),radial-gradient(circle at 12% 100%,rgba(212,168,83,.08),transparent 24%),linear-gradient(180deg,#131220fa,#0a0a14f5);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 50px #0000003d}.co-viewer-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.co-viewer-filename{flex:1;min-width:0;font-family:var(--font-display);font-size:.92rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-viewer-actions{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.co-viewer-toggle-btn,.co-viewer-reset-btn{display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--border);color:var(--text-secondary);transition:all .3s var(--ease)}.co-viewer-toggle-btn{min-height:34px;padding:0 14px;border-radius:999px;gap:8px;font-family:var(--font-display);font-size:.78rem;font-weight:700}.co-viewer-toggle-btn.is-on{color:var(--accent);border-color:#d4a85352;background:#d4a8531a}.co-viewer-toggle-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.co-viewer-reset-btn{width:34px;height:34px;border-radius:50%;font-size:.85rem}.co-viewer-reset-btn:hover{border-color:var(--accent);color:var(--accent);transform:rotate(180deg)}.co-viewer-reset-btn:disabled{opacity:.45;cursor:not-allowed}.co-viewer-reset-btn:disabled:hover{border-color:var(--border);color:var(--text-secondary);transform:none}.co-viewer-container{position:relative;width:100%;min-height:420px;flex:1;background:#0a0a18}.co-viewer-container.is-viewer-disabled{background:radial-gradient(circle at top right,rgba(212,168,83,.08),transparent 30%),linear-gradient(180deg,#0b0c18fa,#080912)}.co-viewer-container canvas{display:block;width:100%!important;height:100%!important}.co-viewer-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;z-index:1}.co-viewer-placeholder[hidden]{display:none}.co-viewer-placeholder-content{display:grid;gap:12px;max-width:320px;text-align:center}.co-viewer-placeholder-icon{width:58px;height:58px;margin:0 auto;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:#d4a8531a;border:1px solid rgba(212,168,83,.2);font-size:1.15rem}.co-viewer-placeholder-title{font-family:var(--font-display);font-size:1rem;color:var(--text-primary)}.co-viewer-placeholder-text{color:var(--text-secondary);font-size:.88rem;line-height:1.65}.co-viewer-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0a0a18d9;z-index:2;color:var(--text-secondary);font-size:.9rem}.co-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:co-spin .8s linear infinite}@keyframes co-spin{to{transform:rotate(360deg)}}.co-settings-panel{background:radial-gradient(circle at top right,rgba(113,74,216,.18),transparent 32%),radial-gradient(circle at bottom left,rgba(212,168,83,.08),transparent 28%),linear-gradient(180deg,#141123fa,#0b0b16f7);border:1px dashed var(--border);border-radius:var(--radius);width:100%;min-width:0;padding:24px;display:flex;flex-direction:column;gap:24px;box-shadow:0 18px 50px #0000003d}.co-stepper-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.co-setting-half{display:flex;flex-direction:column;min-width:0}.co-setting-group{animation:co-fade-in-up .4s var(--ease) both;min-width:0}.co-setting-label{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:.92rem;font-weight:700;color:var(--text-primary);margin-bottom:14px}.co-setting-label i{color:var(--accent);font-size:.9rem}.co-setting-value{margin-left:auto;font-size:.82rem;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:2px 12px;border-radius:50px;flex-shrink:0}.co-setting-value.is-required{color:#f7d68f;background:#d4a85324}.co-settings-actions{display:grid;gap:14px;padding:20px;border:1px solid rgba(212,168,83,.18);border-radius:24px;background:linear-gradient(135deg,#d4a8531a,#5a3ab414),#ffffff05;box-shadow:inset 0 1px #ffffff0a,0 14px 30px #00000029}.co-apply-all-btn{width:100%;display:flex;align-items:center;gap:14px;justify-content:space-between;padding:16px 18px;border-radius:18px;border:1px solid rgba(212,168,83,.28);background:linear-gradient(135deg,#d4a85329,#1f40af24);color:var(--text-primary);transition:transform .28s var(--ease),border-color .28s var(--ease),box-shadow .28s var(--ease),background .28s var(--ease)}.co-apply-all-btn:hover{transform:translateY(-2px);border-color:#d4a8536b;box-shadow:0 14px 24px #00000038;background:linear-gradient(135deg,#d4a85338,#714ad82e)}.co-apply-all-btn:hover .co-apply-all-btn-arrow{transform:translate(4px)}.co-apply-all-btn-icon{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--accent);flex-shrink:0}.co-apply-all-btn-copy{flex:1;text-align:left;font-family:var(--font-display);font-weight:700;font-size:.96rem}.co-apply-all-btn-arrow{color:var(--text-secondary);transition:transform .28s var(--ease),color .28s var(--ease)}.co-settings-actions-copy{display:grid;gap:6px}.co-settings-actions-eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#d4a853b8}.co-settings-actions-title{font-family:var(--font-display);font-size:1rem;color:var(--text-primary)}.co-settings-actions-note{font-size:.78rem;color:var(--text-muted);line-height:1.5}.co-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:12px}.co-material-btn{min-height:106px;padding:16px 12px;border-radius:var(--radius-xs);background:#ffffff05;border:1px solid var(--border);cursor:pointer;transition:all .3s var(--ease);display:grid;grid-template-rows:minmax(1.2em,auto) minmax(2.8em,auto);align-content:center;justify-items:center;gap:8px;text-align:center}.co-material-btn:hover{border-color:var(--border-hover);background:#ffffff0d;transform:translateY(-2px)}.co-material-btn.active{border-color:var(--accent);background:#d4a85314;box-shadow:0 0 15px #d4a8531a}.co-material-name{display:flex;align-items:flex-end;justify-content:center;min-height:1.2em;font-family:var(--font-display);font-weight:700;font-size:.88rem;line-height:1.05;color:var(--text-primary)}.co-material-btn.active .co-material-name{color:var(--accent)}.co-material-desc{display:flex;align-items:flex-start;justify-content:center;min-height:2.8em;max-width:15ch;font-size:.7rem;color:var(--text-muted);line-height:1.35}.co-color-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.co-color-swatch{width:32px;height:32px;border-radius:50%;background:var(--swatch-color);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s var(--ease);position:relative;box-shadow:0 4px 10px #0003;display:flex;align-items:center;justify-content:center;flex-shrink:0}.co-color-swatch i{font-size:.7rem;color:#fff;opacity:0;transition:opacity .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.co-color-swatch:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 6px 15px #0000004d}.co-color-swatch.active{border-color:#fff;box-shadow:0 0 15px var(--swatch-color);transform:scale(1.2)}.co-color-swatch.active i{opacity:1}.co-color-swatch[data-color="#f5f5f5"],.co-color-swatch[data-color="#f1c40f"]{border-color:#ffffff59}.co-color-swatch[data-color="#f5f5f5"] i,.co-color-swatch[data-color="#f1c40f"] i{color:#131313;text-shadow:none}.co-slider-wrap{width:100%}.co-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--range-pct, 20%),rgba(255,255,255,.08) var(--range-pct, 20%),rgba(255,255,255,.08) 100%);outline:none;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;transition:box-shadow .3s var(--ease)}.co-range:hover{box-shadow:0 0 12px #d4a85333}.co-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);border:3px solid var(--bg-primary);box-shadow:0 2px 8px #d4a85366;cursor:pointer;transition:all .2s var(--ease)}.co-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 16px #d4a85399}.co-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent);border:3px solid var(--bg-primary);box-shadow:0 2px 8px #d4a85366;cursor:pointer}.co-range-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:.72rem;color:var(--text-muted)}.co-stepper{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(180deg,#ffffff06,#ffffff04);width:100%;min-height:60px;box-shadow:inset 0 1px #ffffff08}.co-stepper-btn{width:68px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-secondary);transition:all .2s var(--ease);border-right:1px solid var(--border);flex-shrink:0}.co-stepper-btn:last-child{border-right:none;border-left:1px solid var(--border)}.co-stepper-btn:hover{background:var(--accent-soft);color:var(--accent)}.co-stepper-val{flex:1;min-width:0;text-align:center;font-family:var(--font-display);font-size:1.45rem;font-weight:700;color:var(--text-primary)}.co-order-footer{position:relative;margin-top:48px;padding:34px;background:radial-gradient(circle at 0% 0%,rgba(32,94,220,.16),transparent 26%),radial-gradient(circle at 100% 0%,rgba(212,168,83,.18),transparent 24%),radial-gradient(circle at 100% 100%,rgba(108,52,195,.16),transparent 28%),linear-gradient(180deg,#120f21fa,#0a0a15fa);border-radius:34px;overflow:hidden;display:grid;gap:28px;box-shadow:0 0 300px #36003da4}.co-order-footer:before,.co-order-footer:after{content:"";position:absolute;inset:auto;pointer-events:none}.co-order-footer:before{top:-120px;right:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,83,.18),transparent 68%)}.co-order-footer:after{bottom:-160px;left:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(32,94,220,.16),transparent 72%);filter:blur(12px)}.co-order-hero,.co-order-grid,.co-order-actions{position:relative;z-index:1}.co-order-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);gap:24px;align-items:start}.co-order-hero-copy{display:grid;gap:12px}.co-order-eyebrow,.co-order-card-eyebrow,.co-order-actions-eyebrow,.co-order-state-eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#d4a853c7}.co-order-title{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.08;color:var(--text-primary);max-width:12ch}.co-order-text{margin:0;max-width:65ch;color:var(--text-secondary);line-height:1.7}.co-order-inline-accent{color:var(--accent);font-weight:700}.co-order-summary{display:grid;gap:16px}.co-order-state{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:22px;border-radius:26px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a}.co-order-state.is-ready{background:linear-gradient(135deg,#d4a85324,#1f40af1a);border-color:#d4a8532e}.co-order-state.is-pending{background:linear-gradient(135deg,#ffbd591f,#72430d14);border-color:#ffc45424}.co-order-state-icon,.co-order-card-icon,.co-process-step-icon,.co-order-btn-icon{display:inline-flex;align-items:center;justify-content:center}.co-order-state-icon{width:52px;height:52px;border-radius:18px;color:var(--accent);font-size:1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a}.co-order-state-copy{display:grid;gap:8px}.co-order-state-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.02rem}.co-order-state-text{margin:0;color:var(--text-muted);line-height:1.65;font-size:.9rem}.co-order-tags{display:flex;flex-wrap:wrap;gap:10px}.co-order-tag{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:.82rem}.co-order-tag i{color:var(--accent)}.co-order-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;align-items:stretch}.co-order-card{position:relative;display:grid;gap:22px;align-content:start;padding:24px;border-radius:30px;background:linear-gradient(180deg,#ffffff0b,#ffffff04),#06070e85;border:1px dashed rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a,0 24px 50px #00000038;overflow:hidden;height:100%}.co-order-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.08) 45%,transparent 68%);transform:translate(-120%);opacity:0;transition:transform .8s var(--ease),opacity .5s var(--ease);pointer-events:none}.co-order-card:hover:before{transform:translate(120%);opacity:1}.co-note-card:before{display:none}.co-note-card{align-self:start;height:auto}.co-order-card-header{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.co-order-card-icon{width:54px;height:54px;border-radius:18px;color:var(--accent);font-size:1.05rem;background:linear-gradient(135deg,#d4a8532e,#1e40af24);border:1px solid rgba(212,168,83,.18);box-shadow:0 16px 30px #0000002e}.co-order-card-copy{display:grid;gap:8px}.co-order-card-copy h4{margin:0;font-family:var(--font-display);font-size:1.08rem;color:var(--text-primary)}.co-order-card-copy p{margin:0;color:var(--text-muted);line-height:1.65}.co-note-input-wrap{position:relative}.co-note-input-glow{display:none}.co-note-editor{position:relative;border-radius:24px;height:260px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#121321f2,#0d0d18eb);overflow:hidden;box-shadow:inset 0 1px #ffffff05;transition:border-color .24s var(--ease),box-shadow .24s var(--ease)}.co-note-editor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 35%);pointer-events:none}.co-note-editor:focus-within{border-color:#d4a8532e;box-shadow:0 0 0 1px #d4a8531f}.co-note-highlight,.co-note-input,.co-note-placeholder{padding:24px 24px 64px;font-family:var(--font-body);font-weight:400;font-size:.98rem;line-height:1.75;letter-spacing:.01em;box-sizing:border-box}.co-note-highlight{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;color:transparent;white-space:pre-wrap;word-break:break-word;pointer-events:none;overflow:hidden}.co-note-buffer{opacity:0}.co-note-mention{display:inline;color:transparent;font-weight:inherit;background:#d4a8531f;box-shadow:inset 0 0 0 1px #d4a8532e;border-radius:.32em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.co-note-input{position:relative;z-index:1;width:100%;min-height:220px;border:none;background:transparent;color:var(--text-primary);caret-color:var(--text-primary);height:100%;white-space:pre-wrap;word-break:break-word;resize:none;overflow-x:hidden;overflow-y:auto;outline:none;scrollbar-width:thin;scrollbar-color:rgba(212,168,83,.24) transparent}.co-note-input::-webkit-scrollbar{width:8px}.co-note-input::-webkit-scrollbar-track{background:transparent}.co-note-input::-webkit-scrollbar-thumb{background:#d4a8533d;border-radius:999px}.co-note-input::-webkit-scrollbar-thumb:hover{background:#d4a85357}.co-note-input::selection{background:#d4a85338}.co-note-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;color:#bec6db7a;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.co-note-placeholder-copy{white-space:pre-wrap;word-break:break-word}.co-note-placeholder-mention{color:#f0c97ddb}.co-note-placeholder-caret{display:inline-block;width:1px;height:1.05em;margin-left:2px;vertical-align:-.14em;background:#f0f2ffc2;animation:co-note-caret-blink .9s steps(1,end) infinite}@keyframes co-note-caret-blink{0%,48%{opacity:1}50%,to{opacity:0}}.co-note-editor:not(.is-empty) .co-note-placeholder{opacity:0;transform:translateY(-6px)}.co-note-mention-menu{position:absolute;left:0;right:0;top:calc(100% + 10px);max-height:220px;gap:6px;padding:10px;border-radius:18px;background:#10101dfa;border:1px solid rgba(255,255,255,.07);box-shadow:0 16px 32px #00000042;z-index:8;animation:co-mention-pop .24s var(--ease);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(212,168,83,.18) transparent}.co-note-mention-menu[hidden]{display:none!important}.co-note-mention-menu::-webkit-scrollbar{width:7px}.co-note-mention-menu::-webkit-scrollbar-track{background:transparent}.co-note-mention-menu::-webkit-scrollbar-thumb{background:#d4a8532e;border-radius:999px}@keyframes co-mention-pop{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.co-mention-option{display:block;width:100%;padding:11px 14px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);transition:border-color .2s var(--ease),background .2s var(--ease)}.co-mention-option:hover,.co-mention-option.active{background:#d4a85314;border-color:#d4a85329}.co-mention-option-copy{text-align:left}.co-mention-option-copy strong{color:var(--text-primary);font-size:.88rem;font-weight:600;line-height:1.35}.co-mention-option-copy strong mark{color:var(--text-primary);background:#d4a85329;border-radius:.35em;padding:.02em .18em}.co-mention-empty{padding:14px 16px;border-radius:18px;background:#ffffff08;color:var(--text-muted);font-size:.86rem}.co-note-footer{display:flex;align-items:center;justify-content:flex-end;gap:0}.co-note-char-count{position:absolute;right:16px;bottom:14px;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border-radius:999px;background:#12121ed6;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);font-size:.78rem;line-height:1;pointer-events:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.co-note-char-count.is-near-limit{color:var(--accent);border-color:#d4a85338}.co-note-card-header{grid-template-columns:auto 1fr}.co-note-tips{display:grid;gap:14px;padding:18px 18px 0;border-top:1px solid rgba(255,255,255,.06)}.co-note-tips-copy{display:grid;gap:6px}.co-note-tips-label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#d4a853b8}.co-note-tips-text{margin:0;color:var(--text-muted);font-size:.84rem;line-height:1.65}.co-process-card{align-content:start}.co-process-steps{display:grid;gap:14px}.co-process-step{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px;border-radius:22px;background:#ffffff09;border:1px solid rgba(255,255,255,.06);transition:transform .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease)}.co-process-step:hover{transform:translateY(-2px);background:linear-gradient(135deg,#d4a8531a,#1f40af14);border-color:#d4a8532e}.co-process-step-icon{width:42px;height:42px;border-radius:14px;color:var(--accent);background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.co-process-step-copy{display:grid;gap:6px}.co-process-step-copy strong{color:var(--text-primary);font-family:var(--font-display);font-size:.94rem}.co-process-step-copy p{margin:0;color:var(--text-muted);font-size:.84rem;line-height:1.6}.co-order-actions{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 22px;border-radius:28px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08)}.co-order-actions-copy{display:grid;gap:6px}.co-order-actions-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.02rem}.co-order-actions-text{color:var(--text-muted);font-size:.86rem;line-height:1.6}.co-order-btn{min-width:270px;min-height:72px;padding:14px 18px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 18px 35px #d4a85333}.co-order-btn:not(:disabled):hover{transform:translateY(-3px)}.co-order-btn.is-disabled,.co-order-btn:disabled{opacity:.68;cursor:not-allowed;transform:none;box-shadow:none}.co-order-btn-icon{width:46px;height:46px;border-radius:16px;background:#0000001f;font-size:1rem}.co-order-btn-copy{display:grid;text-align:left;gap:4px}.co-order-btn-label{font-family:var(--font-display);font-size:1.02rem}.co-order-btn-hint{font-size:.77rem;opacity:.82}@media(max-width:1100px){.co-config-layout,.co-order-hero,.co-order-grid{grid-template-columns:1fr}.co-order-title{max-width:none}}@media(max-width:900px){.co-config-main{grid-template-columns:1fr}.co-viewer-container{min-height:320px}.co-order-footer{padding:26px}.co-order-actions{flex-direction:column;align-items:stretch}.co-order-btn{width:100%;min-width:0}}@media(max-width:768px){.co-section{padding-top:70px}.co-viewer-container{min-height:clamp(360px,52vh,440px)}.co-phase-upload{padding:20px 16px 60px}.co-upload-zone{padding:40px 20px}.co-features{grid-template-columns:repeat(2,1fr)}.co-color-grid{width:100%;max-width:100%;min-width:0;justify-content:space-between;flex-wrap:nowrap;overflow:visible;align-items:center;gap:6px;padding:4px 0}.co-color-swatch{width:24px;height:24px;flex:0 0 auto}.co-color-swatch.active{border-width:2px;box-shadow:0 0 10px var(--swatch-color);transform:none}#co-color-name{display:inline-flex;align-items:center;justify-content:center;min-width:86px;text-align:center}.co-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.co-material-btn{min-height:102px;padding:14px 8px}.co-material-name{font-size:.8rem}.co-material-desc{font-size:.66rem;line-height:1.35;min-height:2.8em}.co-stepper-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.co-stepper{min-height:54px}.co-stepper-btn{width:48px;height:54px}.co-stepper-val{font-size:1.1rem}.co-order-footer{margin-top:36px;padding:20px}.co-order-card,.co-order-actions{padding:16px}.co-order-state{grid-template-columns:1fr}.co-order-card-header{grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:start}.co-note-card-header{grid-template-columns:54px minmax(0,1fr);row-gap:0}.co-note-char-count{right:12px;bottom:12px;min-height:28px;padding:0 8px;font-size:.68rem}.co-order-card-copy{gap:6px;min-width:0}.co-order-card-eyebrow,.co-order-actions-eyebrow,.co-order-state-eyebrow{font-size:.64rem;letter-spacing:.14em}.co-order-card-copy h4{font-size:clamp(.98rem,4.3vw,1.12rem);line-height:1.3}.co-order-card-copy p,.co-order-state-text{font-size:.84rem;line-height:1.55}.co-order-card-copy p{margin-left:-66px;width:calc(100% + 66px)}.co-order-state-icon,.co-order-card-icon{width:54px;height:54px;border-radius:18px;font-size:1rem}.co-note-footer{justify-content:flex-end}.co-note-mention-menu{left:10px;right:10px}.co-note-highlight,.co-note-input,.co-note-placeholder{padding:18px 16px 54px;font-size:.94rem;line-height:1.65}.co-note-editor{height:232px;border-radius:20px}.co-note-tips{gap:10px;padding:14px 0 0}.co-note-tips-text,.co-process-step-copy p{font-size:.8rem;line-height:1.55}.co-process-steps{gap:12px}.co-process-step{padding:14px;border-radius:18px}.co-process-step-copy strong{font-size:.88rem}}@media(max-width:480px){.co-upload-title{font-size:1.9rem}.co-upload-subtitle{font-size:.95rem}.co-features{grid-template-columns:repeat(2,1fr);gap:10px}.co-feature-item{padding:14px 8px}.co-viewer-container{min-height:clamp(320px,50vh,380px)}.co-color-grid{gap:4px}.co-color-swatch{width:22px;height:22px}.co-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.co-material-btn{min-height:94px;padding:12px 6px}.co-material-name{font-size:.74rem}.co-material-desc{font-size:.6rem;min-height:2.7em}.co-stepper-row{gap:10px}.co-stepper{min-height:52px}.co-stepper-btn{width:44px;height:52px}.co-stepper-val{font-size:1rem}.co-upload-zone-icon{font-size:2.2rem}.co-settings-panel{padding:16px}.co-order-title{font-size:1.5rem}.co-order-card,.co-order-actions{padding:15px}.co-order-card-header{grid-template-columns:50px minmax(0,1fr);gap:10px}.co-note-card-header{grid-template-columns:50px minmax(0,1fr)}.co-order-state-icon,.co-order-card-icon{width:45px;height:60px;border-radius:16px;font-size:.94rem}.co-order-card-copy h4{font-size:.96rem;line-height:1.28}.co-order-text,.co-order-state-text,.co-order-actions-text{font-size:.84rem}.co-order-card-copy p{padding-top:10px;margin-left:-60px;width:calc(100% + 60px);font-size:.8rem;line-height:1.5}.co-note-char-count{right:10px;bottom:10px;min-height:26px;padding:0 7px;font-size:.64rem}.co-order-tag{width:100%;justify-content:center}.co-process-step{grid-template-columns:1fr}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}