.share-mockup{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:340px;padding:1.25rem;pointer-events:none;width:100%}.share-mockup__title{background:var(--bg-hover);border-radius:6px;height:10px;margin-bottom:.25rem;width:45%}.share-mockup__group{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:.65rem;padding:.85rem 1rem}.share-mockup__label{background:var(--bg-hover);border-radius:4px;height:8px;width:38%}.share-mockup__pill,.share-mockup__row{align-items:center;display:flex;gap:8px}.share-mockup__pill{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:25px;flex:1;height:36px;overflow:hidden;padding:0 12px}.share-mockup__pill i{color:var(--accent-muted);flex-shrink:0;font-size:.8rem}.share-mockup__pill-text{background:var(--bg-hover);border-radius:4px;flex:1;height:7px}.share-mockup__btn{align-items:center;background:var(--accent);border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.share-mockup__btn i{color:var(--text-on-accent);font-size:.8rem}.share-mockup__btn--ghost{background:var(--bg-primary);border:1px solid var(--border-color)}.share-mockup__btn--ghost i{color:var(--accent)}[data-theme=dark] .share-mockup{box-shadow:var(--card-shadow)}@media (max-width:768px){.share-mockup{max-width:100%}}.fulfill-mockup{margin:0 auto;max-width:340px;pointer-events:none;width:100%}.fulfill-mockup__card{background:var(--bg-tertiary);border:var(--card-border);border-radius:12px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:12px;opacity:.85;padding:20px;position:relative}.fulfill-mockup__card:after{background:linear-gradient(135deg,rgba(var(--accent-rgb),.05) 0,rgba(var(--accent-rgb),.02) 100%);border-radius:12px;content:"";inset:0;pointer-events:none;position:absolute}.fulfill-mockup__image{align-items:center;aspect-ratio:1/1;background:var(--bg-hover);border-radius:12px;display:flex;justify-content:center;width:100%}.fulfill-mockup__image i{color:var(--text-muted);font-size:3rem;opacity:.4}.fulfill-mockup__header{align-items:center;display:flex;gap:10px;justify-content:space-between}.fulfill-mockup__title{background:var(--bg-active);border-radius:5px;flex:1;height:10px;overflow:visible;position:relative}.fulfill-mockup__title:after{background:var(--text-muted);border-radius:1px;content:"";height:2px;left:0;position:absolute;right:0;top:50%}.fulfill-mockup__badge{align-items:center;background:var(--success);border-radius:12px;color:var(--text-on-accent);display:inline-flex;flex-shrink:0;font-size:.72rem;gap:5px;padding:4px 9px;white-space:nowrap}.fulfill-mockup__badge i{font-size:.75rem}.fulfill-mockup__desc{background:var(--bg-active);border-radius:4px;height:7px}.fulfill-mockup__desc--short{width:55%}.fulfill-mockup__desc--struck{overflow:visible;position:relative}.fulfill-mockup__desc--struck:after{background:var(--text-muted);border-radius:1px;content:"";height:2px;left:0;position:absolute;right:0;top:50%}.fulfill-mockup__buttons{display:flex;justify-content:flex-end;margin-top:4px}.fulfill-mockup__btn--undo{align-items:center;background:var(--danger);border:none;border-radius:10px;color:var(--text-on-accent);display:inline-flex;font-size:.8rem;padding:8px 12px}@media (max-width:768px){.fulfill-mockup{max-width:100%}}.custom-mockup{background:var(--bg-primary);border:var(--card-border);border-radius:20px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:340px;padding:1.25rem;pointer-events:none;width:100%}.custom-mockup__label{background:var(--bg-hover);border-radius:4px;height:8px;width:35%}.custom-mockup__themes{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.custom-mockup__theme{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);color:var(--text-secondary);display:flex;flex-shrink:0;font-size:1.2rem;height:50px;justify-content:center;width:50px}.custom-mockup__theme--selected{background:rgba(var(--accent-rgb),.1);border-color:var(--accent);box-shadow:0 0 15px rgba(var(--accent-rgb),.4);color:var(--accent)}.custom-mockup__colors{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.custom-mockup__color{border:2px solid transparent;border-radius:50%;flex-shrink:0;height:30px;width:30px}.custom-mockup__color--blue{background:#3498db}.custom-mockup__color--green{background:#2ecc71}.custom-mockup__color--red{background:#e74c3c}.custom-mockup__color--yellow{background:#f1c40f}.custom-mockup__color--purple{background:#9b59b6}.custom-mockup__color--orange{background:#e67e22}.custom-mockup__color--teal{background:#1abc9c}.custom-mockup__color--pink{background:#ff69b4}.custom-mockup__color--selected{border-color:var(--accent);box-shadow:0 0 5px rgba(var(--accent-rgb),.4)}@media (max-width:768px){.custom-mockup{max-width:100%}}.ext-mockup{background:var(--bg-primary);border:var(--card-border);border-radius:14px;box-shadow:var(--card-shadow);margin:0 auto;max-width:340px;overflow:hidden;pointer-events:none;width:100%}.ext-mockup__chrome{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:8px 12px}.ext-mockup__dots{display:flex;flex-shrink:0;gap:4px}.ext-mockup__dot{border-radius:50%;height:8px;opacity:.7;width:8px}.ext-mockup__dot--red{background:#ff5f57}.ext-mockup__dot--yellow{background:#ffbd2e}.ext-mockup__dot--green{background:#28c840}.ext-mockup__url{background:var(--bg-hover);border-radius:6px;flex:1;height:20px}.ext-mockup__body{display:flex;gap:16px;padding:16px}.ext-mockup__img{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;flex-shrink:0;justify-content:center;min-height:100px;width:90px}.ext-mockup__img i{color:var(--text-muted);font-size:2rem;opacity:.4}.ext-mockup__info{display:flex;flex:1;flex-direction:column;gap:8px}.ext-mockup__title{background:var(--bg-hover);border-radius:4px;height:9px}.ext-mockup__title--short{width:65%}.ext-mockup__price{background:var(--bg-active);border-radius:4px;height:12px;margin-bottom:4px;width:40%}.ext-mockup__buttons{display:flex;flex-direction:column;gap:8px;margin-top:4px}.ext-mockup__btn--cart{align-items:center;background:#ffa41c;border-radius:20px;color:#111;display:flex;font-size:.72rem;font-weight:600;gap:6px;justify-content:center;padding:8px 0;width:100%}.ext-mockup__btn--cart i{font-size:.75rem}.ext-mockup__btn--wishlist{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border-radius:20px;color:var(--text-on-accent);display:flex;font-size:.72rem;font-weight:600;gap:6px;justify-content:center;padding:8px 0;width:100%}.ext-mockup__btn--wishlist i{font-size:.75rem}@media (max-width:768px){.ext-mockup{max-width:100%}}.mobile-mockup{margin:0 auto;pointer-events:none;width:180px}.mobile-mockup__phone{background:var(--bg-primary);border:3px solid var(--text-primary);border-radius:36px;box-shadow:0 0 0 1px var(--border-color),0 16px 40px rgba(0,0,0,.15);box-sizing:border-box;display:flex;flex-direction:column;height:390px;overflow:hidden;padding:14px 10px;position:relative;width:180px}.mobile-mockup__notch{background:var(--text-primary);border-radius:10px;flex-shrink:0;height:10px;margin:0 auto 14px;width:60px}.mobile-mockup__screen{display:flex;flex:1;flex-direction:column;gap:8px;overflow:hidden}.mobile-mockup__title{background:var(--bg-hover);border-radius:5px;height:11px;margin-bottom:4px;width:55%}.mobile-mockup__item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:8px;padding:8px}.mobile-mockup__item-thumb{align-items:center;background:var(--bg-hover);border-radius:6px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.mobile-mockup__item-thumb i{color:var(--text-muted);font-size:.7rem;opacity:.5}.mobile-mockup__item-lines{display:flex;flex:1;flex-direction:column;gap:5px}.mobile-mockup__item-line{background:var(--bg-active);border-radius:3px;height:7px}.mobile-mockup__item-line--short{width:55%}.mobile-mockup__item--done{background:var(--bg-tertiary);opacity:.6}.mobile-mockup__check{align-items:center;background:var(--success);border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.mobile-mockup__check i{color:#fff;font-size:.55rem}.mobile-mockup__indicator{background:var(--text-primary);border-radius:2px;height:4px;margin:14px auto 0;opacity:.2;width:50px}@media (max-width:768px){.mobile-mockup,.mobile-mockup__phone{height:346px;width:160px}}.hero-mockup{border-radius:14px;margin:2rem auto 0;max-width:700px;overflow:hidden;pointer-events:none;width:100%}.hero-mockup__body{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:16px;padding:20px}.hero-mockup__header{align-items:center;background:var(--bg-primary);border-radius:12px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:10px;padding:16px 20px}.hero-mockup__wl-title{background:var(--bg-hover);border-radius:6px;height:14px;position:relative;width:45%}.hero-mockup__wl-title:after{background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:2px;bottom:-6px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.hero-mockup__wl-sub{background:var(--bg-hover);border-radius:4px;height:8px;margin-top:4px;width:28%}.hero-mockup__grid{display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.hero-mockup__card{background:var(--bg-primary);border:var(--card-border);border-radius:12px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:8px;padding:14px;position:relative}.hero-mockup__rank{gap:6px;margin-bottom:4px}.hero-mockup__rank,.hero-mockup__rank-btn{align-items:center;display:flex;justify-content:center}.hero-mockup__rank-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:5px;flex-shrink:0;height:18px;width:18px}.hero-mockup__rank-btn i{color:var(--text-secondary);font-size:.45rem}.hero-mockup__rank-btn--disabled{opacity:.4}.hero-mockup__rank-num{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;color:var(--text-secondary);font-size:.6rem;height:18px;width:24px}.hero-mockup__edit-btn,.hero-mockup__rank-num{align-items:center;display:flex;justify-content:center}.hero-mockup__edit-btn{background:var(--accent);border-radius:6px;height:22px;position:absolute;right:10px;top:10px;width:22px}.hero-mockup__edit-btn i{color:var(--text-on-accent);font-size:.5rem}.hero-mockup__card-img{align-items:center;aspect-ratio:1/1;background:var(--bg-tertiary);border-radius:8px;display:flex;justify-content:center;width:100%}.hero-mockup__card-img i{color:var(--text-muted);font-size:1.4rem;opacity:.35}.hero-mockup__card-line{background:var(--bg-hover);border-radius:4px;height:8px}.hero-mockup__card-line--short{width:60%}.hero-mockup__footer{display:flex;justify-content:space-between;margin-top:4px}.hero-mockup__foot-btn{align-items:center;background:var(--accent);border-radius:7px;display:flex;height:24px;justify-content:center;width:24px}.hero-mockup__foot-btn i{color:var(--text-on-accent);font-size:.55rem}.hero-mockup__foot-btn--danger{background:var(--danger)}@media (max-width:768px){.hero-mockup{margin-top:1.5rem;max-width:100%}.hero-mockup__grid{grid-template-columns:1fr 1fr}.hero-mockup__card:last-child{display:none}}