header{z-index:50;background:#fff;border-bottom:1px solid #bababa;justify-content:space-between;align-items:center;gap:1rem;height:68px;padding:0 1.5rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:1rem;min-width:0;display:flex}.header-logo{flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.header-logo-ball{object-fit:contain;flex-shrink:0;width:26px;height:26px}.header-logo-text{letter-spacing:-.03em;color:#2d2d2d;font-family:Geist,sans-serif;font-size:1.05rem;font-weight:600;line-height:1}.header-text{min-width:0}header h1{color:#2d2d2d;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-family:Geist,sans-serif;font-size:.9rem;font-weight:700;overflow:hidden}header p{color:#8f898a;margin-top:2px;font-family:Geist,sans-serif;font-size:.72rem;font-weight:300}#tips-btn{color:#6b5299;cursor:pointer;white-space:nowrap;background:#f0edf8;border:1px solid #6b5299;flex-shrink:0;align-items:center;gap:.35rem;padding:.5rem 1.5rem;font-family:Geist,sans-serif;font-size:.875rem;font-weight:600;line-height:1.4;transition:background .35s cubic-bezier(.4,0,.2,1),color .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1);display:flex}#tips-btn:hover{color:#4a3670;background:#e2daf0;border-color:#8b6fbf}#tips-btn:active{color:#3d2d5c;background:#d4c9e6;transition:background 80ms,color 80ms}#tips-btn.active{color:#f0edf8;background:#6b5299;border-color:#6b5299}.tip{display:none}body.tips-on .tip{display:block}.explainer{background:#fff;border-bottom:1px solid #e8e8e8;flex-wrap:wrap;gap:1.5rem;padding:1.25rem 1.5rem;display:flex}.explainer h2{color:#2d2d2d;letter-spacing:-.01em;width:100%;margin-bottom:.25rem;font-family:Geist,sans-serif;font-size:.82rem;font-weight:700}.explainer-item{-webkit-backdrop-filter:blur(8px);background:#fff9;border:1px solid #6b529914;flex:1;align-items:flex-start;gap:.75rem;min-width:220px;padding:1.25rem 1.5rem;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;display:flex}.explainer-item:hover{border-color:#6b52992e;transform:translateY(-3px);box-shadow:0 12px 32px #6b52991a}.explainer-icon{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.explainer-icon.discover{color:#6b5299;background:#6b529914}.explainer-icon.listing{color:#00933c;background:#00933c14}.explainer-text h3{color:#2d2d2d;letter-spacing:.02em;margin-bottom:4px;font-family:Geist,sans-serif;font-size:.72rem;font-weight:600}.explainer-text p{color:#8f898a;font-family:Geist,sans-serif;font-size:.78rem;line-height:1.55}#drop-zone{text-align:center;cursor:pointer;background:#fff;border:2px dashed #bababa;max-width:480px;margin:2.5rem auto;padding:3rem 2.5rem;transition:border-color .2s,background .2s}#drop-zone:hover,#drop-zone.drag-over{background:#f0edf8;border-color:#6b5299}#drop-zone svg{opacity:.25;color:#8f898a;margin:0 auto 1.25rem;display:block}#drop-zone .dz-title{color:#2d2d2d;font-family:Geist,sans-serif;font-size:.9rem;font-weight:600}#drop-zone .dz-sub{color:#8f898a;margin-top:.4rem;font-family:Geist,sans-serif;font-size:.78rem;font-weight:300}#drop-zone .dz-formats{color:#bababa;letter-spacing:.1em;text-transform:uppercase;margin-top:.65rem;font-family:Geist,sans-serif;font-size:.68rem;font-weight:600}#file-input{display:none}#grid{flex-direction:column;gap:2.5rem;max-width:1080px;margin:0 auto;padding:0 1.5rem 3rem;display:flex}.card{background:#fff;border:1px solid #e8e8e8;transition:border-color .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:hover{border-color:#8b6fbf;box-shadow:0 4px 18px #6b52992e}.card-header{border-bottom:1px solid #e8e8e8;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.card-header svg{opacity:.35;flex-shrink:0}.card-header span{color:#8f898a;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-family:Geist,sans-serif;font-size:.68rem;overflow:hidden}.card-body{grid-template-columns:1fr 1fr;display:grid}.view-col{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.view-col+.view-col{border-left:1px solid #e8e8e8}.view-heading{flex-direction:column;gap:4px;display:flex}.view-heading .badge{text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:5px;width:fit-content;padding:.25rem .65rem;font-family:Geist,sans-serif;font-size:.68rem;font-weight:600;display:inline-flex}.badge.discover{color:#6b5299;background:#6b52990a;border:1px solid #6b529940}.badge.listing{color:#00933c;background:#00933c0f;border:1px solid #00933c40}.view-heading .view-title{color:#2d2d2d;margin-top:.4rem;font-family:Geist,sans-serif;font-size:.85rem;font-weight:600}.view-heading .view-desc{color:#8f898a;font-family:Geist,sans-serif;font-size:.78rem;line-height:1.55}.crop-wrap{aspect-ratio:3/4;background:#e8e8e8;width:100%;position:relative;overflow:hidden}.crop-wrap img{object-fit:cover;object-position:center center;width:133.333%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.listing-wrap{aspect-ratio:1;background:#e8e8e8;width:100%;overflow:hidden}.listing-wrap img{object-fit:cover;width:100%;height:100%;display:block}.tip{color:#8f898a;background:#6b52990a;border:1px solid #e8e8e8;padding:.65rem .85rem;font-family:Geist,sans-serif;font-size:.78rem;line-height:1.55}.tip strong{color:#6b5299;letter-spacing:.04em;text-transform:uppercase;font-family:Geist,sans-serif;font-size:.72rem;font-weight:600}.seo-content{max-width:1080px;margin:0 auto;padding:0 1.5rem 1.5rem}.seo-divider{background:linear-gradient(90deg,#6b5299,#6b529933);width:48px;height:2px;margin:2rem 0 1.5rem}.seo-content h2{color:#2d2d2d;letter-spacing:-.01em;margin:2rem 0 .65rem;font-family:Geist,sans-serif;font-size:1rem;font-weight:700}.seo-content h2:first-child{margin-top:0}.seo-content p{color:#5a4f4c;margin-bottom:.65rem;font-family:Geist,sans-serif;font-size:.875rem;line-height:1.7}.seo-content ul{color:#5a4f4c;margin-bottom:.65rem;padding-left:1.25rem;font-family:Geist,sans-serif;font-size:.875rem;line-height:1.7}.seo-content li{margin-bottom:.25rem}.seo-content li strong{color:#2d2d2d}.faq{max-width:1080px;margin:0 auto;padding:0 1.5rem 3rem}.faq h2{color:#2d2d2d;letter-spacing:-.01em;margin-bottom:1rem;font-family:Geist,sans-serif;font-size:1rem;font-weight:700}.faq details{interpolate-size:allow-keywords;border-bottom:1px solid #e8e8e8}.faq details::details-content{block-size:0;transition:block-size .45s cubic-bezier(.32, .72, 0, 1), content-visibility .45s allow-discrete;overflow:clip}.faq details[open]::details-content{block-size:auto}.faq summary{color:#2d2d2d;cursor:pointer;align-items:center;gap:.5rem;padding:.875rem 0;font-family:Geist,sans-serif;font-size:.875rem;font-weight:600;list-style:none;transition:color .15s;display:flex}.faq summary:hover{color:#6b5299}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.75l3 3 3-3' fill='none' stroke='%238F898A' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/.65rem no-repeat;border:1px solid #e8e8e8;flex-shrink:0;width:1.25rem;height:1.25rem;transition:transform .45s cubic-bezier(.32,.72,0,1),background-color .3s,border-color .3s;display:inline-flex}.faq details[open] summary:before{background-color:#6b52990f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.75l3 3 3-3' fill='none' stroke='%236B5299' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#6b529933;transform:rotate(-180deg)}.faq details p{color:#5a4f4c;opacity:0;padding:0 0 .875rem 1.75rem;font-family:Geist,sans-serif;font-size:.875rem;line-height:1.7;transition:opacity .3s,transform .45s cubic-bezier(.32,.72,0,1);transform:translateY(-4px)}.faq details[open] p{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.faq summary:before,.faq details p{transition:none}.faq details::details-content{transition:none}}.depop-footer{text-align:center;color:#8f898a;border-top:1px solid #e8e8e8;padding:1.5rem;font-family:Geist,sans-serif;font-size:.78rem;font-weight:300}.depop-footer a{color:#6b5299;font-weight:500;text-decoration:none;transition:color .15s}.depop-footer a:hover{color:#4a3670;text-decoration:underline}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){header{height:56px;padding:0 1rem}header h1{font-size:.78rem}.header-logo-ball{width:20px;height:20px}.header-logo-text{font-size:.92rem}.explainer{flex-direction:column;padding:1rem}.explainer-item{padding:1rem}#drop-zone{margin:1.5rem 1rem;padding:2rem 1.5rem}#grid{padding:0 1rem 2rem}.card-body{grid-template-columns:1fr}.view-col+.view-col{border-top:1px solid #e8e8e8;border-left:none}.seo-content{padding:0 1rem 1.5rem}.faq{padding:0 1rem 2rem}.depop-footer{padding:1.5rem 1rem}}