:where(:not(html,iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}*,:before,:after{box-sizing:border-box}html,body{width:100%;height:100%}body{min-height:100vh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#000;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}body[data-page=collection]{align-items:flex-start;padding:0}@media (width>=1024px){body[data-page=collection]{align-items:stretch}body[data-page=collection] #root,body[data-page=collection] .collection-root{min-height:100%}}#root{width:100%;display:block}:root{--accent:#2b91eb;--card-bg:#fff;--card-border:1px solid #0000000d;--text-primary:#1a1a1f;--text-muted:#8a8a8a;--text-tag:#666670;--tag-bg:#f2f0ed;--divider:#ededf0;--share-stack-h-per-w:1.52;--share-stack-vpad:48px}.wrap{--share-column-w:min(92vw, 500px, max(280px, calc((100dvh - var(--share-stack-vpad)) / var(--share-stack-h-per-w))), max(280px, calc((100vh - var(--share-stack-vpad)) / var(--share-stack-h-per-w))));--u:calc(var(--share-column-w) / 500);width:var(--share-column-w);align-items:stretch;gap:calc(30 * var(--u));box-sizing:border-box;flex-direction:column;min-height:0;max-height:min(100dvh,100vh);margin:0 auto;display:flex;overflow:hidden auto}.state-card{background:var(--card-bg);border:var(--card-border);border-radius:calc(20 * var(--u));flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;padding:28px 20px;display:flex;box-shadow:0 4px 24px -2px #00000014}.state-card--dark{box-shadow:none;color:#ececec;background:#141414;border:1px solid #ffffff0f}.state-card--dark .state-text,.state-card--dark .error-message{color:#8a8a8a}.collection-root{flex-direction:column;align-items:stretch;width:100%;display:flex}.loading-spinner{border:4px solid #0000001f;border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.state-text{color:#666;font-size:16px;font-weight:600}.error-title{color:#ea5555;font-size:20px;font-weight:800}.error-message{color:#666;text-align:center;font-size:14px}.preset-card{background:var(--card-bg);border-radius:calc(20 * var(--u));border:none;width:100%;overflow:hidden;box-shadow:0 0 0 1px #0000000d,0 2.857px 17.143px -2px #00000014}.image-section{box-sizing:border-box;background:#0a0a0a;width:100%;margin:0;position:relative}.image-area{aspect-ratio:1;box-sizing:border-box;background:#0a0a0a;border-radius:0;width:100%;position:relative;overflow:hidden}.image-area img{object-fit:cover;object-position:center;transform-origin:50%;width:100%;height:100%;display:block;transform:scale(1.01)}.image-gradient{pointer-events:none;height:calc(128.571 * var(--u));background:linear-gradient(#0000,#00000059);position:absolute;bottom:0;left:0;right:0}.image-placeholder{color:#999;background:linear-gradient(135deg,#f5f5f5 0%,#e0e0e0 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}.image-compare-btn{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;z-index:1;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;position:absolute;bottom:12px;right:12px}.image-compare-btn:active{opacity:.9}.info-section{gap:calc(11.43 * var(--u));padding:calc(17.14 * var(--u)) calc(22.86 * var(--u)) calc(14.29 * var(--u));box-sizing:border-box;flex-direction:column;display:flex}.content-row{justify-content:space-between;align-items:stretch;gap:calc(12 * var(--u));width:100%;min-width:0;display:flex}.title-column{justify-content:flex-start;gap:calc(15.71 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.title-colors{gap:calc(7.14 * var(--u));flex-direction:column;min-width:0;display:flex}.preset-name{font-size:calc(22.86 * var(--u));color:var(--text-primary);font-weight:600;line-height:calc(30 * var(--u));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.color-balls{align-items:center;gap:calc(7.14 * var(--u));height:calc(14.286 * var(--u));display:flex}.color-ball{width:calc(14.286 * var(--u));height:calc(14.286 * var(--u));min-width:calc(14.286 * var(--u));min-height:calc(14.286 * var(--u));box-sizing:border-box;border:1px solid #ffffffe6;border-radius:50%;flex-shrink:0;display:block;box-shadow:0 0 0 .5px #0000000f}.tags{gap:calc(7.14 * var(--u));flex-wrap:wrap;min-width:0;display:flex}.tag-pill{background:var(--tag-bg);color:var(--text-tag);font-size:calc(12.86 * var(--u));padding:calc(3.96 * var(--u)) calc(9.89 * var(--u));border-radius:calc(16.615 * var(--u));white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;font-weight:400;line-height:1.2;display:inline-flex}.preset-shortcode{font-size:calc(14 * var(--u));color:var(--text-muted);word-break:break-all;margin:0;font-weight:400;line-height:1.2}.qr-area{align-items:center;gap:calc(6.43 * var(--u));width:calc(71.43 * var(--u));flex-direction:column;flex-shrink:0;display:flex}.qr-label{font-size:calc(11.43 * var(--u));color:#8c9199;white-space:nowrap;text-align:center;font-weight:400;line-height:1.2}.qr-box{width:calc(71.43 * var(--u));height:calc(71.43 * var(--u));background:#fff;border-radius:2px;justify-content:center;align-items:center;display:flex;overflow:hidden}.qr-box img{object-fit:contain;width:100%;height:100%;display:block}.qr-fallback{color:#999;text-align:center;padding:8px;font-size:12px}.card-divider{background:var(--divider);flex-shrink:0;width:100%;height:1px}.card-footer{justify-content:flex-end;align-items:center;gap:calc(4.286 * var(--u));width:100%;min-width:0;display:flex}.card-footer-logo{width:calc(20 * var(--u));height:calc(20 * var(--u));object-fit:cover;border-radius:999px;flex-shrink:0;display:block}.card-footer-brand,.card-footer-author{font-size:calc(12.86 * var(--u));color:var(--text-muted);white-space:nowrap;font-weight:400;line-height:1.2}.card-footer-author{text-overflow:ellipsis;max-width:55%;overflow:hidden}.action-button-container{width:100%}.action-button{width:100%;height:calc(63.74 * var(--u));background:var(--accent);color:#ececec;min-height:48px;font-size:calc(22 * var(--u));border-radius:calc(5.666 * var(--u));appearance:none;cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;font-weight:400;transition:transform .18s,box-shadow .18s,opacity .18s;display:flex}.action-button:hover{transform:translateY(-1px);box-shadow:0 10px 28px #2b91eb73}.action-button:active{opacity:.92;transform:translateY(0)}.collection-landing{--cu:calc(min(100vw, 780px) / 780);--slide-w:calc(560 * var(--cu));--slide-h:calc(720 * var(--cu));--slide-gap:calc(24 * var(--cu));--page-pad:calc(40 * var(--cu));box-sizing:border-box;width:min(100vw,780px);min-height:min(100dvh,100vh);padding:var(--page-pad) 0 calc(48 * var(--cu));color:#ececec;background:#0a0a0a;flex-direction:column;margin:0 auto;display:flex}.collection-aside{display:contents}.collection-brand{align-items:center;gap:calc(9 * var(--cu));margin-left:var(--page-pad);margin-right:var(--page-pad);flex-shrink:0;order:1;display:flex}.collection-brand-logo{width:calc(42 * var(--cu));height:calc(42 * var(--cu));border-radius:calc(14.359 * var(--cu));object-fit:cover;flex-shrink:0;display:block}.collection-brand-name{font-size:calc(27 * var(--cu));color:#8a8a8a;white-space:nowrap;font-weight:400;line-height:1.2}.collection-stage{width:100%;height:calc(798 * var(--cu));margin-top:calc(82 * var(--cu));flex-shrink:0;order:2;align-items:center;display:flex;position:relative;overflow:hidden}.collection-copy{margin-top:calc(60 * var(--cu));margin-left:var(--page-pad);margin-right:var(--page-pad);gap:calc(16 * var(--cu));flex-direction:column;flex:auto;order:3;display:flex}.collection-title{font-size:calc(38 * var(--cu));color:#ececec;white-space:pre-line;margin:0;font-weight:500;line-height:1.25}.collection-count{font-size:calc(26 * var(--cu));color:#ececec;margin:0;font-weight:400;line-height:1.3}.collection-desc{font-size:calc(24 * var(--cu));color:#8a8a8a;margin:0;font-weight:400;line-height:1.35}.collection-cta{margin-top:calc(40 * var(--cu));margin-left:var(--page-pad);margin-right:var(--page-pad);width:calc(100% - var(--page-pad) * 2);height:calc(90 * var(--cu));border-radius:calc(8 * var(--cu));color:#0a0a0a;min-height:52px;font-size:calc(32 * var(--cu));cursor:pointer;appearance:none;background:#ececec;border:none;flex-shrink:0;order:4;justify-content:center;align-items:center;font-weight:500;line-height:1;transition:opacity .15s,transform .15s;display:flex}.collection-cta:hover{transform:translateY(-1px)}.collection-cta:active{opacity:.9;transform:none}.collection-track{align-items:center;gap:var(--slide-gap);scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;cursor:grab;width:100%;height:100%;padding-inline:max(var(--page-pad), calc((100% - var(--slide-w)) / 2));box-sizing:border-box;display:flex;overflow:auto hidden}.collection-track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.collection-track::-webkit-scrollbar{display:none}.collection-nav{z-index:5;color:#ececec;cursor:pointer;appearance:none;background:#ececec29;border:none;border-radius:999px;width:40px;height:40px;margin-top:-20px;display:none;position:absolute;top:50%}.collection-nav:before{content:"";border-top:2px solid;border-right:2px solid;width:10px;height:10px;margin:0 auto;display:block}.collection-nav--prev{left:max(8px, calc(var(--page-pad) - 8px))}.collection-nav--prev:before{margin-left:14px;transform:rotate(-135deg)}.collection-nav--next{right:max(8px, calc(var(--page-pad) - 8px))}.collection-nav--next:before{margin-left:12px;transform:rotate(45deg)}.collection-nav:disabled{opacity:.25;cursor:default}.collection-slide{flex:0 0 var(--slide-w);width:var(--slide-w);height:var(--slide-h);border-radius:calc(8 * var(--cu));scroll-snap-align:center;scroll-snap-stop:always;opacity:.55;cursor:pointer;background:#1a1a1a;transition:transform .2s,opacity .2s;overflow:hidden;transform:scale(.92)}.collection-slide.is-active{opacity:1;cursor:grab;transform:scale(1)}.collection-slide img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}@media (width<=420px){.collection-landing{--page-pad:20px}.collection-stage{margin-top:calc(48 * var(--cu))}}@media (width>=1024px){.collection-landing{--cu:1px;--slide-w:560px;--slide-h:720px;--slide-gap:24px;--page-pad:0px;grid-template-columns:minmax(420px,600px) minmax(640px,1fr);align-items:center;column-gap:clamp(40px,5vw,120px);width:100%;max-width:1920px;min-height:100vh;padding:88px clamp(48px,8.3vw,160px);display:grid}.collection-aside{flex-direction:column;order:unset;grid-column:1;justify-content:center;align-items:flex-start;min-height:720px;display:flex}.collection-brand{order:unset;margin:0}.collection-copy{order:unset;flex:none;gap:21px;max-width:600px;margin:150px 0 0}.collection-title{font-size:38px}.collection-count{margin-top:5px;font-size:26px}.collection-desc{font-size:24px}.collection-cta{order:unset;border-radius:8px;width:520px;max-width:100%;height:90px;margin:42px 0 0;font-size:32px}.collection-stage{order:unset;grid-column:2;justify-self:center;width:min(100%,680px);height:798px;margin:0}.collection-track{padding-inline:calc((100% - var(--slide-w)) / 2)}.collection-nav{display:block}.collection-nav--prev{left:8px}.collection-nav--next{right:8px}}@media (width>=1024px) and (height<=820px){.collection-landing{padding-top:40px;padding-bottom:40px}.collection-aside{min-height:0}.collection-copy{margin-top:72px}.collection-stage{height:min(798px,72vh)}.collection-slide{height:min(720px,65vh)}}