:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#162234;background:#f5f8fa;font-synthesis:none;font-size:14px;--blue:#137da8;--green:#147f70;--muted:#637485;--line:#e2e9ee}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;background:#fff;color:inherit;border:1px solid var(--line);border-radius:8px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.4}button:hover:not(:disabled){background:#eef5f8;border-color:#b9d4e0}button:disabled{opacity:.48;cursor:not-allowed}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #58b4d9;outline-offset:3px}svg{flex-shrink:0;width:18px;height:18px}p{line-height:1.75}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-.8px}h2{font-size:21px}h3{font-size:16px}small{font-size:12px;color:var(--muted);line-height:1.6}.studio{display:flex;height:100dvh;overflow:hidden}.sidebar{width:230px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:29px 18px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;color:inherit;padding:0 10px 28px;font-size:21px;font-weight:700}.brand:hover{text-decoration:none}.brand img{width:40px;height:40px}.brand span{font-size:11px;display:block;letter-spacing:2px;font-weight:400;color:var(--muted);margin-top:4px}.new-chat{background:var(--blue);color:#fff;border-color:var(--blue);height:42px;justify-content:flex-start;padding-left:18px;margin-bottom:20px}.new-chat:hover:not(:disabled),.primary:hover:not(:disabled),.generate:hover:not(:disabled){background:#08658e;color:#fff}.sidebar nav{display:grid;gap:4px}.sidebar nav button{border:0;justify-content:flex-start;padding:11px 13px;background:transparent;color:#506275}.sidebar nav button.selected{background:#eaf4f8;color:#0a719d;font-weight:600}.sidebar nav button span{margin-left:auto;font-size:12px}.history-heading{font-size:12px;color:#7e8c97;margin:28px 8px 12px;display:flex;justify-content:space-between}.history-heading small{font-size:10px;color:#96a1a9}.session-list{flex:1;min-height:60px;overflow:auto}.session-list>p{font-size:12px;color:#8b98a2;padding:12px 8px}.session-list>div{display:flex;border-radius:7px}.session-list>div.current{background:#f2f5f7}.session-list button{border:0;background:none;padding:10px 7px;font-size:12px;min-width:0;justify-content:flex-start}.session-list>div>button:first-child{flex:1}.session-list button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-list .delete{opacity:.4}.session-list>div:hover .delete{opacity:1}.sidebar-footer{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:13px;font-size:12px}.sidebar-footer a,.sidebar-footer button{display:flex;align-items:center;gap:9px;padding:0 8px;color:#526779}.sidebar-footer a:first-child{color:var(--blue);justify-content:space-between}.sidebar-footer button{border:0;justify-content:flex-start}.sidebar-footer small{font-size:10px;color:#98a3ad;padding:6px 8px 0}main{flex:1;min-width:0;display:flex;flex-direction:column;background:#f7f9fb}.topbar{height:80px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 35px;border-bottom:1px solid var(--line);background:#fff}.top-title{font-weight:650;font-size:17px}.top-title span{display:block;color:#8b98a2;font-size:11px;font-weight:400;margin-top:4px}.top-actions{display:flex;gap:10px;align-items:center}.quota-chip{font-size:12px;border:0;background:none;color:#57717d}.dot{width:6px;height:6px;border-radius:100%;background:#35a48c}.connect{font-size:12px;background:#fff;border-color:#b9d9e6;color:#176d8f}.icon{padding:7px;border:0;background:transparent}.mobile-menu{display:none}.conversation{flex:1;min-height:0;overflow:auto;scroll-behavior:smooth}.welcome{max-width:850px;margin:auto;text-align:center;padding:32px 25px 22px}.welcome-art{width:250px;height:165px;position:relative;margin:0 auto 24px}.art-window{position:absolute;top:0;right:37px;bottom:15px;left:37px;background:#aed9e7;border-radius:85px 85px 3px 3px;overflow:hidden;box-shadow:10px 9px #e1edf2}.orb{position:absolute;left:53px;top:26px;width:65px;height:65px;border-radius:50%;background:#fff9df;box-shadow:0 0 40px #fff8db}.art-water{position:absolute;top:97px;left:0;right:0;height:80px;background:repeating-linear-gradient(177deg,#78b6cb,#abd8e2 3px,#78b6cb 4px,#78b6cb 10px);transform:skewY(-6deg)}.art-label{position:absolute;top:114px;left:30px;font-size:9px;color:#185c73;letter-spacing:2px}.art-caption{position:absolute;right:0;bottom:0;background:#fff;box-shadow:0 5px 22px #1538490c;border:1px solid #e2eaee;border-radius:8px;padding:9px 12px;display:flex;align-items:center;gap:7px;font-size:10px;color:#477184;transform:rotate(-3deg)}.welcome h1{font-size:31px;line-height:1.4;font-weight:650}.welcome>p{color:#758593;font-size:13px;margin-top:13px}.quick-modes{display:flex;justify-content:center;gap:10px;margin:23px 0 18px}.quick-modes button{font-size:12px;padding:11px 14px;background:#fff;gap:8px}.quick-modes svg{color:#438aa3}.ideas{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.ideas button{font-size:11px;color:#78909c;border:0;background:none;padding:4px 9px}.composer-wrap{flex-shrink:0;width:100%;max-width:960px;margin:0 auto;padding:9px 36px 18px}.model-toolbar{display:flex;gap:9px;align-items:center;padding:0 2px 10px}.model-toolbar select{border:0;background:transparent;font-size:12px;color:#607481;max-width:160px;cursor:pointer;padding:5px 18px 5px 0}.model-toolbar .model-select select{font-weight:650;color:#244c5f}.model-toolbar .cost{margin-left:auto;color:var(--green);font-size:11px;white-space:nowrap}.composer{border:1px solid #b9d0dc;background:#fff;border-radius:15px;box-shadow:0 4px 22px #24405708;overflow:hidden}.composer:focus-within{border-color:#579eb9;box-shadow:0 0 0 2px #137da80d}.composer textarea{border:0;outline:none;resize:none;padding:16px 19px 8px;width:100%;height:94px;min-height:65px;color:#203a48;line-height:1.7;background:transparent;font-size:14px}.composer textarea:focus-visible{outline:0}.composer textarea::placeholder{color:#91a1ab}.composer-bottom{display:flex;gap:6px;align-items:center;padding:7px 10px 10px}.composer-bottom>button:not(.generate){border:0;background:none;font-size:12px;color:#607985;padding:7px}.composer-bottom>small{font-size:10px;color:#9ba8b0;margin-left:auto}.composer-bottom .generate{background:var(--blue);color:#fff;border:0;border-radius:9px;padding:10px 16px;margin-left:5px;font-size:12px}.composer-note{font-size:10px;color:#8a9aa6;margin:9px 2px 0;display:flex;justify-content:space-between;gap:10px}.attachments{display:flex;gap:8px;padding:0 16px;align-items:center;flex-wrap:wrap}.attachments:not(:empty){padding-top:13px}.attachment{position:relative;flex-shrink:0;width:62px;height:62px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.attachment img{width:100%;height:100%;object-fit:cover}.attachment span{position:absolute;left:0;bottom:0;background:#162234b3;color:#fff;width:100%;font-size:9px;padding:2px 4px}.attachment button{position:absolute;right:0;top:0;padding:2px;background:#fff;border-radius:0 0 0 4px}.reference-info{display:flex;flex-direction:column;align-items:flex-start;font-size:10px;gap:2px;color:#52727f}.reference-info button{border:0;padding:1px;background:none;color:#8398a2;font-size:10px}.message-list{max-width:850px;margin:auto;padding:25px 35px 40px}.exchange{margin-bottom:35px}.user-message{margin-left:auto;background:#e9f0f4;border-radius:13px 13px 2px;padding:11px 16px;width:fit-content;max-width:90%;margin-bottom:22px}.user-message span{font-size:10px;color:#81919c}.user-message p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.assistant-label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:12px;margin-bottom:12px}.assistant-label img{width:24px;height:24px;border-radius:6px}.assistant-label span{font-weight:400;color:#8a9aa5;font-size:10px;margin-left:3px}.result-image{padding:0;background:#e7eef2;border:0;display:block;max-width:min(100%,520px);border-radius:10px;overflow:hidden}.result-image img{display:block;width:100%;max-height:570px;object-fit:contain}.image-meta{font-size:10px;color:#8b9aa3;margin:10px 0}.image-actions{display:flex;gap:5px;flex-wrap:wrap}.image-actions button{font-size:11px;padding:6px 8px;border:0;background:transparent;color:#607987}.image-actions svg{width:14px;height:14px}.saved{color:#118f7b!important}.saved svg{fill:#b7e4da}.generating{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;display:flex;align-items:center;gap:16px;max-width:530px}.generating b{font-size:13px}.generating p{font-size:11px;color:var(--muted);margin-top:6px}.spinner{width:24px;height:24px;border:2px solid #cce1e9;border-top-color:#137da8;border-radius:50%;animation:spin 1.2s linear infinite;flex-shrink:0}.spinner.small{width:14px;height:14px;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.inline-error{font-size:12px;line-height:1.6;color:#ad3f35;padding-top:7px}.failed{padding:16px;background:#fff6f3;border:1px solid #f0d6ce;border-radius:8px;color:#9f4f40}.failed p{font-size:12px;margin-bottom:10px}.failed button{font-size:11px;margin-right:8px}.warning{padding:9px 20px;background:#fff7dc;color:#866214;font-size:12px}.gallery{padding:35px;overflow:auto;flex:1}.gallery-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.gallery-head h1{font-size:25px}.gallery-head p{color:#81909b;font-size:12px;margin-top:8px}.search{display:flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px;gap:8px;color:#83939e}.search input{border:0;outline:0;width:140px;font-size:12px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px}.gallery-grid article{background:#fff;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.gallery-grid article>button{display:block;border:0;padding:0;width:100%;border-radius:0}.gallery-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.gallery-grid p{margin:12px 14px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gallery-grid article>div{display:flex;align-items:center;justify-content:space-between;padding:0 10px 10px 14px;font-size:10px;color:var(--muted)}.empty{display:flex;flex-direction:column;gap:22px;align-items:center;justify-content:center;padding:100px 20px;color:#82949e}.empty h2{font-size:18px;font-weight:400}.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--blue);color:#fff;border:0;border-radius:8px;padding:11px 17px;font-size:13px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#102f4661;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;padding:25px}.modal{background:#fff;max-width:510px;width:100%;border-radius:16px;padding:25px;max-height:90dvh;overflow:auto;box-shadow:0 30px 90px #15384930}.modal.wide{max-width:850px}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}.modal>header p{font-size:12px;color:var(--muted);margin-top:5px}.modal .intro{font-size:13px;color:#6a7d8b;margin-bottom:20px}.field{display:flex;flex-direction:column;gap:9px;font-weight:600;font-size:12px;margin-bottom:18px}.field input{font-weight:400;border:1px solid #c9d8e2;padding:12px;border-radius:7px;background:#f9fbfc}.check-label{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer;color:#57707e}.check-label input{accent-color:var(--blue)}.privacy-note{background:#f2f8fa;border-radius:8px;padding:14px;margin-top:18px;display:flex;gap:10px;color:#68808c}.privacy-note p{font-size:11px}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 15px}.modal-actions button{font-size:12px}.text-link{font-size:12px;display:block;text-align:center;margin-top:18px}.quota-row{border-top:1px solid var(--line);padding:20px 0}.quota-row h3{font-size:13px;margin-bottom:12px}.quota-row strong{font-size:32px;font-weight:600;color:var(--blue)}.quota-row strong small{font-size:12px;font-weight:400}.quota-row p{font-size:12px;color:#6b8190;margin-top:7px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-grid button{display:block;text-align:left;padding:18px}.template-grid h3{font-size:14px;display:flex;justify-content:space-between;gap:8px}.template-grid h3 span{font-size:10px;color:#82a1ae;font-weight:400}.template-grid p{font-size:12px;color:#7a8e99;margin-top:12px}.help-content h3{margin-top:22px}.help-content p{font-size:13px;color:#607783;margin-top:9px}.upload-zone{cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:40px 10px;gap:15px;border:1px dashed #91b8ca;border-radius:9px;background:#f5fafc;color:#6d8c9c}.upload-zone b{font-size:13px}.upload-zone span{font-size:11px}.upload-zone input{max-width:100%;font-size:12px}.editor{max-width:1050px}.editor-body{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:25px}.canvas-zone{background-color:#edf2f5;background-image:linear-gradient(45deg,#e3eaf0 25%,transparent 25%),linear-gradient(-45deg,#e3eaf0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e3eaf0 75%),linear-gradient(-45deg,transparent 75%,#e3eaf0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;gap:20px;border-radius:9px}.canvas-zone canvas{max-width:100%;max-height:58dvh;object-fit:contain;touch-action:none;background:#fff;box-shadow:0 6px 25px #20384720}.canvas-zone>span{font-size:11px;color:#4f6c7e;background:#eef4f7;padding:5px}.editor-body aside{display:flex;flex-direction:column;gap:17px}.segmented{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.segmented button{flex:1;border:0;border-radius:0;font-size:11px;padding:9px 4px}.segmented button.active{background:#e4f3fa;color:var(--blue)}.editor-body label{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#627c89}.editor-body select{padding:8px;border:1px solid var(--line);border-radius:5px;background:#fff}.editor-body input{accent-color:var(--blue)}.note{font-size:11px;color:#78909c;background:#f5f8fa;padding:12px;border-radius:6px}.editor-body small{font-size:10px}.preview-images{display:flex;gap:15px;justify-content:center;background:#f2f5f7;border-radius:8px;overflow:hidden}.preview-images figure{margin:0;min-width:0;flex:1;text-align:center}.preview-images img{max-width:100%;max-height:60dvh;object-fit:contain}.preview-images figcaption{font-size:11px;padding:7px;color:#6a8390}.preview-images+p{margin-top:16px;font-size:12px;color:#647e8d;white-space:pre-wrap;overflow-wrap:anywhere}.comparison img{max-height:48dvh}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:80;background:#173f50;color:#fff;padding:13px 20px;border-radius:9px;box-shadow:0 6px 30px #20384730;max-width:calc(100vw - 35px);font-size:12px;display:flex;align-items:center;gap:10px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-height:900px){.welcome{padding-top:65px}.welcome-art{height:195px;margin-bottom:32px}.art-window{bottom:30px}.welcome h1{font-size:34px}.quick-modes{margin:30px 0 24px}}@media(max-width:1100px){.sidebar{width:205px;padding:25px 13px 16px}.topbar{padding:0 22px}.top-title span{display:none}.top-actions{gap:5px}.composer-wrap{padding:10px 24px 16px}.welcome{padding-top:28px}.welcome-art{height:140px;transform:scale(.88);margin-bottom:10px}.quick-modes{gap:6px}.quick-modes button{padding:10px;font-size:11px}.welcome h1{font-size:28px}.model-toolbar{gap:5px}.history-heading small{display:none}}@media(max-width:760px){.sidebar{display:none;position:fixed;inset:0 auto 0 0;z-index:40;width:245px}.sidebar.open{display:flex}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;border-radius:0;background:#102c4755;z-index:30}.mobile-menu{display:flex}.topbar{height:65px;padding:0 13px;gap:7px}.top-title{font-size:14px;margin-right:auto}.top-actions{gap:0}.quota-chip{font-size:10px;padding:7px}.connect{font-size:0;padding:8px}.connect svg{width:19px;height:19px}.welcome{padding:26px 14px 15px}.welcome-art{margin-bottom:5px}.welcome h1{font-size:25px}.welcome>p{font-size:12px}.quick-modes{margin:20px 0 13px;flex-wrap:wrap}.quick-modes button{font-size:11px;padding:10px 9px;gap:5px}.quick-modes svg{width:15px;height:15px}.ideas{gap:1px}.ideas button{padding:5px 7px;font-size:10px}.composer-wrap{padding:7px 12px max(12px,env(safe-area-inset-bottom))}.composer textarea{height:83px;font-size:13px;padding:12px 13px 5px}.model-toolbar{gap:10px;overflow-x:auto;padding-bottom:7px;white-space:nowrap}.model-toolbar select{font-size:11px;max-width:130px;padding-right:0}.model-toolbar .cost{font-size:10px}.model-toolbar label:nth-child(4){display:none}.composer-bottom{padding:5px 7px 8px}.composer-bottom>button:not(.generate){font-size:11px}.composer-bottom .generate{font-size:11px;padding:9px 12px}.composer-note{font-size:9px;margin-top:7px}.composer-note span{display:none}.message-list{padding:20px 16px 28px}.result-image{max-width:100%}.image-actions{gap:0}.image-actions button{padding:7px;font-size:10px}.user-message{max-width:95%;padding:10px 12px}.gallery{padding:23px 16px}.gallery-head{align-items:flex-start;flex-direction:column;margin-bottom:20px}.gallery-head h1{font-size:23px}.gallery-grid{grid-template-columns:1fr 1fr;gap:12px}.gallery-grid p{font-size:11px;margin:10px}.gallery-grid article>div{font-size:9px;padding-left:10px}.overlay{padding:12px}.modal{padding:19px;border-radius:13px;max-height:94dvh}.modal h2{font-size:19px}.template-grid{grid-template-columns:1fr}.editor-body{grid-template-columns:1fr;gap:16px}.canvas-zone{min-height:200px;padding:16px}.canvas-zone canvas{max-height:37dvh}.editor-body aside{gap:12px}.editor-body label{gap:5px}.editor-body .note{padding:8px;font-size:10px}.editor-body .primary{margin-top:0}.editor{max-height:96dvh}.preview-images.comparison{flex-direction:column}.comparison img{max-height:27dvh}.toast{bottom:18px;width:max-content}.privacy-note{padding:12px}.modal-actions{margin-top:18px}.history-heading small{display:inline}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}