@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Boldonse&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,800;9..40,900&display=swap";:root{font-family:Barlow Condensed;color:#17110f;background:#f8f3ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #17110f;--ink-soft: rgba(23, 17, 15, .64);--paper: #fbf7f2;--cream: #f1e8df;--shell: #fffaf5;--coral: #e94b2f;--coral-deep: #b93421;--rose: #f2b8b2;--lemon: #adeb3f;--lemon-soft: #d7ff78;--butter: #fff0a8;--mist-blue: #dce8ef;--sage: #dfe5d9;--white: #ffffff;--line: rgba(23, 17, 15, .13);--shadow: 0 28px 80px rgba(80, 54, 42, .14)}*{box-sizing:border-box}html,#root{width:100%;height:100%;overflow:hidden}body{margin:0;min-width:320px;width:100%;height:100%;min-height:100vh;min-height:100dvh;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.app-shell{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);justify-items:center;align-items:stretch;gap:12px;width:100vw;height:100vh;height:100dvh;padding:18px;isolation:isolate;overflow:hidden}.aurora-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background:radial-gradient(circle at 76% 72%,rgba(220,232,239,.5),transparent 28%),radial-gradient(circle at 18% 78%,rgba(242,184,178,.34),transparent 30%),radial-gradient(circle at 50% 96%,rgba(173,235,63,.16),transparent 28%),linear-gradient(180deg,#fff,#fff 28%,#fbf7f2 58%,#f1e8df)}.aurora-bg:before{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;background:conic-gradient(from 120deg at 50% 44%,transparent 0deg,rgba(233,75,47,.07) 62deg,transparent 122deg),linear-gradient(120deg,transparent 0 24%,rgba(23,17,15,.045) 24% 25%,transparent 25% 100%);filter:blur(28px);opacity:.42;animation:float-field 18s ease-in-out infinite alternate}.grain-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(23,17,15,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,17,15,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 74%);mask-image:linear-gradient(to bottom,black,transparent 74%)}.workspace{width:min(100%,1060px);height:100%;min-width:0;min-height:0}.page-header{position:relative;display:flex;align-items:center;gap:14px;justify-content:flex-start;justify-self:stretch;width:100%;min-height:42px}.fae-logo{display:inline-flex;align-items:center;flex:0 0 auto;height:24px}.fae-logo img{display:block;width:84px;height:auto}.page-header h1{margin:0;color:var(--coral);font-family:Boldonse;font-size:clamp(14px,1.45vw,20px);line-height:1;letter-spacing:0}.glass-surface{position:relative;overflow:hidden;border:1px solid rgba(23,17,15,.12);border-radius:34px;background:#fffaf5b8;box-shadow:var(--shadow),inset 0 1px #ffffffbd;-webkit-backdrop-filter:blur(26px) saturate(1.18);backdrop-filter:blur(26px) saturate(1.18)}.glass-surface>*{position:relative;z-index:1}.chat-panel{display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;width:100%;height:100%;min-height:0}.reference-row{display:flex;justify-content:flex-end;min-height:0;padding:0 18px 8px}.results-head p,.brand-line{margin:0;color:#17110f85;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.conversation{display:flex;flex-direction:column;gap:14px;min-height:0;padding:22px 24px 16px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.conversation::-webkit-scrollbar{display:none}.conversation-end{width:100%;height:1px}.turn{display:flex;align-items:flex-start}.turn-user{justify-content:flex-end}.message-stack{display:grid;gap:12px;width:100%;min-width:0}.turn-user .message-stack{justify-items:end}.message-image-reference{width:min(220px,58vw);overflow:hidden;border-radius:18px;border:1px solid rgba(23,17,15,.12);background:#fffaf5d6}.message-image-reference img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.turn-user .bubble{max-width:min(680px,92%);color:var(--ink);background:var(--lemon-soft);border-color:#adeb3f80;border-bottom-right-radius:7px}.bubble{width:fit-content;max-width:min(760px,88%);padding:13px 17px;border-radius:24px 24px 24px 7px;color:var(--ink);background:#fffaf5d6;border:1px solid rgba(23,17,15,.1);box-shadow:0 12px 28px #50362a1c;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.bubble>p{margin:0;color:inherit;line-height:1.45;overflow-wrap:anywhere}.typing-wrap{display:grid;justify-items:start;gap:5px}.typing-wrap p{margin:0 0 0 13px;color:#17110f6b;font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase}.typing-bubble{display:inline-flex;align-items:center;gap:5px;min-width:64px;min-height:42px;padding:12px 16px}.typing-bubble span{width:7px;height:7px;border-radius:50%;background:#17110f94;animation:typing-dot 1s ease-in-out infinite}.typing-bubble span:nth-child(2){animation-delay:.14s}.typing-bubble span:nth-child(3){animation-delay:.28s}.block-stack{width:100%;min-width:0}.clarification-options{display:flex;flex-wrap:wrap;gap:8px}.clarification-options button{display:inline-flex;align-items:center;gap:6px;min-height:36px;max-width:100%;padding:8px 10px;border:1px solid rgba(173,235,63,.42);border-radius:999px;color:var(--ink);background:var(--lemon-soft);font-size:13px;font-weight:900;transition:transform .16s ease,box-shadow .16s ease}.clarification-options button:hover:not(:disabled){transform:translateY(-1px)}.results-panel{font-family:DM Sans;width:100%;padding:2px 0 0;animation:results-reveal .22s ease-out both;transform-origin:top center}.results-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 2px 12px}.results-head strong{display:block;margin-top:2px;color:var(--ink);font-size:20px;letter-spacing:0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0;align-items:stretch}.product-card{display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden;border-radius:0;background:#fffaf5eb;border:1px solid rgba(23,17,15,.13);box-shadow:0 14px 34px #50362a1c;animation:product-card-reveal .26s ease-out both}.product-skeleton-card{pointer-events:none}.skeleton-media{aspect-ratio:4 / 5;width:100%;background:#17110f14}.skeleton-line{height:10px;margin-bottom:9px;background:#17110f1a}.skeleton-line-short{width:45%;height:8px}.skeleton-line-title{width:88%}.skeleton-line-title+.skeleton-line-title{width:68%}.skeleton-line-price{width:36%;height:13px;margin-top:14px;margin-bottom:0}.shimmer{position:relative;overflow:hidden}.shimmer:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(173,235,63,.2),rgba(255,255,255,.52),transparent);animation:shimmer 1.15s ease-in-out infinite}.product-media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;background:linear-gradient(135deg,#fff0a880,#dce8ef80),#f3f1ee}.product-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.product-card:hover .product-media img{transform:scale(1.035)}.image-fallback{display:grid;place-items:center;width:100%;height:100%;color:#17110f6b}.shade-dot{position:absolute;right:10px;bottom:10px;width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,250,245,.96);box-shadow:0 7px 18px #17110f2e}.product-copy{padding:12px;min-height:128px}.brand-line,.price-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-line a{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border-radius:10px;color:var(--white);background:var(--ink)}.product-card h3{display:-webkit-box;min-height:42px;margin:8px 0 4px;overflow:hidden;color:var(--ink);font-size:14px;line-height:1.35;letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical}.color-name{display:grid;min-height:34px;margin:0 0 8px;overflow:hidden;color:#17110f94;font-size:12px;font-weight:700;line-height:1.3;text-overflow:ellipsis}.color-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-row strong{color:var(--ink);font-size:15px}.price-row span{color:#17110f6b;font-size:12px;text-decoration:line-through}.error-strip{margin:0 24px 10px;padding:10px 12px;border-radius:14px;color:#7f1d1d;background:#fee2e2d1;border:1px solid rgba(248,113,113,.32);font-size:13px;font-weight:700}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;width:100%;min-width:0}.composer-actions button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:16px;transition:transform .16s ease,opacity .16s ease}.composer-actions button[type=submit]{color:var(--ink);background:var(--lemon);box-shadow:0 14px 28px #adeb3f3d}.composer-actions button[type=button]{color:var(--ink);background:#ffffffe6;border:1px solid #ffffff}.composer{position:relative;display:grid;grid-auto-rows:auto;align-items:stretch;gap:8px;min-height:108px;margin:0 18px 18px;padding:10px;border-radius:26px;color:var(--ink);background:#ffffffe6;border:1px solid #ffffff;box-shadow:0 20px 58px #50362a1a,0 0 0 1px #ffffffd1,0 0 36px #ffffff8f,inset 0 1px #fff,inset 0 -1px #ffffffc7;-webkit-backdrop-filter:blur(24px) saturate(1.06);backdrop-filter:blur(24px) saturate(1.06);overflow:hidden}.file-input{display:none}.reference-preview{display:grid;grid-template-columns:44px minmax(0,auto) 32px;align-items:center;justify-content:start;gap:10px;min-width:0;max-width:100%;width:fit-content;padding:6px;border-radius:18px;background:#ffffffdb;border:1px solid rgba(23,17,15,.1);box-shadow:0 12px 30px #50362a1f;pointer-events:auto}.reference-preview img{width:44px;height:44px;object-fit:cover;border-radius:13px}.reference-preview span{min-width:0;overflow:hidden;color:#17110f94;font-family:DM Sans;font-size:11px;font-weight:600;line-height:1;text-overflow:ellipsis;white-space:nowrap}.reference-preview button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:11px;color:#17110fb8;background:#17110f14;font-size:20px;line-height:1}.composer>*{position:relative;z-index:1}.composer input{min-width:0;height:44px;border:0;outline:0;color:var(--ink);background:transparent;font-weight:400}.composer input::placeholder{color:#17110f7a}.send-arrow-icon{width:19px;height:19px;display:block}.image-upload-icon{width:16px;height:16px;display:block}.composer-actions button:hover:not(:disabled){transform:translateY(-1px)}.composer-actions button:disabled{opacity:.48}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes typing-dot{0%,80%,to{transform:translateY(0);opacity:.36}40%{transform:translateY(-4px);opacity:1}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes results-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes product-card-reveal{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float-field{to{transform:translate3d(3%,-2%,0) rotate(8deg) scale(1.04)}}@media(prefers-reduced-motion:reduce){.results-panel,.product-card,.shimmer:after{animation:none}}@media(max-width:720px){html,#root,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}.app-shell{height:100vh;height:100dvh;min-height:0;gap:8px;padding:10px 0 0;overflow:hidden}.workspace{width:100%;height:100%;min-height:0;overflow:hidden}.chat-panel{height:100%;min-height:0;overflow:hidden}.reference-row{padding:0 9px 7px}.reference-row .reference-preview{grid-template-columns:38px 28px;gap:7px;padding:5px;border-radius:16px}.reference-row .reference-preview img{width:38px;height:38px;border-radius:12px}.reference-row .reference-preview span{display:none}.reference-row .reference-preview button{width:28px;height:28px;border-radius:10px}.page-header{width:100%;min-height:34px;padding:0 12px;gap:10px}.fae-logo{height:20px}.fae-logo img{width:70px}.page-header h1{font-size:14px}.conversation{padding:14px 10px 10px}.turn-user .bubble{max-width:92%}.bubble{max-width:92%;border-radius:22px 22px 22px 7px}.turn-user .bubble{border-radius:22px 22px 7px}.results-panel{padding:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.product-copy{padding:9px}.composer{grid-auto-rows:auto;min-height:104px;margin:0 9px 9px;border-radius:21px}.composer-actions,.composer-actions button{min-height:42px;height:42px}}
