@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@500;700;800&family=Anton&family=Bebas+Neue&family=Playfair+Display:wght@900&family=Oswald:wght@400;700&family=Orbitron:wght@900&family=Teko:wght@700&family=Righteous&family=Russo+One&family=Big+Shoulders+Display:wght@400;700;900&family=Space+Mono:wght@400;700&family=Roboto+Mono:wght@400;500;700&family=Source+Code+Pro:wght@400;500;700&family=JetBrains+Mono:wght@400;500;700&family=Fira+Code:wght@300;400;500;700&family=Inconsolata:wght@400;500;700&family=Courier+Prime:wght@400;700&family=Share+Tech+Mono:wght@400&family=Cutive+Mono:wght@400&family=DM+Mono:wght@300;400;500&family=Fragment+Mono:wght@400&family=Azeret+Mono:wght@400;500;700&family=Spline+Sans+Mono:wght@400;500;700&family=Geist+Mono:wght@400;500;700&family=Syne:wght@400;500;700&family=Unbounded:wght@400;500;700&family=Bricolage+Grotesque:wght@400;500;700&family=Epilogue:wght@400;500;700&family=DM+Sans:wght@400;500;700&family=Montserrat:wght@400;500;700&display=swap";:root{--color-bg: #080808;--color-surface: #111111;--color-surface-2: #1a1a1a;--color-border: rgba(0, 255, 255, .12);--color-text: #e0e0e0;--color-text-muted: #777777;--color-primary: #00ffff;--color-secondary: #ff00ff;--color-primary-dim: rgba(0, 255, 255, .1);--color-secondary-dim: rgba(255, 0, 255, .1);--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "IBM Plex Mono", "Courier New", monospace;--container-width: 1200px;--container-padding: clamp(1rem, 4vw, 2rem);--header-height: 64px;--ease-out: cubic-bezier(.22, 1, .36, 1);--transition-fast: .14s ease;--transition-base: .24s ease;--radius: 4px;--radius-lg: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.15;letter-spacing:-.015em}.rte h2,.rte h3{margin-bottom:.6em;margin-top:1.4em}.rte p{margin-bottom:1em}.rte p:last-child{margin-bottom:0}.rte a{color:var(--color-primary);border-bottom:1px solid currentColor}.rte a:hover{opacity:.8}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding)}.section-padding{padding:5rem 0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.glitch:before{color:var(--color-primary);clip-path:polygon(0 0,100% 0,100% 33%,0 33%);transform:translate(-2px);animation:glitch-top 5s infinite}.glitch:after{color:var(--color-secondary);clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%);transform:translate(2px);animation:glitch-bot 5s infinite}@keyframes glitch-top{0%,88%,to{transform:translate(-2px);opacity:0}89%{transform:translate(-5px,-2px) scaleX(1.02);opacity:.85}91%{transform:translate(4px) scaleX(.98);opacity:.5}93%{transform:translate(-2px,1px);opacity:.75}95%{transform:translate(0);opacity:0}}@keyframes glitch-bot{0%,86%,to{transform:translate(2px);opacity:0}87%{transform:translate(6px,1px) scaleX(1.03);opacity:.7}90%{transform:translate(-4px,-1px) scaleX(.97);opacity:.55}94%{transform:translate(2px);opacity:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.5rem;font-family:var(--font-body);font-size:.8125rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;border:none;border-radius:var(--radius);cursor:pointer;transition:background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base);white-space:nowrap}.btn--primary{background:var(--color-primary);color:#000}.btn--primary:hover:not(:disabled){background:#fff;box-shadow:0 0 18px var(--color-primary),0 0 40px var(--color-primary-dim)}.btn--outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn--outline:hover:not(:disabled){background:var(--color-primary-dim);box-shadow:0 0 18px var(--color-primary-dim)}.btn--lg{padding:.875rem 2rem;font-size:.9375rem}.btn--sm{padding:.45rem 1rem;font-size:.775rem}.btn--full{width:100%}.btn:disabled{opacity:.35;cursor:not-allowed}.site-header{position:static;height:var(--header-height);background:#080808d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border);transform:translateY(0);transition:transform .3s ease}.site-header.is-hidden{transform:translateY(-100%)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:2rem}.site-header__logo{font-family:var(--font-heading);font-size:1.2rem;font-weight:800;color:var(--color-primary);letter-spacing:-.02em;text-shadow:0 0 24px rgba(0,255,255,.45);white-space:nowrap;flex-shrink:0}.site-nav__list{display:flex;gap:2rem}.site-nav__link{font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text);transition:color var(--transition-fast)}.site-nav__link:hover,.site-nav__link.is-active{color:var(--color-primary)}.site-header__icons{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.header-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:color var(--transition-fast);position:relative}.header-icon:hover{color:var(--color-primary)}.cart-count{position:absolute;top:-6px;right:-6px;background:var(--color-secondary);color:#fff;font-size:.6rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.55}.hero__content{position:relative;z-index:1;text-align:center}.hero__eyebrow{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:1.25rem}.hero__title{font-size:clamp(2.5rem,8vw,6rem);font-weight:800;color:var(--color-text);margin-bottom:1.5rem;text-shadow:0 0 50px rgba(0,255,255,.25)}.hero__subtitle{font-size:clamp(.875rem,1.8vw,1.0625rem);color:var(--color-text);max-width:520px;margin:0 auto 2.5rem;line-height:1.85}.hero__ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero__scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.hero__scroll-line{display:block;width:1px;height:64px;background:linear-gradient(to bottom,transparent,var(--color-primary));animation:scroll-fade 2.2s var(--ease-out) infinite}@keyframes scroll-fade{0%,to{opacity:0;transform:scaleY(0);transform-origin:top}40%,60%{opacity:1;transform:scaleY(1);transform-origin:top}}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:clamp(1.75rem,4vw,2.75rem);color:var(--color-text);margin-bottom:.6rem}.section-description{color:var(--color-text-muted);max-width:480px;margin:0 auto;font-size:.9375rem}.section-footer{text-align:center;margin-top:3rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.5rem}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.product-card:hover{border-color:var(--color-primary);box-shadow:0 0 28px #00ffff14,0 0 60px #00ffff0a}.product-card__link{display:contents}.product-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden}.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease-out)}.product-card:hover .product-card__image{transform:scale(1.05)}.product-card__image--placeholder{background:var(--color-surface-2);width:100%;height:100%}.product-card__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00ffff12,#ff00ff12);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.product-card:hover .product-card__glow{opacity:1}.product-card__info{padding:1.125rem 1.25rem .625rem}.product-card__title{font-size:.9375rem;font-weight:600;margin-bottom:.35rem;color:var(--color-text)}.product-card__price{font-size:.875rem;color:var(--color-primary);display:flex;gap:.5rem;align-items:center}.product-card__compare-price{color:var(--color-text-muted);font-size:.775rem}.product-card__actions{padding:.625rem 1.25rem 1.25rem;margin-top:auto;display:flex;gap:.5rem}@media(max-width:480px){.product-card__actions{flex-direction:column}}.placeholder-line{border-radius:var(--radius);background:var(--color-surface-2);margin-bottom:.5rem}.placeholder-line--title{height:14px;width:70%}.placeholder-line--price{height:12px;width:35%}.product-page{padding-top:3rem}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.product-media__main img{width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.product-media__thumbs{display:flex;gap:.625rem;margin-top:.75rem;flex-wrap:wrap}.product-thumb{width:68px;height:68px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--color-border);cursor:pointer;transition:border-color var(--transition-fast)}.product-thumb:hover{border-color:var(--color-primary)}.product-vendor{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:.5rem}.product-title{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:1rem}.product-price{font-size:1.4rem;font-weight:700;color:var(--color-primary);margin-bottom:2rem;display:flex;gap:.75rem;align-items:baseline}.product-price__compare{color:var(--color-text);font-size:1rem;font-weight:400}.variant-fieldset{border:none;margin-bottom:1.5rem}.variant-label{display:block;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--color-text);margin-bottom:.625rem}.variant-options{display:flex;gap:.5rem;flex-wrap:wrap}.variant-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.variant-option span{display:block;padding:.4rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text)}.variant-option input[type=radio]:checked+span{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-dim)}.variant-option span:hover{border-color:var(--color-primary);color:var(--color-text)}.product-actions{margin-bottom:2rem}.product-description{border-top:1px solid var(--color-border);padding-top:2rem;color:var(--color-text);font-size:.9375rem}.product-remixed-by{margin-top:.75rem;font-size:.8125rem;color:var(--color-text-muted)}.product-customize-desc{display:none;border-top:1px solid var(--color-border);padding-top:2rem;color:var(--color-text);font-size:.9375rem}.product-customize-desc__steps{margin-top:1rem;padding-left:1.25rem;line-height:1.8}.product-customize-actions{display:none}.product-customize-actions__note{margin-top:.75rem;color:var(--color-text);font-size:.875rem;text-align:center}.collection-page{padding-top:3rem}.collection-header{text-align:center;margin-bottom:3rem}.collection-title{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:.75rem}.collection-description{max-width:580px;margin:0 auto;color:var(--color-text-muted);font-size:.9375rem}.empty-state{color:var(--color-text-muted);text-align:center;grid-column:1 / -1;padding:4rem 0;font-size:.9375rem}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:3rem;flex-wrap:wrap}.pagination a,.pagination span{padding:.45rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.8125rem;color:var(--color-text-muted);transition:all var(--transition-fast)}.pagination a:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination .current{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-dim)}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:4rem 0 2rem;margin-top:6rem}.footer-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:3rem}.footer-logo{font-family:var(--font-heading);font-size:1.2rem;font-weight:800;color:var(--color-primary);display:inline-block;margin-bottom:.75rem}.footer-tagline{font-size:.875rem;color:var(--color-text-muted);line-height:1.7}.footer-nav{display:flex;gap:3rem;justify-content:flex-end;flex-wrap:wrap}.footer-nav__heading{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;text-align:right;color:var(--color-text-muted);margin-bottom:1rem}.footer-nav__list{display:flex;flex-direction:column;gap:.6rem;align-items:flex-end}.footer-nav__list a{font-size:.875rem;color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-nav__list a:hover{color:var(--color-primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid var(--color-border);gap:1rem;flex-wrap:wrap}.footer-copy{font-size:.775rem;color:var(--color-text-muted)}.cart-page__title{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:3rem}.cart-empty{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:4rem 0;text-align:center}.cart-empty__message{font-size:1.125rem;color:var(--color-text-muted)}.cart-items{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.cart-item{display:grid;grid-template-columns:160px 1fr;gap:1.5rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.cart-item__image-link{display:block}.cart-item__image{width:100%;height:160px;object-fit:cover;border-radius:calc(var(--radius) - 2px)}.cart-item__image--mockup{object-fit:contain;background:var(--color-surface-2)}.cart-item__custom-badge{display:inline-block;margin-left:.5rem;padding:.15em .5em;font-family:var(--font-body);font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-bg);background:var(--color-primary);border-radius:var(--radius);vertical-align:middle}.cart-item__details{display:flex;flex-direction:column;gap:.5rem}.cart-item__title{font-size:1.0625rem;font-weight:600;color:var(--color-text)}.cart-item__title:hover{color:var(--color-primary)}.cart-item__variant{font-size:.8125rem;color:var(--color-text-muted)}.cart-item__price{font-size:1.0625rem;font-weight:700;color:var(--color-primary)}.cart-item__qty{display:flex;align-items:center;gap:1rem;margin-top:auto}.cart-item__qty-input{width:4rem;padding:.375rem .5rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.875rem;text-align:center}.cart-item__qty-input:focus{outline:none;border-color:var(--color-primary)}.cart-item__remove{font-size:.775rem;color:var(--color-text-muted);transition:color var(--transition-fast)}.cart-item__remove:hover{color:#ff4d4d}.cart-footer{border-top:1px solid var(--color-border);padding-top:2rem;max-width:480px;margin-left:auto}.cart-subtotal{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.cart-subtotal__label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.cart-subtotal__price{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.cart-subtotal__note{font-size:.8125rem;color:var(--color-text-muted);margin-bottom:1.5rem}.cart-actions{display:flex;gap:1rem}@media(max-width:600px){.cart-item{grid-template-columns:100px 1fr}.cart-item__image{height:100px}.cart-actions{flex-direction:column}}.footer-social{display:flex;gap:1.5rem}.footer-social a{font-size:.7rem;letter-spacing:.1em;color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-social a:hover{color:var(--color-primary)}.product-title-mobile{display:none}@media(max-width:900px){.product-layout{grid-template-columns:1fr;gap:2.5rem}.product-title-mobile{display:block}.product-info .product-vendor,.product-info .product-title{display:none}.product-layout.shader-mode{gap:0}.product-layout.shader-mode .product-info{margin-top:20px}.product-layout.shader-mode .product-title-mobile{margin-bottom:2.5rem}.product-layout.shader-mode .product-media{position:sticky;top:-40px;z-index:10;background:var(--color-bg)}.product-layout.shader-mode .shader-gui__mobile-bar{display:none}}@media(max-width:768px){.site-nav{display:none}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;text-align:center}}@media(max-width:480px){.product-grid{grid-template-columns:1fr}}.contact-page{padding-top:3rem}.contact-layout{max-width:560px;margin:0 auto}.contact-header{margin-bottom:3rem}.contact-eyebrow{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:.75rem}.contact-title{font-size:clamp(2rem,5vw,3rem);margin-bottom:.75rem}.contact-subheading{color:var(--color-text-muted);font-size:.9375rem;line-height:1.75}.contact-success{padding:1rem 1.25rem;margin-bottom:1.5rem;border:1px solid var(--color-primary);border-radius:var(--radius);color:var(--color-primary);font-size:.9rem}.contact-error{padding:1rem 1.25rem;margin-bottom:1.5rem;border:1px solid #ff4d4d;border-radius:var(--radius);color:#ff4d4d;font-size:.9rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-field{display:flex;flex-direction:column;gap:.5rem}.contact-label{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--color-text-muted)}.contact-input{width:100%;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-body);font-size:.9375rem;transition:border-color var(--transition-fast)}.contact-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.contact-input--textarea{resize:vertical;min-height:140px}.media-tabs{display:flex;gap:.375rem;margin-bottom:.75rem;transition:opacity .25s}.media-tab{padding:.35rem .9rem;font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:transparent;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast)}@media(max-width:900px){.media-tab{padding:.65rem 1.2rem;min-height:2.75rem}}.media-tab:hover{border-color:var(--color-primary);color:var(--color-text)}.media-tab.is-active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-dim)}.media-panel{display:none}.media-panel.is-active{display:block}.product-shader__canvas{width:100%;aspect-ratio:3 / 4;display:block;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.product-shader__canvas--square{aspect-ratio:1 / 1}.shader-gui{display:none;overflow-y:auto;max-height:var(--gui-max-h, 70vh)}.shader-gui__header{display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.shader-gui__title{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text)}.shader-gui__header-actions{display:flex;align-items:center;gap:.75rem}.shader-gui__mobile-bar{display:none}.shader-gui--floating{position:fixed;z-index:9999;width:min(85vw,320px);max-height:70vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 8px 32px #000000b3}@media(max-width:900px){.shader-gui__mobile-bar{display:flex;justify-content:center;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-2);position:sticky;top:0;z-index:1;cursor:grab}.shader-gui__mobile-bar:before{content:"";display:block;width:2.25rem;height:.25rem;background:var(--color-text-muted);border-radius:9999px;opacity:.5}.shader-gui__toggle{display:none}}.shader-gui__toggle{font-family:var(--font-body);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;background:transparent;border:none;color:var(--color-primary);cursor:pointer;padding:0}.shader-gui__toggle:hover{opacity:.7}.shader-gui__preview{display:none;padding:0 1rem;margin-top:1rem}@media(max-width:900px){.shader-gui__preview{display:none}.product-layout.shader-mode .shader-gui__preview{display:block}}.shader-gui__body{padding:.25rem 0}@keyframes shaderGuiGlow{0%{box-shadow:0 0 #0ff0}30%{box-shadow:0 0 var(--glow-blur, 40px) var(--glow-spread, 10px) rgba(0,255,255,var(--glow-peak-opacity, .5))}to{box-shadow:0 0 #0ff0}}.shader-gui-glow{animation:shaderGuiGlow var(--glow-duration, .8s) var(--glow-easing, ease-out) var(--glow-delay, 0s);border-radius:var(--radius)}.mockup-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center}.mockup-modal--hidden{display:none}.mockup-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mockup-modal__box{position:relative;display:flex;flex-direction:column;width:min(480px,92vw);max-height:90vh;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 0 0 1px #00ffff0f,0 8px 32px #0009,0 0 60px #00ffff0d;animation:modal-in .22s var(--ease-out) both;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.mockup-modal__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem .75rem 1.25rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.mockup-modal__title{font-family:var(--font-heading);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.mockup-modal__close{background:none;border:none;color:var(--color-text);font-size:1.25rem;line-height:1;cursor:pointer;padding:.25rem;border-radius:var(--radius);transition:color var(--transition-fast)}.mockup-modal__close:hover{color:var(--color-text)}.mockup-modal__body{flex:1;overflow-y:auto;padding:1.25rem}.mockup-modal__img{width:100%;display:block;object-fit:contain;border-radius:var(--radius)}.mockup-modal__footer{display:flex;flex-direction:column;gap:.625rem;padding:.75rem 1.25rem;border-top:1px solid var(--color-border);flex-shrink:0}.mockup-modal__size{display:flex;align-items:center;gap:.625rem}.mockup-modal__size-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);white-space:nowrap}.mockup-modal__size-select{flex:1;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-body);font-size:.875rem;padding:.35rem .6rem}.mockup-modal__footer-actions{display:flex;justify-content:flex-end;gap:.5rem}.shader-gui__body.is-hidden{display:none}.shader-control{display:grid;grid-template-columns:7rem 1fr;align-items:center;gap:.75rem;padding:.3rem .75rem}.shader-control__label{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);white-space:nowrap}.shader-control__range-wrap{display:flex;align-items:center;gap:.5rem}.shader-control__range{flex:1;accent-color:var(--color-primary);cursor:pointer}.shader-control__value{font-size:.7rem;color:var(--color-primary);min-width:2.75rem;text-align:right;font-variant-numeric:tabular-nums}.shader-control__toggle{font-family:var(--font-body);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .65rem;background:transparent;border:1px solid var(--color-text-muted);border-radius:var(--radius);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.shader-control__toggle.is-on{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-dim)}.shader-control__action{grid-column:1 / -1;font-family:var(--font-body);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);padding:.35rem .75rem;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);margin-top:.25rem}.shader-control__action:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-dim)}.shader-control__randomize-btn{display:block;width:100%;font-family:var(--font-body);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius);padding:.5rem .75rem;cursor:pointer;margin-bottom:.75rem;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.shader-control__randomize-btn:hover{background:var(--color-primary-dim, rgba(0, 255, 136, .1))}.shader-control__copy-link-btn{display:block;width:100%;font-family:var(--font-body);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;background:transparent;color:var(--color-secondary);border:1px solid var(--color-secondary);border-radius:var(--radius);padding:.5rem .75rem;cursor:pointer;margin-bottom:.75rem;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.shader-control__copy-link-btn:hover{background:var(--color-secondary-dim, rgba(255, 0, 255, .1))}.shader-control__share-btn{display:block;width:100%;font-family:var(--font-body);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;background:transparent;color:var(--color-secondary);border:1px solid var(--color-secondary);border-radius:var(--radius);padding:.5rem .75rem;cursor:pointer;margin-bottom:.75rem;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.shader-control__share-btn:hover{background:var(--color-secondary-dim, rgba(255, 0, 255, .1))}.shader-demo{padding:5rem 0}.shader-demo__header{text-align:center;margin-bottom:3rem}.shader-demo__eyebrow{font-family:var(--font-body);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.5rem}.shader-demo__heading{font-family:var(--font-heading);font-size:clamp(1.4rem,4vw,2.2rem);color:var(--color-text);margin:0}.shader-demo__subheading{color:var(--color-text-muted);font-size:.9rem;margin-top:.75rem}.shader-demo__body{display:grid;grid-template-columns:1fr 1fr;column-gap:5rem;row-gap:0;align-items:start}@media(max-width:800px){.shader-demo__body{grid-template-columns:1fr;row-gap:2rem}.shader-demo__header{text-align:center}.shader-demo__canvas-wrap{position:sticky;top:20px!important;width:calc(100% - 10px);margin:auto;z-index:2}.shader-control__range{touch-action:pan-y;height:2rem}.shader-control{padding:.45rem .75rem}.shader-demo__cta-row{flex-direction:column}}.shader-demo__canvas-wrap{box-shadow:0 0 51px var(--color-primary-dim);outline:1px solid rgb(0 255 255 / 8%);border-radius:30px}.shader-demo__canvas{display:block;width:100%;aspect-ratio:3 / 4;border-radius:var(--radius);opacity:0}.shader-demo__controls{display:flex;flex-direction:column}@media(min-width:801px){.shader-demo__controls{overflow-y:auto;padding-right:.25rem}}.shader-demo__cycle-indicator{display:flex;gap:.4rem;margin:0 auto 1rem}.shader-demo__cycle-dot{width:6px;height:6px;border-radius:50%;background:var(--color-border);transition:background var(--transition-fast)}.shader-demo__cycle-dot.is-active{background:var(--color-primary)}.shader-demo__divider{border:none;border-top:1px solid var(--color-border);margin:1.25rem 0}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shader-demo__all-settings-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;border-top:1px solid var(--color-border);padding:.65rem .75rem;margin-top:.25rem;cursor:pointer;color:var(--color-text);font-family:var(--font-body);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;transition:color var(--transition-fast)}.shader-demo__all-settings-toggle:hover{color:var(--color-text)}.shader-demo__all-settings-chevron{display:inline-block;transition:transform .2s var(--ease-out);font-size:.6rem}.shader-demo__all-settings-toggle[aria-expanded=true] .shader-demo__all-settings-chevron{transform:rotate(180deg)}.shader-demo__all-settings-body{animation:panel-fade-in .25s var(--ease-out) both}.shader-demo__panel-label{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);border-top:1px solid var(--color-border);padding-top:1rem;margin:1rem 0 .25rem}.shader-control__with-help{display:flex;align-items:center;gap:.4rem}.shader-control__with-help .shader-control__select{flex:1;min-width:0}.shader-demo__help-btn{flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);font-size:.6rem;font-weight:600;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),color var(--transition-fast)}.shader-demo__help-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.shader-demo__help-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center}.shader-demo__help-modal--hidden{display:none}.shader-demo__help-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.shader-demo__help-modal__box{position:relative;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg, 8px);width:min(420px,92vw);max-height:80vh;overflow-y:auto}.shader-demo__help-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.shader-demo__help-modal__title{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text)}.shader-demo__help-modal__close{background:none;border:none;color:var(--color-text-muted);font-size:1.25rem;line-height:1;cursor:pointer;padding:0}.shader-demo__help-modal__close:hover{color:var(--color-text)}.shader-demo__help-modal__body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.shader-demo__help-modal__intro{margin:0;font-size:.7rem;line-height:1.6;color:var(--color-text-muted)}.shader-demo__help-modal__formula{margin:0;padding:.6rem .9rem;background:var(--color-surface-2);border-radius:var(--radius);font-size:.75rem;text-align:center}.shader-demo__help-modal__defs{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.35rem .9rem;align-items:baseline}.shader-demo__help-modal__defs dt{font-size:.65rem;font-weight:600;color:var(--color-primary);white-space:nowrap}.shader-demo__help-modal__defs dd{margin:0;font-size:.65rem;color:var(--color-text-muted);line-height:1.5}.shader-demo__cta-row{display:flex;align-items:stretch;gap:.75rem}.shader-demo__cta-row .btn{flex:1}.shader-demo__controls,.shader-gui{scrollbar-width:thin;scrollbar-color:rgba(0,255,255,.25) transparent}.shader-demo__controls::-webkit-scrollbar,.shader-gui::-webkit-scrollbar{width:6px}.shader-demo__controls::-webkit-scrollbar-track,.shader-gui::-webkit-scrollbar-track{background:transparent}.shader-demo__controls::-webkit-scrollbar-thumb,.shader-gui::-webkit-scrollbar-thumb{background:#00ffff40;border-radius:9999px}.shader-demo__controls::-webkit-scrollbar-thumb:hover,.shader-gui::-webkit-scrollbar-thumb:hover{background:#00ffff80}.scroll-shadow{position:sticky;height:100px;flex-shrink:0;pointer-events:none;z-index:5;opacity:0;transition:opacity .2s}.scroll-shadow--top{top:0;background:linear-gradient(to bottom,var(--color-bg),transparent);margin-bottom:-100px}.scroll-shadow--bottom{bottom:0;background:linear-gradient(to top,var(--color-bg),transparent);margin-top:-100px}.is-scrollable-top>.scroll-shadow--top,.is-scrollable-bottom>.scroll-shadow--bottom{opacity:1}.scroll-shadow--bottom:after{content:"\2193";position:absolute;bottom:10px;left:50%;transform:translate(-50%);color:#00ffffa6;font-size:1.4rem;opacity:0;transition:opacity .3s;animation:scroll-hint-bounce 1.4s ease-in-out infinite}.is-scrollable-bottom:not(.has-scrolled)>.scroll-shadow--bottom:after{opacity:1}@keyframes scroll-hint-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}@media(max-width:800px){.shader-demo__controls .scroll-shadow{display:none}}@media(max-width:900px){.shader-gui .scroll-shadow{display:none}}.shader-tip-btn{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;margin-left:.3rem;font-size:.55rem;font-family:var(--font-body);font-weight:700;color:var(--color-text);background:transparent;border:1px solid var(--color-border);border-radius:50%;cursor:pointer;vertical-align:middle;transition:color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.shader-tip-btn:hover,.shader-tip-btn.is-open{color:var(--color-primary);border-color:var(--color-primary)}.shader-tip__popup{position:fixed;z-index:10000;max-width:220px;padding:.5rem .65rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.65rem;line-height:1.5;color:var(--color-text);box-shadow:0 4px 16px #00000080;pointer-events:none}.shader-control .clr-field{width:100%}.shader-control__color{font-family:monospace;font-size:.65rem;background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:.25rem .4rem;width:100%;outline:none;cursor:pointer;transition:border-color var(--transition-fast)}.shader-control__color:hover,.shader-control__color:focus{border-color:var(--color-primary)}.shader-control__section-header{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text);padding:.6rem 0 .2rem;border-top:1px solid var(--color-border);margin-top:.25rem}.shader-control__section-header:first-child{border-top:none;margin-top:0}.shader-control__text-input{font-family:var(--font-body);font-size:.7rem;background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:.2rem .4rem;width:100%;outline:none;transition:border-color var(--transition-fast)}.shader-control__text-input:focus{border-color:var(--color-primary)}.shader-control__select{font-family:var(--font-body);font-size:.7rem;background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.2rem .35rem;width:100%;outline:none;cursor:pointer}.shader-control__select:focus{border-color:var(--color-primary)}@media(max-width:900px){.shader-control{grid-template-columns:1fr;padding:.55rem .75rem;gap:.25rem}.shader-control__range{height:2.5rem;touch-action:pan-y}.shader-control__toggle{padding:.6rem 1.1rem;min-height:2.75rem;font-size:.7rem}.shader-control__select{padding:.55rem .5rem;min-height:2.75rem;font-size:.75rem}.shader-control__color{padding:.45rem .4rem;min-height:2.75rem}.shader-control__text-input{padding:.45rem .4rem;min-height:2.75rem;font-size:.75rem}}.product-recent-designs{margin-top:24px;border-top:1px solid var(--color-border);padding-top:16px}.product-recent-designs__heading{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text);margin-bottom:12px}.recent-designs__strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.recent-designs__card{flex:0 0 120px;cursor:pointer;transition:opacity var(--transition-fast)}.recent-designs__card:hover{opacity:.8}.recent-designs__card-img-wrap{position:relative;width:120px;height:180px}.recent-designs__card-img{width:120px;height:180px;object-fit:cover;display:block;border-radius:var(--radius);border:1px solid var(--color-border)}.recent-designs__card-delete{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;border:none;background:#000c;color:#fff;font-size:1rem;line-height:1.1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.recent-designs__card:hover .recent-designs__card-delete{opacity:1}.recent-designs__card-label{padding:5px 0}.recent-designs__card-name{display:block;font-size:.7rem;font-weight:600;text-transform:capitalize;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-designs__card-time{display:block;font-size:.65rem;color:var(--color-text-muted)}.community-designs-section{padding:2rem 0}.community-designs__header{margin-bottom:1rem}.recent-designs__heading,.community-designs__heading{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);margin:0 0 1rem}.community-designs__strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.community-designs__card{flex:0 0 120px;cursor:pointer;transition:opacity var(--transition-fast)}.community-designs__card:hover{opacity:.8}.community-designs__card-img{width:120px;height:180px;object-fit:cover;display:block;border-radius:var(--radius);border:1px solid var(--color-border)}.community-designs__card-label{padding:5px 0}.community-designs__card-name{display:block;font-size:.7rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-designs__card-shader{display:block;font-size:.65rem;text-transform:capitalize;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-designs__card-time{display:block;font-size:.65rem;color:var(--color-text-muted)}.community-designs__like-btn{display:inline-flex;align-items:center;gap:.25rem;margin-top:4px;padding:.15rem .35rem;font-size:.65rem;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.community-designs__like-btn:hover,.community-designs__like-btn--liked{color:#e05;border-color:#e05}.community-designs__like-icon{line-height:1}.community-designs__share-btn{display:inline-flex;align-items:center;margin-top:4px;margin-left:4px;padding:.15rem .35rem;font-size:.65rem;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.community-designs__share-btn:hover{color:var(--color-text);border-color:var(--color-text)}.community-designs__strip--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;overflow-x:visible;padding-bottom:0}.community-designs__strip--grid .community-designs__card{flex:none;width:100%}.community-designs__strip--grid .community-designs__card-img{width:100%;height:auto;aspect-ratio:2 / 3}.community-designs-page__heading{font-size:1.5rem;margin-bottom:.25rem}.community-designs-page__sub{color:var(--color-text-muted);font-size:.875rem;margin-bottom:1.5rem}.community-designs-page__loading,.community-designs-page__empty{color:var(--color-text-muted);font-size:.875rem;padding:2rem 0}.product-community-designs{margin-top:24px;border-top:1px solid var(--color-border);padding-top:16px}.designs-row{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.designs-row{grid-template-columns:1fr 1fr;align-items:start}}.designs-row__col{min-width:0}.designs-row__see-all{display:inline-block;margin-top:10px;font-size:.75rem;color:var(--color-text-muted);text-decoration:underline;letter-spacing:.04em;transition:color var(--transition-fast)}.designs-row__see-all:hover{color:var(--color-text)}.designs-row__skeleton-card{flex:0 0 120px;height:180px;border-radius:var(--radius);background:var(--color-surface-2);animation:designs-row-pulse 1.4s ease-in-out infinite}@keyframes designs-row-pulse{0%,to{opacity:1}50%{opacity:.45}}.designs-row__empty{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.5rem 0 1rem;color:var(--color-text-muted)}.designs-row__empty svg{width:32px;height:32px;opacity:.4}.designs-row__empty p{margin:0;font-size:.8rem}.mockup-modal__community{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.mockup-modal__community-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.mockup-modal__community-input{font-family:var(--font-body);font-size:.75rem;background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:.35rem .6rem;width:100%;outline:none;transition:border-color var(--transition-fast)}.mockup-modal__community-input:focus{border-color:var(--color-primary)}.mockup-modal__community-note{font-size:.65rem;color:var(--color-text-muted);margin:0}.mockup-modal__community-success{font-size:.75rem;color:var(--color-primary);margin-top:.75rem}.mockup-modal__community-error{font-size:.75rem;color:#e05;margin:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/theme.css.map */