@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@500;600;700;800&display=swap");:root{--ink:#17191d;--muted:#7e807f;--soft-muted:#a9aaa5;--line:#dedbd4;--paper:#f4f2ee;--paper-deep:#ebe8e1;--white:#fbfaf7;--blue:#2856c3;--blue-deep:#173c91;--blue-soft:#e7edff;--orange:#df792f;--orange-soft:#fbede3;--green:#6eaa47}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{color:var(--ink);background:var(--paper);font-family:Noto Sans SC,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{display:flex;min-height:100vh;background:var(--paper)}.sidebar{flex:0 0 264px;width:264px;display:flex;flex-direction:column;background:#f7f5f0;border-right:1px solid var(--line);transition:width .24s ease,flex-basis .24s ease,transform .24s ease}.sidebar.is-closed{flex-basis:68px;width:68px}.brand-row{min-height:108px;padding:0 22px 0 26px;justify-content:space-between;border-bottom:1px solid var(--line)}.brand-lockup,.brand-row{display:flex;align-items:center}.brand-lockup{gap:10px}.brand-mark{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--blue)}.brand-copy{display:flex;flex-direction:column;gap:2px;line-height:1}.brand-copy strong{font-size:14px;font-weight:800;letter-spacing:-.04em}.brand-copy small{color:#7a7c82;font-size:8px;letter-spacing:.25em}.mobile-menu-button,.sidebar-toggle{display:grid;place-items:center;color:#777a7c;background:transparent}.sidebar-toggle{width:28px;height:28px}.mobile-menu-button:hover,.sidebar-toggle:hover{color:var(--blue)}.sidebar-content{flex:1 1;padding:29px 13px 20px}.eyebrow,.hero-kicker,.nav-caption,.panel-eyebrow,.section-label{color:var(--soft-muted);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.nav-caption{padding:0 13px 13px}.mode-nav{display:grid;grid-gap:5px;gap:5px}.mode-button{width:100%;min-height:59px;padding:9px 14px;display:flex;align-items:center;gap:13px;position:relative;color:#696d70;border-radius:8px;background:transparent;text-align:left}.is-closed .mode-button{justify-content:center;padding:0}.mode-button:hover{color:var(--blue-deep);background:#efeee8}.mode-button.active{color:var(--blue);background:#e9efff}.mode-button.active svg{color:var(--blue)}.mode-label{min-width:0;display:flex;flex-direction:column;gap:3px}.mode-label strong{font-size:12px;font-weight:700}.mode-label small{overflow:hidden;color:#9a9c9d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.active-bar{width:3px;height:25px;position:absolute;top:17px;right:-13px;border-radius:3px 0 0 3px;background:var(--blue)}.sidebar-divider{height:1px;margin:31px 10px 20px;background:var(--line)}.history-heading{padding:0 13px 11px;display:flex;align-items:center;justify-content:space-between;color:#999b98;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.history-heading svg{color:#aaaca8}.sidebar-history{display:grid;grid-gap:1px;gap:1px}.history-item{padding:9px 11px;display:flex;align-items:flex-start;gap:9px;text-align:left;border-radius:7px;color:var(--muted);background:transparent}.history-item:hover{background:#efeee8}.history-item-copy{min-width:0;display:flex;flex:1 1;flex-direction:column;gap:3px}.history-item strong{overflow:hidden;color:#606468;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.history-item small{color:#aaaca8;font-size:9px}.history-dot{width:6px;height:6px;flex:0 0 6px;margin-top:5px;border-radius:50%;background:var(--blue)}.history-dot.image{background:var(--orange)}.history-dot.analyze{background:var(--green)}.history-empty{padding:10px 13px;color:#aeb0ab;font-size:10px}.sidebar-footer{min-height:94px;padding:16px 26px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border-top:1px solid var(--line)}.language-switch{display:inline-flex;align-items:center;gap:7px;color:#9a9c9d;font-size:11px;white-space:nowrap}.language-switch svg{color:#777c84}.language-switch button{padding:1px 0 3px;position:relative;color:inherit;background:transparent}.language-switch button.selected{color:var(--blue);font-weight:800}.language-switch button.selected:after{width:100%;height:2px;content:"";position:absolute;left:0;bottom:0;border-radius:2px;background:var(--blue)}.language-switch>span{color:#c3c3be}.online-status{display:flex;align-items:center;gap:8px;color:#6f7272;font-size:10px}.online-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--green)}.workspace{min-width:0;display:flex;flex:1 1;flex-direction:column}.topbar{min-height:74px;padding:0 48px;justify-content:space-between;position:absolute;z-index:5;top:0;right:0;left:264px;border-bottom:0;background:transparent}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{gap:8px;color:#9b9d9a;font-size:11px}.breadcrumb strong{color:#3d4146;font-weight:700}.topbar-actions{display:flex;align-items:center;gap:22px}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--orange);font-size:11px;font-weight:800}.mobile-brand{display:none;align-items:center;gap:8px;color:var(--blue-deep);font-size:12px;font-weight:800}.mobile-menu-button{width:29px;height:29px}.workspace-scroll{overflow-y:auto;flex:1 1}.content-frame{width:min(100%,1200px);margin:0 auto;padding:0 48px 72px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;display:none}.page-heading h1{margin:7px 0 0;color:#282c31;font-size:27px;line-height:1;letter-spacing:-.055em}.heading-note{display:flex;align-items:center;gap:9px;color:#a5a7a3;font-size:10px}.heading-line{width:24px;height:1px;background:#c6c4bd}.creative-page{padding-bottom:1px}.hero-grid{min-height:625px;display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);grid-gap:28px;gap:28px;align-items:center}.hero-copy{padding:14px 0 28px 50px}.hero-kicker{color:var(--blue)}.hero-copy h2,.mode-intro h2{margin:24px 0 22px;font-family:"Noto Serif SC",Georgia,serif;font-size:clamp(43px,5vw,66px);font-weight:600;line-height:1.16;letter-spacing:-.08em}.hero-copy h2 span,.mode-intro h2 span{color:var(--blue)}.hero-copy p,.mode-intro p{margin:0;color:#757979;font-size:13px;line-height:1.9}.hero-copy p em{color:#a0a3a2;font-family:Georgia,serif;font-size:12px;font-style:italic}.hero-cta{margin-top:26px;padding:11px 17px;display:inline-flex;align-items:center;gap:13px;color:#fff;background:var(--blue);font-size:12px;font-weight:700}.hero-cta:hover{background:var(--blue-deep)}.hero-hint{margin-top:48px;display:flex;align-items:center;gap:10px;color:#9b9d9c;font-size:10px}.orange-stroke{width:25px;height:2px;display:inline-block;background:var(--orange);transform:rotate(-4deg)}.idea-board{height:545px;min-height:545px;position:relative;overflow:hidden;background:#e9e4da}.idea-board img{width:100%;height:100%;min-height:410px;display:block;object-fit:cover}.idea-board:after{width:100%;height:100%;content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.32)}.board-label{position:absolute;z-index:1;right:14px;bottom:13px;color:#fff;font-family:Georgia,serif;font-size:10px;line-height:1.05;letter-spacing:.15em;text-align:right;text-shadow:0 1px 5px rgba(0,0,0,.22)}.creative-form,.prompt-bar,.question-bar{border:1px solid #cbc8c0;background:rgba(251,250,247,.76)}.prompt-bar{padding:16px 17px 11px 21px}.creative-form:focus-within,.prompt-bar:focus-within,.question-bar:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(40,86,195,.07)}.creative-form textarea,.prompt-bar textarea{width:100%;padding:0;resize:vertical;outline:0;border:0;color:#42474b;background:transparent;font-size:13px;line-height:1.8}.creative-form textarea::placeholder,.prompt-bar textarea::placeholder,.question-input input::placeholder{color:#aeb0ac}.creative-form textarea:focus::placeholder,.prompt-bar textarea:focus::placeholder,.question-input input:focus::placeholder{color:transparent}.prompt-footer{display:flex;align-items:center;justify-content:space-between;color:#aaa9a3;font-size:9px}.submit-arrow{width:32px;height:32px;display:grid;place-items:center;color:#fff;background:var(--blue)}.submit-arrow:hover:not(:disabled){background:var(--blue-deep)}.stop-button{height:29px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;color:#b36331;background:var(--orange-soft);font-size:10px}.suggestion-row{margin:13px 0 0;display:flex;flex-wrap:wrap;gap:8px}.suggestion-row button{padding:8px 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid #dedbd4;color:#767a7a;background:transparent;font-size:10px}.suggestion-row button:hover{border-color:#a8b8e7;color:var(--blue);background:#f5f7ff}.error-banner{margin:12px 0;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:13px;border:1px solid #f0cdb9;color:#a7582f;background:#fff6f0;font-size:11px}.error-banner button{display:grid;place-items:center;color:inherit;background:transparent}.conversation-list{max-height:480px;min-height:260px;padding:26px 38px;overflow-y:auto;border:1px solid #dedbd4;background:rgba(251,250,247,.56)}.chat-message{max-width:740px;margin:0 auto 25px;display:flex;gap:11px}.chat-message.user{flex-direction:row-reverse}.message-avatar{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;color:#fff;background:var(--blue);font-size:10px}.user .message-avatar{background:var(--orange)}.message-body{max-width:calc(100% - 40px)}.user .message-body{text-align:right}.message-meta{display:flex;align-items:center;gap:8px;margin:1px 0 6px;color:#a1a4a1;font-size:9px}.user .message-meta{justify-content:flex-end}.message-meta strong{color:#5e6468;font-size:10px}.message-content{padding:11px 14px;color:#555b60;background:#edf1fb;font-size:12px;line-height:1.8;text-align:left;white-space:pre-wrap}.user .message-content{color:#fff;background:var(--blue)}.message-content.thinking{color:#858b93;font-style:italic}.typing-caret{width:5px;height:13px;margin-left:3px;display:inline-block;vertical-align:-2px;background:var(--blue);animation:blink 1s infinite}.mode-split{min-height:470px;display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);grid-gap:43px;gap:43px;align-items:center}.mode-intro{padding-left:50px}.mode-intro h2{margin-top:23px;font-size:clamp(42px,5vw,61px)}.intro-mark{margin-top:44px;display:flex;align-items:center;gap:9px;color:#a3a4a0;font-size:9px;letter-spacing:.17em}.intro-mark span{width:22px;height:2px;display:inline-block;background:var(--orange)}.analysis-panel,.creation-panel{padding:22px;border:1px solid #d8d5ce;background:rgba(251,250,247,.72)}.creation-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.creation-panel-head h3{margin:8px 0 0;color:#444a4d;font-size:16px;font-weight:700}.download-button{padding:7px 9px;display:inline-flex;align-items:center;gap:6px;border:1px solid #d6d5d0;color:#747a7b;background:var(--white);font-size:10px;text-decoration:none}.download-button:hover{color:var(--blue);border-color:#aab9e4}.image-result-canvas{min-height:330px;margin-top:20px;display:grid;place-items:center;overflow:hidden;border:1px dashed #d4d1c9;background:#efede8}.image-result-canvas.has-image{border-style:solid}.image-result-canvas img{width:100%;height:330px;display:block;object-fit:contain}.result-placeholder{gap:9px;color:#aeb0ac}.loading-result,.result-placeholder{display:flex;flex-direction:column;align-items:center;font-size:10px}.loading-result{gap:8px;color:#858a8d}.loading-result strong{color:#5c646b;font-size:12px}.loading-orbit{width:43px;height:43px;display:grid;place-items:center;border:1px solid #b7c8f2;color:var(--blue);background:var(--blue-soft);animation:pulse 1.7s ease-in-out infinite}.regenerate-button{width:100%;height:33px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d8d5ce;color:#707779;background:var(--white);font-size:10px}.regenerate-button:hover{color:var(--blue);border-color:#aab9e4}.creative-form{margin:-1px 0 0;padding:18px 21px 15px}.creative-form-label{display:flex;align-items:center;justify-content:space-between}.creative-form label,.question-bar label{color:#595f62;font-size:10px;font-weight:700}.creative-form-label>span{color:#a6a8a4;font-size:9px}.creative-form textarea{min-height:65px;margin-top:9px}.creative-form-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.aspect-picker{display:flex;flex-direction:column;gap:7px}.aspect-picker>span{color:#949793;font-size:9px}.aspect-picker>div{display:flex;gap:5px}.aspect-picker button{min-width:42px;height:27px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;gap:3px;border:1px solid #d9d7d1;color:#818586;background:transparent;font-size:9px}.aspect-picker button.selected{color:var(--blue);border-color:#9eb1e4;background:var(--blue-soft)}.primary-action{height:36px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:var(--blue);font-size:11px;font-weight:700}.primary-action:hover:not(:disabled){background:var(--blue-deep)}.image-inline-history{margin-top:32px}.thumbnail-row{display:flex;gap:9px;overflow-x:auto}.thumbnail-row button{width:84px;height:84px;padding:0;position:relative;flex:0 0 84px;overflow:hidden;background:#e6e3db}.thumbnail-row img{width:100%;height:100%;display:block;object-fit:cover}.thumbnail-row span{position:absolute;right:5px;bottom:4px;color:#fff;font-size:8px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.analysis-panel{min-height:390px}.vision-pill{padding:5px 7px;display:inline-flex;align-items:center;gap:5px;border:1px solid #dbe6d1;color:#779c61;background:#f3f8ef;font-size:9px}.answer-area{min-height:300px;margin-top:20px;display:grid;place-items:center;border:1px dashed #d4d1c9;background:#f0eee9}.answer-content{align-self:start;width:100%;padding:23px;display:flex;gap:12px}.answer-avatar{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;color:var(--blue);background:var(--blue-soft)}.answer-meta{margin:2px 0 10px;color:#888d8c;font-size:9px}.answer-content p{margin:0;color:#555c5e;font-size:12px;line-height:1.9;white-space:pre-wrap}.answer-placeholder{gap:9px;color:#aeb0ac;font-size:10px;line-height:1.75;white-space:pre-line}.answer-placeholder,.drop-zone{display:flex;flex-direction:column;align-items:center;text-align:center}.drop-zone{min-height:170px;margin-top:-1px;padding:16px;justify-content:center;gap:8px;position:relative;overflow:hidden;border:1px dashed #bebdb7;background:rgba(251,250,247,.65);color:#7e8283;transition:all .2s}.drop-zone.dragging,.drop-zone:hover{border-color:var(--blue);color:var(--blue);background:#f1f4ff}.drop-zone strong{color:#646a6c;font-size:11px}.drop-zone>span{color:#a9aca8;font-size:9px}.upload-icon{width:39px;height:39px;display:grid;place-items:center;color:var(--blue);background:var(--blue-soft)}.drop-zone.has-file{padding:0}.drop-zone.has-file>img{width:100%;height:170px;display:block;object-fit:contain;background:#e9e8e3}.clear-file{width:25px;height:25px;position:absolute;top:9px;right:9px;display:grid;place-items:center;color:#fff;background:rgba(23,25,29,.63)}.file-badge{max-width:calc(100% - 18px);padding:5px 7px;position:absolute;bottom:8px;left:9px;display:flex;align-items:center;gap:5px;overflow:hidden;color:#fff;background:rgba(23,25,29,.72);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.question-bar{margin-top:17px;padding:14px 14px 12px 17px}.question-bar label{display:block;margin-bottom:8px}.question-input{display:flex;align-items:center;gap:10px}.question-input input{min-width:0;height:29px;flex:1 1;outline:0;border:0;color:#4d5357;background:transparent;font-size:11px}.question-input .submit-arrow{width:31px;height:31px;flex:0 0 31px}.inline-history{margin-top:35px}.inline-history>.section-label{margin-bottom:10px}.inline-history>button{width:100%;min-height:52px;padding:9px 11px;display:flex;align-items:center;gap:10px;text-align:left;border-bottom:1px solid var(--line);background:transparent}.inline-history>button:hover{background:#eeece7}.inline-history>button>span:nth-child(2){min-width:0;flex:1 1;display:flex;flex-direction:column;gap:3px}.inline-history strong{color:#5b6063;font-size:10px}.inline-history small,.inline-history strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-history small{color:#989d9a;font-size:9px}.inline-history time{color:#aeb1ad;font-size:9px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{transform:scale(1.08);opacity:.65}}@media (max-width:920px){.sidebar{flex-basis:220px;width:220px}.sidebar.is-closed{flex-basis:0;width:0;overflow:hidden;border:0}.topbar{right:0;left:220px;padding:0 27px}.content-frame{padding:0 27px 60px}.hero-copy,.mode-intro{padding-left:18px}.hero-grid{gap:18px}.mode-split{gap:22px}}@media (max-width:640px){.sidebar,.sidebar.is-closed,.sidebar.is-open{width:240px;flex-basis:240px;position:fixed;z-index:20;inset:0 auto 0 0;overflow:hidden;transform:translateX(-102%);box-shadow:16px 0 30px rgba(33,38,48,.13)}.sidebar.mobile-nav-open{transform:translateX(0)}.topbar{min-height:65px;padding:0 16px;position:relative;inset:auto;border-bottom:1px solid var(--line);background:rgba(244,242,238,.83)}.mobile-brand{display:flex}.breadcrumb,.topbar-actions .language-switch{display:none}.content-frame{padding:30px 16px 48px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:24px}.heading-note{font-size:9px}.hero-grid{min-height:auto;display:flex;flex-direction:column-reverse;align-items:stretch;gap:21px}.hero-copy{padding:5px 4px 18px}.hero-copy h2,.mode-intro h2{margin:17px 0 16px;font-size:42px}.idea-board,.idea-board img{min-height:220px}.hero-hint{margin-top:27px}.suggestion-row{display:grid}.suggestion-row button{justify-content:center}.mode-split{min-height:auto;display:flex;flex-direction:column;align-items:stretch;gap:23px}.mode-intro{padding:5px 4px 0}.intro-mark{margin-top:27px}.analysis-panel,.creation-panel{padding:16px}.image-result-canvas img{height:260px}.image-result-canvas{min-height:260px}.creative-form{padding:16px}.creative-form-bottom{align-items:stretch;flex-direction:column}.aspect-picker>div{width:100%}.aspect-picker button{flex:1 1}.primary-action{width:100%}.drop-zone{min-height:190px}.drop-zone.has-file>img{height:190px}.answer-area{min-height:280px}.conversation-list{padding:22px 14px}}