:root{font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;color:#343c33;background:#f7f8f4;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:.2s}button:disabled{opacity:.55;cursor:wait}aside{width:214px;position:fixed;inset:0 auto 0 0;padding:40px 22px;background:#fff;border-right:1px solid #e7eae2;display:flex;flex-direction:column}.brand{font-size:30px;letter-spacing:6px;font-weight:700;color:#345541;text-decoration:none;margin:0 16px}.brand span{font-size:9px;letter-spacing:2px;display:block;margin-top:8px}.workspace{font-size:11px;color:#a0a79b;margin:55px 16px 15px;letter-spacing:2px}.nav{width:100%;background:none;border:0;text-align:left;color:#838b7d;border-radius:9px;padding:15px;margin-bottom:8px;font-size:17px}.nav span{font-size:14px;margin-left:10px}.nav.active{background:#eaf0e4;color:#3f5b36;font-weight:600}.aside-bottom{margin-top:auto;font-size:11px;color:#7f8a78}.aside-bottom small{display:block;margin-top:12px;font-size:10px}.dot{display:inline-block;width:6px;height:6px;background:#7c9861;border-radius:50%;margin-right:6px}main{margin-left:214px;padding:0 42px;max-width:1800px}header{height:80px;border-bottom:1px solid #e5e9df;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8c9586}header b{margin:0 14px;color:#c2c8bc;font-weight:400}.header-tag{border:1px solid #dfe5d7;padding:7px 13px;border-radius:20px;font-size:11px;color:#728565}.intro{display:flex;justify-content:space-between;align-items:center;padding:37px 0 30px}.eyebrow{font-size:10px;letter-spacing:2.7px;color:#879876}h1{font-family:Georgia,"Microsoft YaHei",serif;font-size:29px;letter-spacing:1px;margin:13px 0 12px;font-weight:600}.intro p{color:#92998a;font-size:12px}.intro-mark{font-family:serif;color:#879c77;font-size:23px;border:1px solid #bec9b1;padding:7px 10px;line-height:1.3;transform:rotate(7deg);margin-right:12px}.studio-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:26px}.card{background:#fff;border:1px solid #e3e8dc;border-radius:13px;padding:23px;margin-bottom:20px;box-shadow:0 3px 12px #34433303}.card-title{display:flex;justify-content:space-between;align-items:center;gap:8px}h2{font-size:16px;margin:0;font-weight:600}.card-title>span,.results-heading>span{font-size:9px;letter-spacing:1px;color:#9ba58f}.muted{color:#929b8a;font-size:12px;line-height:1.8}.dish-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;margin-top:23px}label{display:block;font-size:12px;color:#727f66}.dish-grid label>span{font-family:Georgia,serif;font-size:15px;color:#8a9e78}.dish-grid em{font-family:"Microsoft YaHei",sans-serif;font-size:10px;font-style:normal;color:#96a08d;margin-left:6px}input,textarea,select{width:100%;background:#fafbf8;border:1px solid #e0e5d9;border-radius:7px;padding:12px;color:#3e4c36;outline:none;margin-top:9px}input:focus,textarea:focus,select:focus{border-color:#7f9967;box-shadow:0 0 0 3px #7f996715}input::placeholder{color:#b0b7a8;font-size:11px}.text-button{border:0;background:none;color:#7d906d;font-size:11px;padding:12px 0}.primary{background:#627d4f;color:#fff;border:0;padding:14px 22px;border-radius:8px;font-size:13px}.primary:hover{background:#506e3c}.full{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:6px}.footnote{text-align:center;color:#a1aa97;font-size:9px;margin:12px 0 0}ol{list-style:none;padding:0;margin:23px 0 0}li{display:flex;align-items:center;gap:13px;margin:0 0 23px;font-size:12px}li:last-child{margin-bottom:0}li>b{border:1px solid #e5e9df;background:#f7f9f3;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#98a58d;font-weight:400}li small{display:block;margin-top:6px;color:#a3ab9a;font-size:10px}li>span{margin-left:auto;color:#a6ae9d;font-size:10px}li.active>b{background:#718958;color:white}li.active>span{color:#718958}li.done>b{background:#e7efde;color:#5d7b48}.results-heading{display:flex;justify-content:space-between;align-items:center;margin:3px 0 19px}.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.output-card{padding:0;overflow:hidden}.output-title{padding:19px 18px;display:grid;grid-template-columns:24px 1fr;gap:5px 7px}.output-title>span{grid-row:span 2;font-family:Georgia,serif;color:#b8c2ad;font-size:20px}.output-title h3{font-size:12px;margin:0}.output-title small{font-size:9px;color:#a2aa98}.image-area{aspect-ratio:3/4;background:radial-gradient(ellipse at center,#f7f3e9,#eeeee3);border-top:1px solid #edf0e6;display:grid;place-items:center;position:relative;padding:16px}.placeholder{text-align:center;color:#a4ae98}.placeholder>span{display:inline-grid;place-items:center;font-size:41px;color:#a8b694;width:70px;height:70px;border:1px solid #d6ddca;border-radius:50%;margin-bottom:20px}.placeholder h3{font-size:13px;font-weight:400;margin:0 0 12px}.placeholder p{font-size:10px;line-height:2;color:#aab29f}.image-area img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.image-area>a{position:absolute;bottom:12px;right:12px;background:#fffE;color:#4b653c;font-size:11px;padding:9px 14px;border-radius:6px;text-decoration:none}.image-error{font-size:12px;line-height:1.8;color:#a46751;overflow-wrap:anywhere}details{border-top:1px solid #edf0e7;margin-top:17px}summary{padding:12px 0;cursor:pointer;font-size:12px;color:#738067}summary button{float:right;padding:0!important}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.9 "Microsoft YaHei",sans-serif;color:#7c8772;background:#f9faf6;padding:14px;border-radius:6px;max-height:330px;overflow:auto;margin:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid label{margin-top:18px}.secondary{background:#f0f4ea;border:1px solid #dce5d2;padding:10px 20px;border-radius:7px;color:#66804f;margin-top:18px}.test-result{min-height:20px}.prompt-card textarea{font-family:Consolas,"Microsoft YaHei",monospace;font-size:12px;line-height:1.8;resize:vertical;margin-top:19px}.save-bar{display:flex;align-items:center;justify-content:space-between;padding:0 0 25px}.error{font-size:12px;color:#ad5842;background:#fff2ed;border-radius:6px;padding:12px;margin-top:20px;line-height:1.8;overflow-wrap:anywhere}.history-item{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #eef1e8;padding:12px 0;color:#7a886e;font-size:11px}.history-item small{display:block;color:#a8af9f;margin-top:7px}footer{font-size:9px;letter-spacing:1px;color:#aab39f;padding:28px 0 22px;display:flex;justify-content:space-between}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#35472d;color:#fff;padding:14px 23px;border-radius:10px;font-size:13px;box-shadow:0 8px 35px #0002;max-width:80vw;z-index:5}[hidden]{display:none!important}@media(min-width:1550px){.studio-grid{grid-template-columns:390px minmax(0,1fr)}.image-area{max-height:590px}}@media(max-width:1150px){aside{width:180px;padding:35px 15px}main{margin-left:180px;padding:0 25px}.studio-grid{grid-template-columns:310px minmax(0,1fr);gap:18px}.image-grid{grid-template-columns:1fr}.image-area{aspect-ratio:4/3}.intro h1{font-size:24px}}@media(max-width:800px){aside{position:static;width:100%;padding:18px 20px;flex-direction:row;align-items:center;border-bottom:1px solid #e5e9df}.brand{font-size:23px;margin:0 20px 0 0;white-space:nowrap}.brand span{font-size:7px}.workspace,.aside-bottom{display:none}nav{display:flex;margin-left:auto}.nav{width:auto;padding:10px;margin:0}.nav span{font-size:12px;margin-left:4px}main{margin:0;padding:0 18px}header{height:55px}.header-tag{display:none}.intro{padding:28px 0 20px}.intro h1{font-size:22px}.intro p{line-height:1.8;font-size:11px}.intro-mark{display:none}.studio-grid,.settings-grid{grid-template-columns:1fr}.image-grid{grid-template-columns:1fr 1fr}.image-area{aspect-ratio:3/4}.card{padding:20px}.output-card{padding:0}.save-bar{gap:15px}.save-bar span{max-width:60%}}@media(max-width:460px){.image-grid{grid-template-columns:1fr}.image-area{aspect-ratio:3/4}.intro h1{font-size:20px}}

/* Keep preview dimensions stable across wide desktop layouts. */
.image-area{width:100%;max-height:none!important}.card{border-radius:8px}.brand,h1{letter-spacing:0}.progress-card,.history-card,.text-output,.prompt-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding-left:0;padding-right:0}.image-area{background:#edf1e8}.output-card:nth-child(2) .image-area{background:#f2eee8}
 .group-panel{margin:12px 0 24px;padding:20px 0;border-top:1px solid #dfe5d7}.group-panel .secondary{margin:0}.group-panel>label{max-width:380px}#group-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.group-tag{max-width:100%;overflow-wrap:anywhere;border:1px solid #dbe3d4;background:#fff;color:#6b7c60;padding:8px 15px;border-radius:20px;font-size:12px}.group-tag[aria-selected=true]{background:#627d4f;color:#fff;border-color:#627d4f}.group-picker{margin:8px 0 18px}.group-picker select{background:#fff}
.mode-label{margin-top:16px}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-form{width:100%;max-width:400px;background:#fff;border:1px solid #e3e8dc;border-radius:8px;padding:32px}.login-form .brand{display:block;margin:0 0 28px}.login-form h1{font-size:23px;margin-bottom:24px}.login-form label,.account-form label{display:block;margin:16px 0}.session-bar{display:flex;flex-direction:column;gap:8px;margin-top:20px;overflow-wrap:anywhere}.session-bar .secondary{margin:0}.account-form{max-width:420px;margin-bottom:32px}.account-form h2{font-size:18px}.account-table-wrap{overflow-x:auto}.account-table{width:100%;border-collapse:collapse;text-align:left}.account-table th,.account-table td{padding:14px;border-bottom:1px solid #dfe5d7;overflow-wrap:anywhere}.account-table th{color:#627d4f}.account-table td:first-child{max-width:220px}@media(max-width:800px){.session-bar{margin:0;width:100%;flex-direction:row;align-items:center;justify-content:space-between}.session-bar .secondary{padding:8px 12px}.account-table th,.account-table td{padding:10px 6px}}
#review-panel{padding:20px 0;margin-bottom:25px;border-bottom:1px solid #dfe5d7}#review-panel label{margin:18px 0}#review-panel textarea{resize:vertical;line-height:1.8;font-size:13px}#review-panel>.primary{margin-top:12px}
.library-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.library-toolbar label:first-child{flex:1;min-width:180px;max-width:420px}.library-toolbar label:last-child{width:100px}.recipe-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid #dfe5d7}.recipe-row>a{width:90px;height:120px;display:grid;place-items:center;background:#edf1e8;font-size:12px;color:#627d4f}.recipe-row img{width:90px;height:120px;object-fit:contain}.recipe-row h2,.recipe-row p{overflow-wrap:anywhere}.recipe-row details{margin-top:6px}.library-pagination{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:20px 0}.library-pagination .secondary{margin:0;width:44px;padding:10px}.library-pagination button:disabled{cursor:not-allowed}@media(max-width:800px){aside{flex-wrap:wrap;gap:10px}aside nav{flex-wrap:wrap}.recipe-row{gap:12px}}
.image-actions{position:absolute;bottom:12px;right:12px;left:12px;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.image-actions a{background:#fffe;color:#4b653c;font-size:11px;padding:9px 12px;border-radius:6px;text-decoration:none}.image-badge{position:absolute;top:12px;left:12px;right:12px;background:#fffe;color:#4b653c;font-size:11px;padding:7px;overflow-wrap:anywhere}
.group-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.group-panel .card-title{flex-wrap:wrap}.group-actions .danger{color:#a6473f;border-color:#e8ccc8;background:#fff5f3}.group-actions button:disabled{cursor:not-allowed}