.app{min-width:800px;min-height:480px;height:100%;display:flex;flex-direction:column;overflow:hidden}.app__header{flex-shrink:0;height:56px;display:flex;align-items:center;border-bottom:1px solid #e8e8e8;background:#fff}.app__header-left{width:360px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem}.app__brand{font-size:1.1rem;font-weight:700;color:#111;text-decoration:none;letter-spacing:-.02em;white-space:nowrap}.app__brand:hover{color:#333}.app__header-right{flex:1;display:flex;align-items:center;justify-content:flex-end;padding-right:1.25rem}.app__header-download{padding:.45rem 1rem;font-size:.9rem;font-family:inherit;font-weight:500;cursor:pointer;background:#111;color:#fff;border:none;border-radius:8px}.app__header-download:hover{background:#333}.app__body{flex:1;min-height:0;display:flex;flex-direction:row;overflow:hidden}.chat-panel{width:0;flex-shrink:0;display:flex;flex-direction:column;height:100%;border-right:0px solid #e8e8e8;background:#fafafa;overflow:hidden;transition:width .28s cubic-bezier(.4,0,.2,1),border-right-width .28s}.chat-panel--open{width:360px;border-right-width:1px}.chat-panel__inner{width:360px;flex-shrink:0;display:flex;flex-direction:column;height:100%}.chat-panel__messages{flex:1;overflow-y:auto;padding:1rem 1rem .5rem;display:flex;flex-direction:column;gap:.75rem;scroll-behavior:smooth}.chat-panel__empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:1.5rem}.chat-panel__empty p{font-size:.9rem;color:#999;margin:0;line-height:1.6}.chat-panel__input-area{flex-shrink:0;padding:.75rem 1rem 1rem;border-top:1px solid #efefef;display:flex;flex-direction:column;gap:0;background:#fafafa}.chat-message{display:flex;align-items:flex-end;gap:.5rem}.chat-message--user{flex-direction:row-reverse}.chat-message__avatar{width:28px;height:28px;flex-shrink:0}.chat-message__avatar svg{width:100%;height:100%}.chat-message__bubble{max-width:78%;padding:.55rem .85rem;border-radius:14px;font-size:.875rem;line-height:1.5;word-break:break-word;display:flex;align-items:center;gap:.5rem}.chat-message--user .chat-message__bubble{background:#111;color:#fff;border-bottom-right-radius:4px}.chat-message--ai .chat-message__bubble{background:#fff;color:#222;border:1px solid #e8e8e8;border-bottom-left-radius:4px}.chat-message__bubble--status{color:#666;font-style:italic}.chat-message__bubble--error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.chat-message__bubble--success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.chat-message__dots{display:inline-flex;gap:3px;align-items:center;flex-shrink:0}.chat-message__dots span{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;animation:chat-dot-bounce 1.2s ease-in-out infinite}.chat-message__dots span:nth-child(2){animation-delay:.2s}.chat-message__dots span:nth-child(3){animation-delay:.4s}@keyframes chat-dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.app__chat-toggle{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;padding:0;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;color:#888;transition:background .15s,color .15s,border-color .15s}.app__chat-toggle svg{width:17px;height:17px}.app__chat-toggle:hover{background:#f3f3f3;color:#111;border-color:#ccc}.app__chat-toggle--open{background:#111;color:#fff;border-color:#111}.app__chat-toggle--open:hover{background:#333;border-color:#333;color:#fff}.app__preview{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff}.app__preview-main{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:2rem}.idle-cat{width:280px;height:280px;flex-shrink:0}.idle-cat__svg{width:100%;height:100%;overflow:visible}.idle-cat__yarn{transform-origin:195px 220px;animation:idle-cat-yarn 2.5s ease-in-out infinite}.idle-cat__paw{transform-origin:130px 195px;animation:idle-cat-paw 1.8s ease-in-out infinite}.idle-cat__tail{transform-origin:95px 200px;animation:idle-cat-tail 3s ease-in-out infinite}.idle-cat__eye{transform-origin:center;animation:idle-cat-blink 4s ease-in-out infinite}@keyframes idle-cat-yarn{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-8px,4px) rotate(15deg)}50%{transform:translate(-4px,2px) rotate(-5deg)}75%{transform:translate(-10px,3px) rotate(10deg)}}@keyframes idle-cat-paw{0%,to{transform:translate(0) rotate(-5deg)}40%{transform:translate(28px,-12px) rotate(15deg)}70%{transform:translate(20px,-5px) rotate(8deg)}}@keyframes idle-cat-tail{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}@keyframes idle-cat-blink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.logo-input{display:flex;flex-direction:column;gap:.5rem;box-sizing:border-box}.logo-input__row{display:flex;flex-direction:row;align-items:flex-end;gap:.5rem;min-height:48px;box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:.4rem .75rem;box-shadow:0 1px 6px #0000000f}.logo-input__field-wrap{flex:1;min-width:0;height:40px;min-height:40px;max-height:220px;box-sizing:border-box}.logo-input__field{width:100%;height:100%;min-height:40px;max-height:220px;padding:.45rem 0;font-size:.9rem;font-family:inherit;line-height:1.4;border:none;border-radius:0;resize:none;box-sizing:border-box;background:transparent;overflow-y:auto;display:block;color:#111}.logo-input__field::placeholder{color:#aaa}.logo-input__field:focus{outline:none}.logo-input__footer{display:flex;justify-content:flex-end;align-items:center;gap:.25rem;flex-shrink:0;margin-bottom:6px}.logo-input__submit{display:grid;place-items:center;width:32px;height:32px;padding:0;line-height:0;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;background:#111;color:#fff}.logo-input__submit:hover:not(:disabled){background:#333}.logo-input__submit:disabled{background:#ccc;cursor:not-allowed}.logo-input__submit-icon{width:17px;height:17px;display:block}.loading-state{text-align:center}.loading-state__spinner{width:40px;height:40px;margin:0 auto 1rem;border:3px solid #eee;border-top-color:#111;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state__text{font-size:.95rem;color:#666;margin:0}.logo-result{display:flex;flex-direction:column;align-items:center;gap:1rem}.logo-result__image{max-width:100%;max-height:calc(100vh - 180px);height:auto;border-radius:10px;box-shadow:0 4px 20px #0000001a}.credit-bar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;overflow:hidden;max-height:0;opacity:0;margin-bottom:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease,margin-bottom .3s cubic-bezier(.4,0,.2,1)}.credit-bar--visible{max-height:44px;opacity:1;margin-bottom:.5rem}.credit-bar__label{font-size:.8rem;color:#555;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credit-bar__topup{flex-shrink:0;border:none;background:none;font-size:.8rem;font-family:inherit;font-weight:600;color:#111;cursor:pointer;padding:.25rem .65rem;border-radius:8px;background:#ececec;transition:background .15s;white-space:nowrap}.credit-bar__topup:hover{background:#e0e0e0}.topup-modal{max-width:420px}.topup-modal__card{width:40%;aspect-ratio:1 / 1;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-sizing:border-box}.topup-modal__card-credits{display:flex;flex-direction:column;align-items:center;gap:.3rem}.topup-modal__card-num{font-size:2.5rem;font-weight:800;color:#111;letter-spacing:-.04em;line-height:1}.topup-modal__card-word{font-size:1rem;font-weight:500;color:#888}.topup-modal__select{width:100%;padding:.7rem .9rem;font-size:.95rem;font-family:inherit;border:1px solid #e0e0e0;border-radius:10px;background:#fafafa;color:#111;cursor:pointer;outline:none;box-sizing:border-box;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;margin-bottom:0;transition:border-color .15s}.topup-modal__select:focus{border-color:#111;background:#fff}.topup-modal__cta{margin-top:1rem}.topup-modal__cta:disabled{opacity:.4;cursor:not-allowed}.topup-modal__soon{margin:.75rem 0 0;font-size:.8rem;color:#aaa;text-align:center}.auth-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.auth-modal{position:relative;background:#fff;border-radius:16px;padding:2rem 1.75rem 1.75rem;width:100%;max-width:400px;box-shadow:0 8px 40px #0000002e;box-sizing:border-box}.auth-modal__close{position:absolute;top:1rem;right:1rem;width:28px;height:28px;border:none;background:none;cursor:pointer;font-size:1rem;color:#888;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.auth-modal__close:hover{background:#f0f0f0;color:#111}.auth-modal__back{border:none;background:none;cursor:pointer;font-size:.875rem;color:#666;padding:0;margin-bottom:1rem;display:inline-block}.auth-modal__back:hover{color:#111}.auth-modal__title{font-size:1.25rem;font-weight:700;margin:0 0 .25rem;color:#111;letter-spacing:-.02em}.auth-modal__subtitle{font-size:.9rem;color:#666;margin:0 0 1.5rem}.auth-modal__code{font-family:ui-monospace,monospace;font-size:.85em;word-break:break-all;color:#333}.auth-modal__btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.7rem 1rem;font-size:.95rem;font-family:inherit;border-radius:10px;cursor:pointer;border:1px solid #e0e0e0;background:#fff;color:#111;font-weight:500;transition:background .15s;box-sizing:border-box}.auth-modal__btn:disabled{opacity:.55;cursor:not-allowed}.auth-modal__btn--google:hover:not(:disabled){background:#f7f7f7}.auth-modal__btn--email{color:#444}.auth-modal__btn--email:hover:not(:disabled){background:#f7f7f7}.auth-modal__btn--primary{background:#111;color:#fff;border-color:#111;margin-top:.75rem}.auth-modal__btn--primary:hover:not(:disabled){background:#333;border-color:#333}.auth-modal__google-icon{width:20px;height:20px;flex-shrink:0}.auth-modal__divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:#bbb;font-size:.85rem}.auth-modal__divider:before,.auth-modal__divider:after{content:"";flex:1;height:1px;background:#e8e8e8}.auth-modal__form{display:flex;flex-direction:column;gap:0}.auth-modal__input{width:100%;padding:.7rem .9rem;font-size:.95rem;font-family:inherit;border:1px solid #e0e0e0;border-radius:10px;outline:none;box-sizing:border-box;background:#fafafa}.auth-modal__input:focus{border-color:#111;background:#fff}.auth-modal__input--otp{text-align:center;font-size:1.5rem;letter-spacing:.2em;font-weight:600}.auth-modal__error{margin:.5rem 0 0;font-size:.85rem;color:#b91c1c}.auth-modal__sent-icon{font-size:2.5rem;margin-bottom:.75rem;line-height:1}.error-state{margin-top:1rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;text-align:center}.error-state__message{margin:0 0 .75rem;color:#b91c1c}.error-state__detail{margin:0 0 .75rem;font-size:.85rem;color:#991b1b;font-family:ui-monospace,monospace}.error-state__retry{padding:.5rem 1rem;font-size:.95rem;cursor:pointer;background:#fff;border:1px solid #f87171;border-radius:6px;color:#b91c1c}.error-state__retry:hover{background:#fee2e2}.landing{min-height:100vh;display:flex;flex-direction:column;background:#fafafa}.landing__header{display:flex;align-items:center;height:56px;padding:0 2rem;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.landing__brand{font-size:1.05rem;font-weight:700;color:#111;text-decoration:none;letter-spacing:-.01em}.landing__brand:hover{color:#333}.landing__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem 4rem;gap:2.5rem}.landing__hero{text-align:center;max-width:620px}.landing__title{margin:0 0 .75rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:#111}.landing__subtitle{margin:0;font-size:1.05rem;color:#6b7280;line-height:1.5}.landing__input-wrap{width:100%;max-width:560px}.landing__footer{padding:1.25rem 2rem;text-align:center;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}.landing__footer p{margin:0;font-size:.85rem;color:#9ca3af}*,*:before,*:after{box-sizing:border-box}html{min-width:800px;min-height:480px}body{margin:0;min-width:800px;min-height:480px;height:100vh;height:100dvh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#1a1a1a;-webkit-font-smoothing:antialiased;overflow:hidden}#root{height:100%}