.ai-attach-link__wrap,.ai-attach-banner,.ai-attach-chip{--aia-ink: #0f172a;--aia-soft: #475569;--aia-mute: #94a3b8;--aia-line: #e2e8f0;--aia-line-strong: #cbd5e1;--aia-surface: #ffffff;--aia-surface-2: #f8fafc;--aia-accent: #fef3c7;--aia-accent-fg: #92400e;--aia-radius: 10px;--aia-radius-sm: 8px;--aia-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--aia-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-family:var(--aia-font);color:var(--aia-ink);box-sizing:border-box}.ai-attach-link__wrap *,.ai-attach-banner *,.ai-attach-chip *{box-sizing:border-box}.ai-attach-banner{display:flex;align-items:center;gap:.65rem;margin:0 0 1rem;padding:.75rem 1rem;background:linear-gradient(90deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:var(--aia-radius);text-decoration:none;color:#78350f;font-size:.9rem;transition:transform .15s ease,box-shadow .15s ease}.ai-attach-banner:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fcd34d66}.ai-attach-banner__icon{font-size:1.2rem;flex-shrink:0}.ai-attach-banner__text strong{font-weight:700}.ai-attach-link__wrap{margin-top:.5rem}.ai-attach-link[hidden],.ai-attach-chip[hidden],.ai-attach-mockup[hidden],.ai-attach-link__wrap[hidden]{display:none!important}.ai-attach-link{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(90deg,#fef3c7,#fde68a);border:1.5px solid #fcd34d;color:#78350f;padding:.6rem 1rem;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;border-radius:10px;text-decoration:none;box-shadow:0 1px 2px #fcd34d40;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.ai-attach-link:hover{background:linear-gradient(90deg,#fde68a,#fcd34d);transform:translateY(-1px);box-shadow:0 4px 10px #fcd34d66}.ai-attach-link:disabled{opacity:.6;cursor:progress}.ai-attach-link__icon{font-size:1.1rem;line-height:1}.ai-attach-link--from-chat{animation:ai-attach-link-pulse 1.4s ease-in-out 3}@keyframes ai-attach-link-pulse{0%,to{box-shadow:0 1px 2px #fcd34d40;transform:scale(1)}50%{box-shadow:0 0 0 6px #fcd34d59,0 6px 14px #fcd34d80;transform:scale(1.04)}}.ai-attach-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9998;display:flex;align-items:center;gap:.6rem;padding:.75rem 1.1rem;background:#d1fae5;border:1px solid #6ee7b7;color:#065f46;border-radius:12px;font-family:var(--aia-font);font-size:.9rem;font-weight:600;box-shadow:0 8px 20px #0f172a2e;animation:ai-attach-toast-in .25s ease}@keyframes ai-attach-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.ai-attach-toast__icon{font-size:1.1rem}.ai-attach-quality{display:flex;align-items:center;gap:.45rem;margin-top:.5rem;padding:.5rem .7rem;background:var(--aia-surface-2);border:1px solid var(--aia-line);border-radius:var(--aia-radius-sm);font-size:.78rem;color:var(--aia-soft);font-family:var(--aia-font);line-height:1.4}.ai-attach-quality--done{background:#d1fae5;border-color:#6ee7b7;color:#065f46;font-weight:600}.ai-attach-quality--warn{background:#fef3c7;border-color:#fcd34d;color:#78350f}.ai-attach-quality__icon{font-size:.95rem;line-height:1}.ai-attach-quality__spinner{width:12px;height:12px;border-radius:50%;border:2px solid var(--aia-line-strong);border-top-color:var(--aia-ink);animation:ai-attach-quality-spin .7s linear infinite;flex-shrink:0}@keyframes ai-attach-quality-spin{to{transform:rotate(360deg)}}.ai-attach-chip{display:flex;align-items:center;gap:.7rem;margin-top:.5rem;padding:.55rem .7rem;background:var(--aia-surface);border:1px solid var(--aia-line);border-radius:var(--aia-radius);box-shadow:var(--aia-shadow-sm)}.ai-attach-chip__thumb{width:44px!important;height:44px!important;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--aia-surface-2)}.ai-attach-chip__text{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.ai-attach-chip__prompt{font-size:.88rem;font-weight:500;color:var(--aia-ink);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.ai-attach-chip__status{font-size:.75rem;color:#047857}.ai-attach-chip__clear{flex-shrink:0;background:var(--aia-surface-2);border:1px solid var(--aia-line);color:var(--aia-soft);font-size:1.1rem;line-height:1;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.ai-attach-chip__clear:hover{color:#fff;background:#dc2626;border-color:#dc2626}.ai-attach-mockup{margin-top:.6rem;padding:.85rem;background:var(--aia-surface-2, #f8fafc);border:1px solid var(--aia-line, #e2e8f0);border-radius:var(--aia-radius, 10px);font-family:var(--aia-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.ai-attach-mockup__inner{display:flex;align-items:center;justify-content:center;min-height:200px;background:#fff;border-radius:8px;overflow:hidden}.ai-attach-mockup__canvas{max-width:100%;height:auto;display:block}.ai-attach-mockup__loading{font-size:.85rem;color:var(--aia-soft, #475569);font-style:italic}.ai-attach-mockup__error{font-size:.85rem;color:#b91c1c}.ai-attach-mockup__caption{margin:.6rem 0 0;padding:.5rem .7rem;background:#4a90d914;border-left:3px solid #4a90d9;border-radius:4px;font-size:.8rem;line-height:1.5;color:#2c5282;text-align:left}.ai-attach-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1rem;font-family:var(--aia-font);color:#0f172a;animation:ai-attach-fade .15s ease}@keyframes ai-attach-fade{0%{opacity:0}to{opacity:1}}body.ai-attach-modal-open{overflow:hidden}.ai-attach-modal__sheet{background:#fff;border-radius:16px;width:100%;max-width:720px;max-height:86vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px #0f172a40;animation:ai-attach-slide .2s ease}@keyframes ai-attach-slide{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.ai-attach-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid #e2e8f0}.ai-attach-modal__header h2{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.ai-attach-modal__close{background:transparent;border:none;font-size:1.5rem;line-height:1;color:#64748b;cursor:pointer;padding:.25rem .5rem;border-radius:6px}.ai-attach-modal__close:hover{color:#0f172a;background:#f1f5f9}.ai-attach-modal__empty{padding:3rem 1.5rem;text-align:center;color:#475569}.ai-attach-modal__empty p{margin:0 0 1.25rem}.ai-attach-modal__cta{display:inline-block;background:#0f172a;color:#fff;text-decoration:none;padding:.7rem 1.25rem;border-radius:10px;font-weight:600;font-size:.95rem}.ai-attach-modal__cta:hover{opacity:.92}.ai-attach-modal__grid{list-style:none;margin:0;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem;overflow-y:auto;flex:1}.ai-attach-modal__tile{margin:0}.ai-attach-modal__pick{width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;cursor:pointer;text-align:left;padding:0;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column}.ai-attach-modal__pick:hover{border-color:#0f172a;transform:translateY(-2px);box-shadow:0 6px 16px #0f172a14}.ai-attach-modal__thumb{aspect-ratio:1 / 1;background:repeating-conic-gradient(#f1f5f9 0% 25%,#fff 0% 50%) 50% / 16px 16px,#f8fafc}.ai-attach-modal__thumb img{width:100%;height:100%;object-fit:contain;display:block}.ai-attach-modal__prompt{padding:.55rem .7rem;font-size:.82rem;color:#475569;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.ai-attach-modal__footer{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;border-top:1px solid #e2e8f0;background:#f8fafc;flex-wrap:wrap;gap:.5rem}.ai-attach-modal__link{color:#0f172a;text-decoration:none;font-weight:500;font-size:.9rem;padding:.4rem .6rem;border-radius:6px}.ai-attach-modal__link:hover{background:#f1f5f9}[class^=ai-hero-carousel__slides-],[class*=" ai-hero-carousel__slides-"]{height:auto!important;aspect-ratio:7 / 3!important}@media screen and (max-width:767px){[class^=ai-hero-carousel__slides-],[class*=" ai-hero-carousel__slides-"]{aspect-ratio:4 / 5!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ai-design-attach.css.map */