.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:.4rem;background:transparent;border:none;color:var(--aia-soft);padding:.4rem .6rem;font:inherit;font-size:.85rem;font-weight:500;cursor:pointer;border-radius:6px;text-decoration:underline;text-decoration-color:#94a3b880;text-underline-offset:3px;transition:color .15s ease,background .15s ease}.ai-attach-link:hover{color:var(--aia-ink);background:var(--aia-surface-2);text-decoration-color:var(--aia-ink)}.ai-attach-link:disabled{opacity:.6;cursor:progress}.ai-attach-link__icon{font-size:1rem;line-height:1}.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:.5rem 0 0;font-size:.75rem;color:var(--aia-mute, #94a3b8);text-align:center}.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}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ai-design-attach.css.map?build=20260505m */
