.web-gallery{background:#090a0c;border-color:#34373c}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;color:#c6cbd4;font-size:11px;line-height:1.5;flex-shrink:0}.gallery-toolbar button{background:none;border:0;color:#eee;font:inherit;cursor:pointer;padding:5px}.web-gallery-window{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex:1;min-height:0;overflow:hidden;padding:0 16px;mask-image:linear-gradient(transparent,black 7%,black 93%,transparent)}
.web-gallery-column{min-width:0}.web-gallery-track{display:flex;flex-direction:column;gap:12px;animation:website-gallery-scroll 38s linear infinite;animation-play-state:paused;will-change:transform}.web-gallery-column:nth-child(even) .web-gallery-track{animation-direction:reverse;animation-duration:46s}.web-gallery-column:nth-child(3) .web-gallery-track{animation-delay:-12s}.web-gallery-column:nth-child(4) .web-gallery-track{animation-delay:-20s}.web-gallery-group{display:flex;flex-direction:column;gap:12px}.web-gallery-card{display:block;width:100%;padding:0;border:1px solid #393d46;border-radius:12px;overflow:hidden;background:#171a20;color:#eee;cursor:pointer;text-align:left;flex-shrink:0}.web-gallery-card img{width:100%;height:260px;object-fit:cover;object-position:top;display:block}.web-gallery-card:nth-child(even) img{height:195px}.web-gallery-column:nth-child(even) .web-gallery-card img{height:215px}.web-gallery-column:nth-child(even) .web-gallery-card:nth-child(even) img{height:285px}.web-gallery-card>span{display:flex;justify-content:space-between;padding:10px;font-size:11px;line-height:1.5}.web-gallery-card b{color:#ff7900}.web-gallery-card:hover{border-color:#ff7900}.web-gallery-card:focus-visible{outline:2px solid #ff7900;outline-offset:-3px}.gallery-running .web-gallery-track{animation-play-state:running}.web-gallery:hover .web-gallery-track,.web-gallery:focus-within .web-gallery-track,.gallery-user-paused .web-gallery-track{animation-play-state:paused}.gallery-dialog{width:min(90vw,1050px);max-height:90svh;background:#171a20;color:#fff;border:1px solid #5b626e;padding:20px;border-radius:12px}.gallery-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.gallery-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.gallery-dialog button{border:1px solid #666;background:transparent;color:#fff;font:inherit;padding:8px 14px;cursor:pointer}.gallery-dialog img{width:100%;height:65svh;object-fit:contain;background:#0d0e11;display:block}.gallery-dialog a{display:inline-block;margin-top:16px;color:#ffb176;font-size:15px}.gallery-dialog p{font-size:13px;color:#c1c7d1;margin:12px 0 0}
@keyframes website-gallery-scroll{to{transform:translateY(calc(-50% - 6px))}}
.tool-sphere-section{padding:38px 5%;background:#101215;color:#f4f2ed;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.tool-sphere-section .ex-kicker{font-size:13px;border-color:#ffffff26;color:#bec6d3;line-height:1.5}.sphere-layout{display:grid;grid-template-columns:38% minmax(0,1fr);gap:5%;align-items:center;margin-top:24px}.sphere-copy .eyebrow{font-size:13px;color:#ffb575}.sphere-copy h2{font:600 clamp(40px,4.6vw,72px)/1.05 Oswald,sans-serif;letter-spacing:-.035em;margin:20px 0}.sphere-copy h2 em{font-style:normal;color:#ff7900}.sphere-copy>p{font-size:18px;line-height:1.65;color:#c5cdd9;max-width:42ch}.sphere-copy>label{display:block;font-size:12px;line-height:1.5;color:#bec6d3;margin:18px 0 7px}.sphere-copy>input,.sphere-copy>select{display:block;width:100%;max-width:430px;background:#23262d;border:1px solid #545b68;color:#f5f5f3;padding:12px;font:16px 'Space Grotesk',sans-serif}.sphere-copy>input:focus,.sphere-copy>select:focus{outline:2px solid #ff7900}.sphere-selected{display:flex;align-items:flex-start;gap:16px;border-top:1px solid #454a55;margin-top:24px;padding-top:20px;min-height:120px}.sphere-selected>img{background:white;padding:9px;border-radius:10px;box-sizing:border-box}.sphere-selected strong{font-size:20px}.sphere-selected p{font-size:14px;line-height:1.5;color:#c1c9d6;margin:7px 0 10px}.sphere-selected a{font-size:13px;color:#ffb575}.sphere-copy .sphere-count{font-size:13px;margin:12px 0}.sphere-interaction{min-width:0}.tool-sphere{width:100%;max-width:650px;aspect-ratio:1;position:relative;margin:auto;cursor:grab;touch-action:pan-y;user-select:none;isolation:isolate}.tool-sphere:active{cursor:grabbing}.tool-sphere:focus-visible{outline:2px solid #ff7900;outline-offset:-4px;border-radius:50%}.sphere-halo{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#ff790012,transparent 70%);border:1px solid #ffffff09;pointer-events:none}.sphere-logo{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid #d9dce1;background:#fff;padding:15%;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 15px #0003;touch-action:pan-y}.sphere-logo img{display:block;width:100%;height:100%;pointer-events:none;object-fit:contain}.sphere-logo:hover{outline:2px solid #ff7900}.sphere-controls{display:flex;justify-content:center;gap:10px}.sphere-controls button{border:1px solid #535b68;background:#20242b;color:#fff;padding:11px 17px;font:14px 'Space Grotesk',sans-serif;cursor:pointer}.sphere-controls button:hover{border-color:#ff7900}.sphere-hint{text-align:center;font-size:12px;color:#b9c2d0;line-height:1.6;margin:16px 0}.tool-sphere-dialog{max-width:400px}.tool-sphere-dialog img{height:150px;background:white;padding:30px;width:150px;margin:20px auto;border-radius:50%}
@media(max-width:1000px){.web-gallery-window{grid-template-columns:repeat(3,minmax(0,1fr))}.web-gallery-column:last-child{display:none}.sphere-layout{grid-template-columns:42% minmax(0,1fr);gap:3%}.sphere-copy>p{font-size:16px}}
@media(max-width:700px){.tool-sphere-section{padding:30px 6%}.sphere-layout{grid-template-columns:1fr;gap:20px}.sphere-copy h2{font-size:48px}.sphere-copy>input,.sphere-copy>select{max-width:none}.tool-sphere{max-width:500px}.sphere-interaction{grid-row:2}.sphere-selected{min-height:0}.tool-sphere-section .ex-kicker{font-size:12px;gap:16px}.tool-sphere-section .ex-kicker>span:last-child{max-width:120px;text-align:right}.sphere-logo{min-width:24px;min-height:24px}.sphere-hint{font-size:11px}.gallery-toolbar{font-size:10px;padding:12px}.web-gallery-window{gap:9px;padding:0 10px}.web-gallery-card>span{font-size:10px;padding:8px}.gallery-dialog{padding:14px}.gallery-dialog-head{font-size:16px}}
@media(max-width:480px){.web-gallery-window{grid-template-columns:repeat(2,minmax(0,1fr))}.web-gallery-column:nth-child(3){display:none}.web-gallery-card img{height:235px}.web-gallery-column:nth-child(2) .web-gallery-card img{height:195px}.web-gallery-column:nth-child(2) .web-gallery-card:nth-child(even) img{height:260px}}
@media(prefers-reduced-motion:reduce){.web-gallery-track{animation:none;will-change:auto}.web-gallery-window{overflow-y:auto;mask-image:none}.web-gallery-group[aria-hidden]{display:none}}
.motion-paused .web-gallery-track{animation:none}
.sphere-logo{padding:0}.sphere-logo img{width:65%;height:65%}
.product-showcase{overflow-anchor:none}
/* User-provided artwork stays at its original aspect ratio and file quality. */
.web-gallery-window{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 18px;mask-image:none}
.web-gallery .web-gallery-column{display:block}
.web-gallery .web-gallery-track{gap:18px;animation-duration:70s;animation-delay:0s;will-change:auto}
.web-gallery .web-gallery-column:nth-child(even) .web-gallery-track{animation-duration:82s;animation-delay:-28s}
.web-gallery-group{gap:18px}
.web-gallery .web-gallery-card{border:0;border-radius:9px;background:transparent;box-shadow:none}
.web-gallery .web-gallery-card img{width:100%;height:auto!important;object-fit:contain;display:block;filter:none;opacity:1}
.web-gallery .web-gallery-card>span{display:none}
.web-gallery .web-gallery-card:focus-visible{outline:3px solid #ff7900;outline-offset:-3px}
.web-gallery .web-gallery-track{animation-name:user-gallery-scroll}
.gallery-dialog.user-art-dialog{max-height:90svh;overflow:auto;width:min(94vw,var(--art-width,1200px));padding:16px}
.user-art-dialog .gallery-dialog-head{position:sticky;top:-16px;z-index:1;background:#171a20;padding:12px 0;margin-top:-6px}
.gallery-dialog.user-art-dialog img{height:auto;width:100%;max-width:100%;object-fit:contain;background:transparent}
@keyframes user-gallery-scroll{to{transform:translateY(calc(-50% - 9px))}}
@media(max-width:600px){.web-gallery-window{grid-template-columns:1fr;gap:14px;padding:0 12px}.web-gallery .web-gallery-column:nth-child(2){display:none}.web-gallery .web-gallery-track{animation-duration:90s}.gallery-dialog.user-art-dialog{padding:10px}.user-art-dialog .gallery-dialog-head{top:-10px;font-size:14px}.user-art-dialog .gallery-dialog-head button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.web-gallery .web-gallery-track{animation:none}.web-gallery-window{overflow-y:auto}}
.web-gallery .web-gallery-column:nth-child(even) .web-gallery-track{animation-delay:0s}
/* Pointer hover and restored focus must not permanently stop the gallery. */
.gallery-running .web-gallery:hover .web-gallery-track,
.gallery-running .web-gallery:focus-within .web-gallery-track{animation-play-state:running}
.gallery-running .web-gallery.gallery-user-paused .web-gallery-track{animation-play-state:paused}