@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{--font-body: "DM Sans", "Segoe UI", system-ui, sans-serif;--font-display: "Playfair Display", Georgia, serif;--gold: #c49830;--gold-faint: rgba(196,152,48,.08);--gold-border: rgba(196,152,48,.28)}*{box-sizing:border-box;margin:0}html,body,#root{background:transparent!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes genPulse{0%,to{opacity:.5}50%{opacity:1}}.gen-pulse{animation:genPulse 1.6s ease-in-out infinite;will-change:opacity}@keyframes designEnter{0%{opacity:0;transform:scale(.93) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.design-enter{animation:designEnter .38s cubic-bezier(.34,1.56,.64,1) both;will-change:transform,opacity}@keyframes kiGlow{0%,to{box-shadow:0 0 #c4983080;transform:scale(1)}50%{box-shadow:0 0 0 6px #c4983000;transform:scale(1.04)}}.btn-ki{animation:kiGlow 2.2s ease-in-out infinite;will-change:transform,box-shadow}@keyframes glowTravel{0%{background-position:0% 0%}to{background-position:200% 200%}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.enhancing-glow{position:relative;z-index:0;overflow:visible!important}.enhancing-glow:before{content:"";position:absolute;top:-2.5px;right:-2.5px;bottom:-2.5px;left:-2.5px;border-radius:16px;z-index:-1;pointer-events:none;background:linear-gradient(135deg,transparent 0%,transparent 20%,rgba(196,152,48,.85) 25%,rgba(220,180,60,1) 30%,rgba(100,140,220,.7) 35%,transparent 40%,transparent 55%,rgba(100,140,220,.6) 60%,rgba(196,152,48,.9) 65%,rgba(220,180,60,.8) 70%,transparent 75%,transparent 100%);background-size:200% 200%;animation:glowTravel 2.5s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2.5px}.enhancing-glow:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:18px;z-index:-2;pointer-events:none;box-shadow:0 0 16px 3px #c498304d,0 0 32px 6px #648cdc1f,0 0 6px 1px #dcb43c26;animation:glowPulse 2.2s ease-in-out infinite}.spinner{width:16px;height:16px;border:2px solid var(--gold);border-top-color:transparent;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes premiumBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.premium-card{position:relative;z-index:0;overflow:visible!important}.premium-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;z-index:-1;pointer-events:none;background:linear-gradient(270deg,#c49830,#e8c96a,#a17520,#e8c96a,#c49830);background-size:400% 400%;animation:premiumBorder 4s ease infinite}.premium-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;z-index:-1;pointer-events:none;background:#fff}.btn-premium{position:relative;z-index:0;overflow:visible!important;border:none!important}.btn-premium:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:12px;z-index:-1;pointer-events:none;background:linear-gradient(270deg,#c49830,#e8c96a,#a17520,#e8c96a,#c49830);background-size:400% 400%;animation:premiumBorder 3s ease infinite}.btn-premium:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;z-index:-1;pointer-events:none;background:#fff}.premium-badge{position:absolute;top:7px;left:7px;padding:2px 7px;border-radius:6px;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:2;pointer-events:none;background:linear-gradient(135deg,#c49830,#e8c96a);color:#fff;box-shadow:0 1px 4px #c4983059}@keyframes highlightPulse{0%,to{box-shadow:0 0 #c4983099;transform:scale(1)}50%{box-shadow:0 0 0 8px #c4983000;transform:scale(1.08)}}.btn-highlight{animation:highlightPulse 1.2s ease-in-out 3}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.typing-dot{width:7px;height:7px;background:var(--gold);border-radius:50%;display:inline-block;animation:typingBounce 1.3s infinite ease-in-out}.btn-outline-gold{padding:9px 16px;background:transparent;border:1px solid var(--gold-border);border-radius:10px;color:var(--gold);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;font-family:var(--font-body)}.btn-outline-gold:hover{background:var(--gold);color:#fff;border-color:var(--gold)}.btn-outline-gold:disabled{opacity:.45;cursor:default}.btn-outline-gray{padding:9px 16px;background:transparent;border:1px solid rgba(0,0,0,.14);border-radius:10px;color:#5a4a2a;cursor:pointer;font-size:13px;transition:all .2s;font-family:var(--font-body)}.btn-outline-gray:hover{border-color:#00000047;color:#1a1208}input[type=range]{accent-color:var(--gold)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c4983040;border-radius:4px}.pill-body{flex:1 1 0%;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.image-section{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:12px}.image-section-wrap{position:relative;width:100%;max-width:480px;display:flex;align-items:center;justify-content:center}.image-inner{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:100%}.watermark{position:absolute;top:6px;right:6px;width:110px;height:auto;pointer-events:none;z-index:5}.watermark svg{width:100%;height:auto}.lightbox-watermark{position:absolute;top:16px;right:16px;width:150px;pointer-events:none;z-index:5}.lightbox-watermark svg{width:100%;height:auto}.image-section-wrap img{max-width:100%;object-fit:contain;border-radius:10px;cursor:zoom-in;display:block;background:#fff}.image-section-wrap canvas{max-width:100%;display:block;border-radius:10px}.image-actions{display:flex;gap:8px;padding:8px 0 0;flex-shrink:0;flex-wrap:wrap;width:100%;max-width:480px}.chat-section{flex-shrink:0;display:flex;flex-direction:column;padding:12px;gap:8px}.chat-section-full{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding-top:8px}.reply-bubble{padding:12px 16px;background:linear-gradient(135deg,#c49830,#a37e20);border:none;border-radius:16px 16px 16px 4px;color:#fff;font-size:14px;line-height:1.55;overflow-y:auto;flex-shrink:1;min-height:0}.reply-bubble-full{background:transparent;border:none;color:#5a4a2a;font-size:15px;text-align:center;border-radius:0;max-width:360px;margin:0 auto;flex-shrink:0}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;padding:8px 12px;border-top:1px solid rgba(196,152,48,.1);flex-shrink:0}.thumb-card{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s,transform .15s;aspect-ratio:1;background:#f5f0e6}.thumb-card:hover{transform:scale(1.03)}.thumb-card.thumb-active{border-color:var(--gold);box-shadow:0 0 0 2px #c498304d}.thumb-card.thumb-active .thumb-ref{display:flex}.thumb-ref{display:none;position:absolute;bottom:2px;left:50%;transform:translate(-50%);background:#c49830d9;color:#fff;font-size:8px;font-weight:700;padding:1px 5px;border-radius:4px;z-index:6;white-space:nowrap;letter-spacing:.3px;align-items:center;gap:2px;pointer-events:none}.ref-badge{position:absolute;top:8px;left:8px;background:#c49830d9;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;z-index:6;pointer-events:none;letter-spacing:.3px}.thumb-card img{width:100%;height:100%;object-fit:cover;display:block}.thumb-warning{position:absolute;top:3px;right:3px;width:16px;height:16px;background:#dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d}.thumb-delete{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#dc2626;color:#fff;border:none;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.thumb-card:hover .thumb-delete{opacity:1}.gen-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#c498300d;border-radius:10px;padding:32px 16px;min-height:160px;width:100%;max-width:480px}.tw-cursor{display:inline-block;width:2px;height:1em;background:var(--gold);margin-left:2px;animation:twBlink .7s step-end infinite;vertical-align:text-bottom}@keyframes twBlink{0%,to{opacity:1}50%{opacity:0}}.body-controls{padding:8px 12px;flex-shrink:0}.body-controls .slider-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.body-controls .slider-row span.label{font-size:11px;color:#7a6840;white-space:nowrap;min-width:52px}.body-controls .slider-row span.value{font-size:11px;color:var(--gold);min-width:34px;text-align:right;font-weight:600}.body-controls input[type=range]{flex:1;min-width:0}.suggestion-chips{display:flex;flex-wrap:wrap;gap:6px}.suggestion-chip{padding:5px 13px;background:#c4983014;border:1px solid rgba(196,152,48,.3);border-radius:20px;color:#7a5820;font-size:12px;cursor:pointer;font-family:inherit;font-weight:500;transition:background .15s}.suggestion-chip:hover{background:#c4983029}.info-notice{padding:8px 12px;background:#c4983012;border:1px solid rgba(196,152,48,.22);border-radius:10px;font-size:12px;color:#7a6030;display:flex;align-items:center;gap:8px}.input-row{display:flex;align-items:flex-end;gap:6px;background:#faf7f1;border-radius:20px;padding:5px 5px 5px 14px;border:1.5px solid rgba(196,152,48,.28);flex-shrink:0}.input-row input{width:100%;background:none;border:none;outline:none;color:#1a1510;font-size:14px;padding:9px 0;font-family:inherit}.chat-textarea{width:100%;background:none;border:none;outline:none;color:#1a1510;font-size:14px;padding:9px 0;font-family:inherit;resize:none;overflow-y:auto;max-height:120px;line-height:1.45}.chat-message-box{display:flex;flex-direction:column;transition:min-height .3s ease-out;overflow:hidden}.chat-greeting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#5a4a2a;font-size:15px;line-height:1.55;padding:16px;max-width:360px;margin:0 auto;gap:18px}@keyframes avatarShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.avatar-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#f9f6ef,#fff);border:1.5px solid var(--gold-border);border-radius:14px;cursor:pointer;width:100%;max-width:300px;text-align:left;font-family:inherit;transition:all .25s ease;position:relative;overflow:hidden}.avatar-card:hover{border-color:var(--gold);box-shadow:0 4px 20px #c498302e;transform:translateY(-1px)}.avatar-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(196,152,48,.06) 50%,transparent 100%);background-size:200% 100%;animation:avatarShimmer 3s ease-in-out infinite;pointer-events:none}.avatar-card-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#c49830,#d4ad40);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-card-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.avatar-card-title{font-size:13px;font-weight:600;color:#1a1510}.avatar-card-sub{font-size:11px;color:#9a8050}.avatar-card-arrow{font-size:20px;color:var(--gold);font-weight:300;flex-shrink:0;transition:transform .2s}.avatar-card:hover .avatar-card-arrow{transform:translate(3px)}.chat-split{flex:1;display:flex;flex-direction:column}.chat-split-top{flex:0 0 auto;padding:6px 8px 2px;min-height:0;text-align:center;overflow:hidden;max-height:120px}@keyframes historySlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-history-msg{color:#9a8a60;font-size:12px;line-height:1.4;opacity:.4;padding:2px 0;animation:historySlideIn .3s ease-out both}.chat-split-bottom{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:4px 8px 8px;color:#5a4a2a;font-size:14.5px;line-height:1.6}.stream-new{animation:wordFadeIn .5s ease-out both}@keyframes wordFadeIn{0%{opacity:0}to{opacity:1}}.typing-dots-center{display:flex;align-items:center;justify-content:center;gap:5;padding:12px 0}.pending-strip{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#c498300f;border-radius:12px;border:1px solid rgba(196,152,48,.2)}@keyframes bubbleEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bubbleFadeBack{0%{opacity:1;font-size:14px;padding:12px 16px;max-height:200px}to{opacity:.45;font-size:12px;padding:8px 12px;max-height:60px}}.reply-bubble-entering{animation:bubbleEnter .3s ease-out both}.reply-bubble-streaming{transition:max-height .2s ease-out;overflow:hidden}.reply-bubble-prev{opacity:.45;font-size:12px;margin-bottom:2px;border-radius:12px 12px 12px 4px;padding:8px 12px;max-height:60px;overflow:hidden;animation:bubbleFadeBack .4s ease-out both}.gen-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;min-height:200px;width:100%;max-width:480px;background:#c498300a;border-radius:14px;border:1.5px dashed rgba(196,152,48,.2)}.thinking-bubble{background:#c4983014;border:1px solid rgba(196,152,48,.15);border-radius:10px;padding:8px 12px;margin-bottom:6px;font-size:11px;line-height:1.45;color:#7a6930;font-style:italic;text-align:center;animation:thinkFadeIn .4s ease-out;max-width:100%}@keyframes thinkFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes designReveal{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.design-reveal{animation:designReveal .5s cubic-bezier(.34,1.56,.64,1) both;will-change:transform,opacity}@keyframes imageSectionEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.image-section-enter{animation:imageSectionEnter .4s ease-out both}.image-crossfade{position:relative}.image-crossfade-out{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease-out}.image-crossfade-out.fading{opacity:0}#root{overscroll-behavior:contain}.design-enter,.design-reveal,.stream-new,.reply-bubble-entering{will-change:transform,opacity}.pill-body{overflow-anchor:auto}button,.suggestion-chip,.btn-outline-gold,.btn-outline-gray{min-height:44px}.lazy-spinner{display:flex;align-items:center;justify-content:center;padding:20px}@media (max-width: 768px){.image-section-wrap{max-width:100%}.gen-centered{min-height:160px;padding:20px 14px}}@media (max-width: 600px){.image-section{padding:8px}.gen-placeholder{min-height:120px;padding:20px 12px}.thumb-grid{gap:4px;padding:6px 8px;grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.reply-bubble{font-size:13px;padding:10px 14px}.chat-section{padding:8px;gap:6px}.input-row{padding:4px 4px 4px 12px}.body-controls{padding:6px 8px}.body-controls .slider-row span.label{font-size:10px;min-width:42px}}@media (max-width: 480px){.image-section{padding:6px}.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:3px;padding:4px 6px}.image-actions{gap:6px}.btn-outline-gold,.btn-outline-gray{padding:8px 12px;font-size:12px}.reply-bubble-full{font-size:14px}.chat-split-bottom{font-size:13.5px}.suggestion-chip{padding:6px 10px;font-size:11px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.input-row{padding-bottom:max(5px,env(safe-area-inset-bottom))}}