:root{color:#18231f;font-synthesis:none;--ink:#18231f;--muted:#6d7772;--line:#dbe0da;--paper:#fffefa;--green:#17685c;--green-dark:#0e4f48;--amber:#a76629;background:#eef1ec;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 78% 2%,#f8f3e9,#0000 31%),linear-gradient(125deg,#edf1ec,#f7f7f3 45%,#e9efeb);min-width:320px;min-height:100vh;margin:0}button,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #17685c38}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffefae6;grid-template-columns:1fr auto 1fr;align-items:center;height:62px;padding:0 24px;display:grid}.topbar>a{color:var(--ink);justify-self:start;align-items:center;gap:7px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.brand{align-items:center;gap:10px;display:flex}.brand span{color:var(--green);letter-spacing:.16em;font:800 9px/1 ui-monospace,monospace}.brand strong{border-left:1px solid #cbd2cc;padding-left:10px;font-size:16px}.brand em{color:var(--green-dark);background:#e8f1ed;border-radius:999px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:700}.user-chip{color:var(--muted);justify-self:end;align-items:center;gap:7px;font-size:11px;display:flex}.user-chip span{background:#38a27e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #38a27e1f}.status-line{color:#765638;background:#fff9ed;border-bottom:1px solid #e7d9c5;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:7px 16px;font-size:11px;display:flex}.workflow{grid-template-columns:minmax(270px,.72fr) 28px minmax(480px,1.45fr) 28px minmax(250px,.65fr);align-items:start;gap:10px;max-width:1600px;min-height:calc(100vh - 96px);margin:0 auto;padding:18px;display:grid}.panel{border:1px solid var(--line);background:#fffefaf0;border-radius:14px;min-height:calc(100vh - 132px);box-shadow:0 18px 52px #24352d14}.panel>header{border-bottom:1px solid #e4e8e3;align-items:center;gap:10px;min-height:72px;padding:15px 16px;display:flex}.panel>header .step{color:#a7b0aa;font:700 11px/1 ui-monospace,monospace}.panel>header div{min-width:0}.panel>header strong,.panel>header small{display:block}.panel>header strong{font-size:14px}.panel>header small{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.4}.flow-arrow{color:#a7b0aa;align-self:center}.requirements-panel{padding-bottom:16px}.requirements-panel>label{padding:11px 16px 0;display:block}label>span{color:#4e5954;margin-bottom:7px;font-size:10px;font-weight:700;display:block}label>small{color:var(--muted);margin-top:5px;font-size:8px;line-height:1.45;display:block}.locked-label{color:var(--green-dark);align-items:center;gap:5px;display:flex}textarea,select{width:100%;color:var(--ink);background:#fbfaf6;border:1px solid #d8ddd7;border-radius:8px}textarea{resize:vertical;padding:9px 10px;font-size:11px;line-height:1.55}select{height:36px;padding:0 9px;font-size:11px}.segmented{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.segmented button{color:#59635f;cursor:pointer;background:#f7f7f3;border:1px solid #d8ddd7;border-radius:7px;height:32px;font-size:10px}.segmented button.active{border-color:var(--green);color:var(--green-dark);background:#e8f3ef;font-weight:800}.reference-field{background:#f4f7f4;border:1px solid #d8e2dc;border-radius:10px;margin:12px 16px 0;padding:11px}.reference-field>div:first-child>span,.reference-field>div:first-child>small{display:block}.reference-field>div:first-child>span{color:#4e5954;font-size:10px;font-weight:700}.reference-field>div:first-child>small{color:var(--muted);margin-top:4px;font-size:8px;line-height:1.45}.reference-field>input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reference-upload{width:100%;min-height:34px;color:var(--green-dark);cursor:pointer;background:#fffefa;border:1px dashed #aac3ba;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:9px;font-size:10px;font-weight:700;display:flex}.reference-card{grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:9px;margin-top:9px;display:grid}.reference-card img{object-fit:cover;background:#e7ebe6;border-radius:7px;width:48px;height:48px}.reference-card strong,.reference-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.reference-card strong{font-size:9px}.reference-card small{color:var(--muted);margin-top:4px;font-size:8px}.reference-card button{color:#8e5148;cursor:pointer;background:#fff;border:1px solid #d8ddd7;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.primary,.image-button{background:linear-gradient(135deg, var(--green), var(--green-dark));color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex;box-shadow:0 9px 20px #0e4f4830}.primary{width:calc(100% - 32px);min-height:42px;margin:15px 16px 0}.prompt-panel{grid-template-rows:auto minmax(330px,1fr) auto auto auto;display:grid;overflow:hidden}.version{color:var(--muted);background:#eef2ee;border-radius:999px;margin-left:auto;padding:5px 8px;font-size:9px}.prompt-editor{grid-template-rows:auto minmax(280px,1fr);min-height:0;padding:14px 16px 0;display:grid}.prompt-editor textarea{resize:none;background:#f7f7f2;min-height:300px;font:11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.manual-row{color:var(--muted);justify-content:space-between;align-items:center;padding:7px 16px 12px;font-size:9px;display:flex}.manual-row button,.revision-box button,.confirm-row button{color:var(--green-dark);cursor:pointer;background:#fff;border:1px solid #cfd7d1;border-radius:7px;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.manual-row button{min-height:30px;padding:0 10px}.revision-box{background:#f1f6f3;border:1px solid #d8e2dc;border-radius:10px;margin:0 16px 12px;padding:12px}.revision-box button{background:var(--paper);width:100%;min-height:34px;margin-top:8px}.confirm-row{background:#fbfaf6;border-top:1px solid #e4e8e3;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.confirm-row>div{color:var(--muted);align-items:center;gap:7px;font-size:9px;line-height:1.5;display:flex}.confirm-row button{border-color:var(--green);background:#e8f3ef;flex:none;min-height:36px;padding:0 12px}.output-panel{padding-bottom:14px}.output-preview{text-align:center;background:radial-gradient(circle at 72% 21%,#fff,#0000 28%),linear-gradient(140deg,#edf1e8,#dde7db 55%,#f1e7da);border:1px dashed #cbd2cc;border-radius:11px;align-content:center;place-items:center;gap:7px;min-height:265px;margin:14px;display:grid;position:relative;overflow:hidden}.output-preview:after{content:"";aspect-ratio:1;background:#34694f14;border-radius:45%;width:60%;position:absolute;bottom:-27%;right:-15%;transform:rotate(25deg)}.output-preview img{object-fit:contain;background:#ecece8;width:100%;height:100%;position:absolute;inset:0}.preview-icon{width:66px;height:66px;color:var(--green);background:#ffffffad;border-radius:50%;place-items:center;display:grid}.output-preview strong{font-size:12px}.output-preview small{color:var(--muted);font-size:9px}.output-preview[data-status=failed]{color:#8e473e;background:#f5e7e3}.confirm-state{background:#f8f7f3;border:1px solid #e0e3de;border-radius:9px;align-items:center;gap:9px;margin:0 14px 11px;padding:9px 10px;display:flex}.confirm-state>span{color:#7d8983;background:#ecefeb;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.confirm-state[data-ready=true]{background:#edf6f2;border-color:#bcd7ce}.confirm-state[data-ready=true]>span{background:var(--green);color:#fff}.confirm-state strong,.confirm-state small{display:block}.confirm-state strong{font-size:10px}.confirm-state small{color:var(--muted);margin-top:3px;font-size:8px}.image-button{width:calc(100% - 28px);min-height:42px;margin:0 14px}.download{min-height:35px;color:var(--green-dark);border:1px solid #bfd0c8;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin:8px 14px 0;font-size:10px;font-weight:800;text-decoration:none;display:flex}.history{border-top:1px solid #e3e7e1;margin:15px 14px 0;padding-top:12px}.history>header{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.history article{border-bottom:1px solid #eceeea;grid-template-columns:8px 1fr;align-items:center;gap:8px;padding:9px 0;display:grid}.history article>span{background:#c7a260;border-radius:50%;width:7px;height:7px}.history article>span[data-status=completed]{background:#3d9b78}.history article>span[data-status=failed]{background:#c06658}.history article strong,.history article small{font-size:9px;display:block}.history article small,.history p{color:var(--muted);margin-top:3px;font-size:8px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1120px){.workflow{grid-template-columns:minmax(250px,.8fr) 22px minmax(430px,1.2fr)}.output-panel{grid-column:1/-1;grid-template-columns:280px 1fr;align-items:start;min-height:auto;display:grid}.output-panel>header{grid-column:1/-1}.output-preview{grid-row:2/7}.history{max-height:180px;overflow:auto}.workflow>.flow-arrow:last-of-type{display:none}}@media (width<=760px){.topbar{z-index:20;grid-template-columns:auto 1fr;height:56px;padding:0 13px;position:sticky;top:0}.topbar>a{font-size:0}.brand{justify-self:center}.brand span,.brand em,.user-chip{display:none}.workflow{padding:9px;display:block}.panel{min-height:auto;margin-bottom:10px}.flow-arrow{display:none}.prompt-panel{min-height:740px}.prompt-editor textarea{min-height:330px}.output-panel{display:block}.output-preview{min-height:340px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}