:root{--bg:#f8f7f3;--paper:#fffefa;--ink:#292f2b;--muted:#82877e;--border:#e6e7df;--accent:#cb603f;--accent-dark:#af4a2d;--sage:#e7ece3;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d8aa74;outline-offset:3px}button{transition:background .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.topbar{height:86px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 4vw;background:var(--paper)}.brand{display:flex;gap:12px;align-items:center;font-weight:650;font-size:21px;letter-spacing:-.7px}.brand-mark{font-size:37px;font-weight:400;color:var(--accent);line-height:1}.private-badge{font-size:9px;letter-spacing:1.3px;border:1px solid #dbded4;padding:4px 6px;border-radius:4px;color:#8a8e82;margin-left:6px}.header-actions{display:flex;align-items:center;gap:28px}.connection{color:#888d82;font-size:12px;display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7c9372}.text-button{border:0;background:transparent;color:#777d71;padding:10px 0;font-size:12px}.text-button span{margin-left:6px}.workspace{max-width:1510px;margin:auto;display:grid;grid-template-columns:425px minmax(0,1fr);gap:56px;padding:46px 4vw 64px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#969b8e}.editor h1{font-size:32px;letter-spacing:-1.6px;margin:13px 0 9px;font-weight:600}.editor h1>span{color:var(--accent)}.intro{color:#8b9086;font-size:13px;margin:0 0 33px}fieldset{padding:0;border:0;margin:0 0 27px;min-width:0}legend{font-size:10px;font-weight:500;color:#a8ada0;letter-spacing:1px;padding:0;margin-bottom:13px;display:flex;gap:9px;align-items:center;width:100%}legend>span{font-size:13px;letter-spacing:0;color:#444b40;font-weight:600}legend>small{margin-left:auto;font-size:10px;color:#a1a697;letter-spacing:0;font-weight:400}.model-options{display:flex;flex-direction:column;gap:8px}.model-card{position:relative;border:1px solid var(--border);background:var(--paper);border-radius:10px;padding:13px 15px;display:flex;align-items:center;gap:13px;cursor:pointer;transition:background .15s,border-color .15s}.model-card:has(input:checked){border-color:#aeb9a2;background:#eef1e8;box-shadow:0 0 0 1px #aeb9a21f}.model-card:has(input:focus-visible){outline:3px solid #d8aa74}.model-card>input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.model-icon{font-size:27px;color:#8b9779;width:28px;display:flex;justify-content:center;line-height:1}.model-icon.sunburst{color:#be815c;font-size:30px}.model-icon.classic{color:#8c9eac;font-size:30px}.model-copy{display:flex;flex-direction:column;gap:5px;flex:1}.model-copy strong{font-size:14px;letter-spacing:-.1px;font-weight:600}.model-copy strong small{font-size:9px;font-weight:450;background:#dfe6d7;color:#6f7d61;padding:3px 5px;border-radius:3px;margin-left:6px}.model-copy>span{font-size:10px;color:#8b9183}.radio-dot{width:15px;height:15px;border-radius:100%;border:1px solid #d7dbcf;display:flex;align-items:center;justify-content:center}.model-card:has(input:checked) .radio-dot{border-color:#859572;background:#859572}.model-card:has(input:checked) .radio-dot:after{content:"";width:5px;height:5px;background:#fff;border-radius:50%}.prompt-wrap{border:1px solid var(--border);background:var(--paper);border-radius:10px;overflow:hidden}.prompt-wrap:focus-within{border-color:#b9c4ac}.prompt-wrap textarea{border:0;resize:vertical;min-height:130px;max-height:400px;width:100%;padding:14px 15px 6px;line-height:1.9;font-size:12px;color:#444c3e;background:transparent;outline:0}.prompt-wrap textarea::placeholder{color:#b0b3a7}.prompt-bottom{display:flex;justify-content:space-between;padding:9px 13px;color:#a0a593;font-size:9px;gap:8px}.prompt-examples{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.prompt-examples button{border:1px solid #e6e8e0;background:transparent;border-radius:6px;padding:6px 8px;color:#8a9080;font-size:10px}.prompt-examples button:hover{background:#ecefe5}.upload-zone{border:1px dashed #d4d9cc;background:#f3f4ed;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 10px;cursor:pointer;position:relative;gap:7px}.upload-zone.dragging{border-color:var(--accent);background:#f6eade}.upload-zone:focus-within{outline:3px solid #d8aa74}.upload-zone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-icon{font-size:25px;color:#9ea78e;font-weight:300;line-height:1}.upload-zone strong{font-size:11px;font-weight:450;color:#7f8971}.upload-zone>span:last-child{font-size:9px;color:#a0a694}.field-note{font-size:10px;color:#a0a592;line-height:1.6;margin:8px 0 0}.reference-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.reference-list:empty{display:none}.reference{position:relative;width:77px;height:77px;border-radius:8px;border:1px solid var(--border);background:white}.reference img{width:100%;height:100%;object-fit:cover;border-radius:8px}.reference button{position:absolute;right:-5px;top:-5px;width:20px;height:20px;border:1px solid var(--border);border-radius:50%;background:#fff;color:#535d4b;line-height:16px;font-size:16px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-grid label{display:block;font-size:10px;color:#8b927e;margin-bottom:7px}.settings-grid select{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--paper);color:#58614d;padding:11px 10px;font-size:11px}.primary{width:100%;border:0;border-radius:9px;background:var(--accent);color:#fff8f1;min-height:49px;font-weight:550;display:flex;align-items:center;justify-content:center;gap:9px}.primary:hover:not(:disabled){background:var(--accent-dark)}.generate-button>span:first-child{font-size:23px;font-weight:400}.generate-button .shortcut{font-size:9px;opacity:.65;margin-left:auto;font-weight:400}.generate-button{padding:0 17px}.generate-button>#generate-label{margin-right:auto}.privacy-note{text-align:center;font-size:9px;color:#a0a593;margin:12px 0}.error-text{font-size:12px;color:#b94e33;line-height:1.6;overflow-wrap:anywhere;white-space:pre-line}.error-text:empty{display:none}.output-panel{min-width:0;align-self:start;position:sticky;top:30px}.output-top{display:flex;align-items:center;justify-content:space-between;margin:2px 0 22px}.output-top .eyebrow{font-size:9px;letter-spacing:1.8px}.output-top h2{font-size:17px;font-weight:500;margin:7px 0 0;letter-spacing:-.5px}.canvas-status{font-size:10px;border:1px solid #e0e4d8;color:#929c85;padding:6px 9px;border-radius:99px;background:#f4f6ef}.canvas{min-height:540px;aspect-ratio:1.15;max-height:780px;border:1px solid #e4e6dc;border-radius:15px;overflow:hidden;background-color:#f0f2e9;background-image:radial-gradient(#cdd4c1 0.65px,transparent .65px);background-size:19px 19px;display:flex;align-items:center;justify-content:center;position:relative}.empty-state{text-align:center;padding:30px}.abstract-art{position:relative;width:225px;height:209px;margin:0 auto 23px}.art-window{height:170px;width:143px;border-radius:75px 75px 10px 10px;background:#e9e2cf;position:absolute;top:16px;left:40px;overflow:hidden;box-shadow:6px 8px 0 #d9dfce;border:6px solid #fafbf5;transform:rotate(-7deg)}.art-sun{position:absolute;width:43px;height:43px;border-radius:50%;background:#ce8960;top:33px;right:20px}.art-hill{position:absolute;width:180px;height:160px;border-radius:70%;background:#9da987;bottom:-89px;left:-23px;transform:rotate(-16deg)}.art-hill.front{bottom:-113px;left:20px;background:#6e8161;transform:rotate(12deg)}.art-spark{position:absolute;right:14px;top:2px;font-size:52px;color:#c8724d;transform:rotate(10deg)}.art-orbit{position:absolute;left:13px;bottom:19px;height:29px;width:29px;border:1px solid #a9b494;border-radius:50%}.art-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#abb69b;right:-27px;top:30px}.empty-state h3{font-size:17px;font-weight:500;color:#69775a;letter-spacing:-.4px;margin:0 0 12px}.empty-state p{font-size:12px;color:#9ba58f;line-height:1.9;margin:0}.empty-tags{display:flex;justify-content:center;gap:8px;margin-top:27px}.empty-tags span{font-size:9px;color:#939f85;padding:5px 9px;border:1px solid #dce3d0;border-radius:99px;background:#f4f6ef}.result-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#a3ab96;padding:13px 1px}.history-section{margin-top:31px;border-top:1px solid var(--border);padding-top:18px}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.history-heading h3{font-size:12px;font-weight:500;margin:0}.history-heading h3 span{font-size:9px;color:#9aa58c;margin-left:5px;background:#e9ede2;padding:2px 5px;border-radius:4px}.history-heading>span{font-size:9px;color:#a5ac9a}.history{display:flex;gap:10px;margin-top:16px;overflow-x:auto;padding:2px 2px 6px}.history-empty{font-size:11px;color:#b0b6a6;border:1px dashed #e1e5d7;width:100%;padding:24px;text-align:center;border-radius:8px}.history-item{border:2px solid transparent;padding:0;width:79px;height:79px;flex:none;border-radius:8px;overflow:hidden;background:#e4e9dc}.history-item.selected{border-color:#8d9b79;box-shadow:0 0 0 2px #e0e6d7}.history-item img{width:100%;height:100%;object-fit:cover;display:block}.loading-state{text-align:center;padding:30px}.loading-flower{display:block;font-size:75px;color:var(--accent);animation:rotate 10s linear infinite;line-height:1.3}.loading-state h3{font-size:20px;font-weight:500;margin:22px 0 12px}.loading-state p{font-size:12px;color:#8c9880;line-height:1.8}.elapsed{font-size:11px;background:#e8ecdf;color:#8a977c;border-radius:99px;padding:6px 13px;display:inline-block;margin-top:9px}.loading-state .wait-note{font-size:10px;margin-top:27px}.result-state{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.result-state>img{width:100%;max-height:calc(100% - 56px);min-height:0;object-fit:contain;border-radius:8px;filter:drop-shadow(0 7px 16px #36422914)}.result-tools{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.light-button{font-size:10px;padding:9px 12px;border:1px solid #d8dece;border-radius:6px;background:#fffffff2;color:#6a765b}.light-button:hover{background:#e5ebdc}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#3a4434;color:#fff;padding:13px 20px;font-size:12px;border-radius:8px;z-index:50;max-width:90vw;box-shadow:0 6px 25px #18211620}dialog{border:0;padding:40px 20px 20px;border-radius:12px;background:#f6f8f0;max-width:95vw;max-height:94vh}dialog::backdrop{background:#20281ee6}dialog img{display:block;max-width:90vw;max-height:82vh;object-fit:contain}.dialog-close{position:absolute;right:10px;top:4px;background:transparent;border:0;font-size:28px;color:#5a6750}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#f3f4eb}.login-card{position:relative;z-index:1;background:#fffefaed;border:1px solid #e1e5d6;border-radius:19px;padding:42px;width:420px;box-shadow:0 25px 100px #72805e0c}.login-card .brand{margin-bottom:44px}.login-card .eyebrow{font-size:8px;letter-spacing:1.5px}.login-card h1{font-size:32px;font-weight:550;letter-spacing:-1px;margin:13px 0}.login-subtitle{font-size:12px;color:#939b88;line-height:1.8;margin-bottom:29px}.login-card label{display:block;color:#828c75;font-size:11px;margin-bottom:9px}.login-card input{width:100%;height:47px;border:1px solid #dde2d3;background:#f9faf4;border-radius:8px;padding:0 13px;color:#3e4a33;font-size:13px}.login-card input::placeholder{color:#b3baa8}.login-button{margin-top:19px;justify-content:space-between;padding:0 17px}.login-foot{font-size:10px;color:#a0aa92;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:25px}.login-decoration{position:absolute;inset:0;pointer-events:none}.login-decoration span:first-child{position:absolute;width:600px;height:600px;border-radius:50%;background:#e2e8d7;top:-250px;left:-180px}.login-decoration span:nth-child(2){position:absolute;width:480px;height:580px;background:#e9ddcc;border-radius:250px 250px 30px 30px;bottom:-300px;right:-170px;transform:rotate(25deg)}.login-decoration span:nth-child(3){position:absolute;height:120px;width:120px;border:1px solid #cbd5bb;border-radius:50%;left:15%;bottom:16%}.login-caption{position:absolute;bottom:25px;color:#a7b09a;font-size:10px;letter-spacing:.5px}@keyframes rotate{to{transform:rotate(360deg)}}@media(min-width:1550px){.workspace{padding-left:50px;padding-right:50px}}@media(max-width:1100px){.workspace{grid-template-columns:360px minmax(0,1fr);gap:30px;padding-top:35px}.canvas{min-height:460px}.editor h1{font-size:28px}.empty-state h3{font-size:14px}.empty-state{padding:20px}.empty-tags{gap:5px}.empty-tags span{padding:5px 7px}.history-heading{flex-wrap:wrap}}@media(max-width:800px){.topbar{height:70px;padding:0 22px}.brand{font-size:18px;gap:9px}.brand-mark{font-size:31px}.private-badge{font-size:8px}.connection{display:none}.workspace{display:flex;flex-direction:column;padding:29px 20px 40px;gap:31px;max-width:620px}.editor h1{font-size:30px}.output-panel{position:static;width:100%}.canvas{min-height:390px;aspect-ratio:1.05}.output-top{margin-bottom:17px}.model-card{padding:13px 15px}.model-copy>span{font-size:11px}.history-section{margin-top:20px}.prompt-wrap textarea{font-size:13px}.field-note{font-size:10px}.result-state{padding:15px}.result-tools{gap:6px}.light-button{padding:8px 9px}.login-card{padding:32px 27px;margin:25px;width:390px}.login-caption{bottom:15px;font-size:9px}.header-actions{gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}