:root{--bg:#ebebeb;--text:#1d1d1f;--text-secondary:#686868;--card:#ffffff;--radius-card:15px;--font:"Helvetica Neue",-apple-system,BlinkMacSystemFont,Helvetica,Arial,"Segoe UI",Roboto,sans-serif;--itembar-max-width:1210px;--item-min-width:110px;--item-box:75px;--soft-edge:15px}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior-y:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:300;-webkit-text-size-adjust:100%}button{font-family:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}:focus-visible{outline:2px solid #0a84ff;outline-offset:3px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.canvas-host{position:fixed;inset:0;z-index:0}.canvas-host canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.bottom-fade{position:fixed;left:0;right:0;bottom:0;height:390px;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(235,235,235,0) 0,rgba(235,235,235,0) 60%,var(--bg) 100%)}.brand{position:fixed;left:10px;top:10px;width:134px;z-index:12;transition:opacity .2s ease-in-out}.brand img{display:block;width:100%;height:auto}.page-title{top:15px;left:0;right:0;margin:0;text-align:center;font-size:25px;pointer-events:none;transition:opacity .2s ease-in-out}.page-title,.present-button{position:fixed;font-weight:300;z-index:3}.present-button{right:13px;top:13px;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:5px;background:var(--text);color:#fff;font-size:18px;transition:opacity .2s ease-in-out,transform .1s ease-in-out}.present-button:hover{transform:scale(1.03)}.present-button svg{width:11px;height:14px;display:block}.ad-slot{position:fixed;right:0;top:85px;width:160px;height:600px;z-index:4;display:none;border:1px solid #dcdcdc;border-radius:4px;background:#f4f4f4;color:#b0b0b4;font-size:12px;align-items:center;justify-content:center;letter-spacing:.08em;text-transform:uppercase;transition:opacity .2s ease-in-out}@media (min-width:1300px) and (min-height:820px){.ad-slot{display:flex}}.drag-hint{position:fixed;left:0;right:0;bottom:140px;margin:0;text-align:center;font-size:20px;font-weight:300;z-index:3;pointer-events:none;animation:hint-breathe 2s ease-in-out 1.5s infinite alternate-reverse}@keyframes hint-breathe{0%{opacity:0}55%,to{opacity:1}}.itembar{position:fixed;left:0;right:0;bottom:10px;z-index:3;transition:transform .4s ease-in-out}.itembar.hide{transform:translateY(200px)}.itembar-inner{position:relative;width:100%;max-width:var(--itembar-max-width);margin:0 auto}.itembar-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-bottom:24px;font-size:17px;height:22px;opacity:1;transition:opacity .25s ease-in-out}.itembar-topbar.inert{opacity:0;pointer-events:none}.itembar-title{font-weight:300}.itembar-actions{display:flex;align-items:center;gap:10px}.tool-button{display:inline-flex;align-items:center;gap:6px;font-size:17px;font-weight:300;transition:transform .2s ease-in-out}.tool-button:hover{transform:scale(1.03)}.tool-button .icon-color{width:14px;height:14px}.tool-button .icon-small{width:11px;height:11px}.itembar-scroller{position:relative}.items-inner{display:flex;align-items:flex-start;gap:0;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:4px 0 2px;touch-action:pan-x;-webkit-overflow-scrolling:touch}.items-inner::-webkit-scrollbar{display:none}.item{flex:0 0 auto;min-width:var(--item-min-width);display:flex;flex-direction:column;align-items:center;background:none;cursor:-webkit-grab;cursor:grab}.item.dragging{opacity:.35}.item-box{width:var(--item-box);height:var(--item-box);border-radius:var(--radius-card);background:var(--card);box-shadow:0 3px 8px rgba(0,0,0,.1);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .15s ease-out}.item-box img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}@media (hover:hover){.item:hover .item-box{transform:scale(1.04)}}.item-name{font-size:13px;line-height:1.3;margin-top:7px;white-space:nowrap;font-weight:300}.soft-edge{position:absolute;top:0;bottom:0;width:var(--soft-edge);z-index:2;pointer-events:none}.soft-edge.left{left:0;background:linear-gradient(to right,var(--bg),rgba(235,235,235,0))}.soft-edge.right{right:0;background:linear-gradient(to left,var(--bg),rgba(235,235,235,0))}.carousel-arrow{position:absolute;bottom:55px;width:25px;height:25px;z-index:3;display:flex;align-items:center;justify-content:center;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.carousel-arrow:hover{transform:scale(1.1)}.carousel-arrow[disabled]{opacity:.15;pointer-events:none}.carousel-arrow.left{left:-34px}.carousel-arrow.right{right:-34px}.carousel-arrow svg{width:100%;height:100%}.swatch{width:84%;height:84%;border-radius:50%;position:relative;box-shadow:0 3px 5px 1px rgba(0,0,0,.15),inset 0 -4px 8px rgba(0,0,0,.35),inset 0 4px 6px rgba(255,255,255,.45)}.swatch:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 68% 24%,rgba(255,255,255,.95) 0,rgba(255,255,255,.25) 34%,rgba(255,255,255,0) 62%);mix-blend-mode:overlay;pointer-events:none}.swatch-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25px;height:20px;mix-blend-mode:difference;z-index:2}.wallpaper-card img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-card)}.upload-input{display:none}.panel-capture{position:fixed;inset:0;z-index:2;background:transparent}.present-overlay{position:fixed;inset:0;z-index:5;opacity:0;pointer-events:none;transition:opacity .6s ease-in-out}.present-overlay.visible{opacity:1;pointer-events:auto}.present-title-wrap{position:absolute;top:5%;left:0;right:0;padding:0 24px}.present-title{display:block;width:100%;text-align:center;background:none;border:0;border-bottom:1px solid #d2d2d6;padding:0 0 4px;font-family:var(--font);font-size:42px;font-weight:700;color:var(--text);letter-spacing:-.02em}.present-title:focus{outline:none;border-bottom-color:var(--text)}.present-price{top:calc(5% + 51px);left:0;right:0;text-align:center;font-size:20px;color:var(--text-secondary)}.present-download,.present-price{position:absolute;font-weight:300}.present-download{bottom:75px;left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:5px;background:var(--text);color:#fff;font-size:17px;transition:transform .1s ease-in-out}.present-download:hover{transform:translateX(-50%) scale(1.03)}.present-exit{position:fixed;right:17px;top:17px;z-index:12;width:23px;height:23px;opacity:.5;transition:opacity .2s ease-in-out}.present-exit:hover{opacity:.85}.present-exit svg{width:100%;height:100%;display:block}.cameo{position:fixed;right:0;top:50%;z-index:6;width:100px;transform:translateY(-65%) translateX(100%);transition:transform .2s ease-in-out;pointer-events:none}.cameo.show{transform:translateY(-65%) translateX(0)}.cameo img{display:block;width:100%;height:auto}.drag-ghost{position:fixed;z-index:10;width:75px;height:75px;border-radius:var(--radius-card);background:var(--card);box-shadow:0 4px 12px rgba(0,0,0,.18);overflow:hidden;pointer-events:none;transform:translate(-50%,-50%)}.drag-ghost img{display:block}.drag-ghost img,.record-placeholder{width:100%;height:100%;object-fit:cover}.record-placeholder{position:fixed;inset:0;z-index:10;pointer-events:none}.record-overlay{position:fixed;inset:0;z-index:11;background:rgba(255,255,255,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-size:20px;font-weight:300}.pinwheel{width:54px;height:54px;animation:pinwheel-spin 2.5s linear infinite}@keyframes pinwheel-spin{to{transform:rotate(1turn)}}.toast{left:50%;bottom:210px;transform:translateX(-50%);z-index:13;padding:10px 18px;border-radius:6px;background:rgba(29,29,31,.9);color:#fff;font-size:15px;font-weight:300;max-width:calc(100vw - 40px)}.toast,.webgl-fallback{position:fixed;text-align:center}.webgl-fallback{inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;background:var(--bg)}.webgl-fallback h2{font-size:22px;font-weight:400;margin:0}.webgl-fallback p{margin:0;font-size:16px;color:var(--text-secondary);max-width:34ch}.presenting .ad-slot,.presenting .drag-hint,.presenting .page-title,.presenting .present-button{opacity:0;pointer-events:none}@media (max-width:1340px){:root{--itembar-max-width:1100px}}@media (max-width:1270px){:root{--itembar-max-width:990px}}@media (max-width:1160px){:root{--itembar-max-width:880px}.carousel-arrow.left{left:-30px}.carousel-arrow.right{right:-30px}}@media (max-width:1000px){.present-title{font-size:40px}.present-price{font-size:18px}.cameo{width:94px}}@media (max-width:990px){:root{--itembar-max-width:770px}}@media (max-width:900px){.cameo{width:85px}}@media (max-width:885px){:root{--itembar-max-width:660px}}@media (max-width:850px){.brand{width:110px}.page-title{font-size:23px}.present-button{font-size:18px}.present-title{font-size:34px}}@media (max-width:750px){:root{--itembar-max-width:550px}.itembar-topbar,.tool-button{font-size:16px}}@media (max-width:700px){.page-title{font-size:21px}.brand{width:100px}.drag-hint{font-size:18px}.presenting .brand{opacity:0;pointer-events:none}}@media (max-width:600px){.brand{left:9px;top:9px;width:97px}.page-title{top:55px;font-size:17px;opacity:.4}.present-button{right:8px;top:8px;font-size:16px;padding:8px 13px}.drag-hint{bottom:125px;font-size:18px}.present-title{font-size:28px}.present-title-wrap{top:9%}.present-price{top:auto;bottom:105px;font-size:20px}.present-download{bottom:30px}.present-exit{width:30px;height:30px;right:15px;top:12px;padding:5px}.cameo{width:80px}.toast{bottom:190px}}@media (hover:none) and (pointer:coarse){.itembar{bottom:0}.itembar-inner{width:100vw;max-width:100vw;padding:0 8px}.itembar-topbar{padding:0 13px 0 21px}.carousel-arrow{display:none}:root{--soft-edge:50px}.soft-edge.left{display:none}.item{min-width:25.5vw}}@media (hover:none) and (pointer:coarse) and (max-width:470px){.item{min-width:25.5vw}}@media (hover:none) and (pointer:coarse) and (max-width:425px){.item{min-width:26.5vw}}@media (hover:none) and (pointer:coarse) and (max-width:380px){.item{min-width:28vw}}@media (hover:none) and (pointer:coarse) and (max-width:340px){.item{min-width:30vw}}@media (hover:none) and (pointer:coarse) and (max-width:319px){.item{min-width:35vw}}@media (hover:hover) and (max-height:710px){.drag-hint{bottom:132px;font-size:19px}.present-download{bottom:55px}}@media (hover:hover) and (max-height:660px){:root{--item-box:70px}.drag-hint{font-size:18px}}@media (hover:hover) and (max-height:600px){.itembar{padding-bottom:5px}.drag-hint{bottom:118px}}@media (max-width:500px) and (max-height:550px){.itembar-topbar{margin-bottom:14px}:root{--item-box:73px}.drag-hint{bottom:118px}.page-title{font-size:16px;top:51px}}@media (prefers-reduced-motion:reduce){.drag-hint{animation:none;opacity:1}.pinwheel{animation-duration:6s}.cameo,.itembar,.itembar-topbar,.present-overlay{transition-duration:.01ms}}