body{color:#222;background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{width:100%}.carousel{margin-bottom:24px}.carousel-wrapper{align-items:center;display:flex;position:relative}.carousel-track{aspect-ratio:16/9;cursor:pointer;background:#ececec;border-radius:8px;flex:1;overflow:hidden}.carousel-image{object-fit:contain;width:100%;height:100%;display:block}.carousel-expand-btn{color:#fff;opacity:0;pointer-events:none;background:#00000073;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s;display:flex;position:absolute;top:10px;right:20px}.carousel-expand-btn svg{width:16px;height:16px}.carousel-track:hover .carousel-expand-btn{opacity:1}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{0%{opacity:1}to{opacity:0}}@keyframes lightbox-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes lightbox-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.carousel-lightbox{z-index:1000;background:#000000d9;justify-content:center;align-items:center;animation:.2s lightbox-fade-in;display:flex;position:fixed;inset:0}.carousel-lightbox--closing{animation:.2s forwards lightbox-fade-out}.carousel-lightbox-inner{width:90vw;max-width:1200px;animation:.25s lightbox-scale-in;position:relative}.carousel-lightbox--closing .carousel-lightbox-inner{animation:.2s forwards lightbox-scale-out}.carousel-lightbox-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;position:absolute;top:-48px;right:0}.carousel-lightbox-close:hover{background:#ffffff4d}.carousel-lightbox-close svg{width:18px;height:18px}.carousel--lightbox .carousel-track{cursor:default;aspect-ratio:16/9}.carousel--lightbox .carousel-expand-btn{display:none}.carousel--lightbox .carousel-dot{background:#ffffff73}.carousel--lightbox .carousel-dot--active{background:#fff}@keyframes slide-in-next{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-in-prev{0%{transform:translate(-100%)}to{transform:translate(0)}}.carousel-image--next{animation:.4s slide-in-next}.carousel-image--prev{animation:.4s slide-in-prev}.carousel-btn{cursor:pointer;z-index:2;background:#9c9c9c;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin:0 -14px;transition:background .15s;display:flex}.carousel-btn:hover{background:#7a7a7a}.carousel-btn svg{stroke:#fff;stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.carousel-dots{justify-content:center;gap:6px;padding:10px 0 8px;display:flex}.carousel-dot{cursor:pointer;background:#c8c8c8;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background .15s}.carousel-dot--active{background:#4a4a4a}*,:before,:after{box-sizing:border-box}.listing-root{color:#222;background:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.listing-header{z-index:10;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0}.listing-header-inner{justify-content:space-between;align-items:center;max-width:1100px;height:52px;margin:0 auto;padding:0 24px;display:flex}.listing-header-brand{align-items:center;gap:10px;display:flex}.header-logo{height:28px}.header-divider{color:#ccc;font-size:18px;font-weight:300}.header-marketplace{color:#222;font-size:16px;font-weight:500}.header-manage-btn{color:#c00;cursor:pointer;background:0 0;border:1px solid #c00;border-radius:4px;padding:5px 16px;font-size:13px}.header-manage-btn:hover{background:#fff0f0}.listing-main{max-width:1100px;margin:0 auto;padding:24px 24px 60px}.back-btn{cursor:pointer;color:#2c6fdb;background:0 0;border:1px solid #2c6fdb;border-radius:20px;align-items:center;gap:4px;margin-bottom:24px;padding:10px 24px;font-size:15px;transition:background .15s,color .15s;display:inline-flex}.back-btn:hover{color:#fff;background:#2c6fdb}.listing-body{grid-template-columns:1fr 280px;align-items:start;gap:32px;display:grid}.listing-title-block{align-items:flex-start;gap:16px;max-width:1100px;margin-bottom:24px;display:flex}.listing-icon-wrap{border-radius:10px;flex-shrink:0;width:64px;height:64px;overflow:hidden}.listing-icon{object-fit:cover;width:64px;height:64px}.listing-type-label{color:#72787f;margin-bottom:4px;font-size:12px;font-weight:500}.listing-title{color:#111;margin:0 0 6px;font-size:22px;font-weight:700}.listing-author{color:#555;font-size:13px}.listing-author-link{color:#306fc5;text-decoration:none}.listing-author-link:hover{text-decoration:underline}.listing-verified{color:#2a7a2a;margin-left:8px;font-size:12px}.listing-description{color:#333;margin-bottom:24px;line-height:1.6}.listing-section-title{color:#111;margin:28px 0 12px;font-size:16px;font-weight:700}.listing-list{color:#333;margin:0 0 8px;padding-left:20px;line-height:1.7}.listing-list--links{list-style:outside}.listing-list li{margin-bottom:6px}.listing-capabilities{flex-direction:column;gap:16px;display:flex}.capability-group{color:#333;font-size:14px}.capability-group ul{margin:6px 0 0;padding-left:20px}.capability-group li{margin-bottom:4px;line-height:1.6}.listing-link{color:#306fc5;text-decoration:none}.listing-link:hover{text-decoration:underline}.listing-tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.listing-tag{color:#444;background:#f0f0f0;border-radius:4px;padding:4px 12px;font-size:13px}.listing-aside{flex-direction:column;gap:16px;display:flex}.aside-card{border:1px solid #e0e0e0;border-radius:8px;padding:16px}.aside-card--works-with{background:#eaf2fe;border-color:#eaf2fe}.aside-title{color:#111;margin:0 0 12px;font-size:14px;font-weight:700}.aside-works-list{color:#333;flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.check-icon{color:#2a7a2a;margin-right:6px;font-weight:700}.aside-dev-name{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.aside-dev-desc{color:#555;margin:0 0 10px;font-size:13px;line-height:1.5}.aside-small-link{margin-top:6px;font-size:13px;display:block}.aside-card--meta{font-size:13px}.aside-meta-row{margin-bottom:12px}.aside-meta-dates{gap:24px;display:flex}.aside-meta-label{color:#888;margin-bottom:2px;font-size:12px}.aside-meta-value{color:#222;font-weight:500}.aside-terms-text{color:#555;margin:0;font-size:13px;line-height:1.5}@media (width<=768px){.listing-body{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}