:root{--ink:#263631;--muted:#788580;--accent:#167c68;--line:#e0e6e2;--bg:#f4f6f3}*{box-sizing:border-box}body{margin:0;font:14px/1.5 'Segoe UI','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--bg)}header{height:78px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;gap:14px;align-items:center}.logo{width:40px;height:40px;border-radius:11px;background:#e8f2ec;color:var(--accent);font-size:27px;text-align:center}.brand strong{font-size:20px;font-weight:650;letter-spacing:.3px}small{display:block;font-size:11px;color:var(--muted)}.muted{color:#93a199;font-weight:400}.model{display:flex;align-items:center;gap:9px;font-size:12px}.model small{border-left:1px solid var(--line);padding-left:12px;margin-left:6px}.dot{height:7px;width:7px;border-radius:50%;background:#3bad80}main{display:grid;grid-template-columns:220px minmax(440px,1fr) 310px;height:calc(100vh - 78px)}aside{background:#fff;padding:21px 18px;overflow-y:auto}.library{border-right:1px solid var(--line)}.controls{border-left:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:16px}.section-title span{font-size:11px;color:#99a59e;font-weight:400}input:not([type=range]):not([type=checkbox]),select{width:100%;border:1px solid var(--line);padding:10px 11px;border-radius:7px;font:inherit;color:var(--ink);background:#fafcf9;margin-bottom:10px;outline:none}input:focus,select:focus{border-color:#52a790!important}input[type=range]{width:100%;accent-color:var(--accent);margin:9px 0}button{font:inherit;border:1px solid var(--line);border-radius:7px;padding:8px 11px;background:#fff;color:var(--ink);cursor:pointer}button:hover{background:#eef5ef;border-color:#b9cebf}button:disabled{opacity:.45;cursor:wait}button.active{background:#e5f2eb;border-color:#8ebda6;color:#13725b}.image-list{display:flex;flex-direction:column;gap:7px;margin-top:7px}.image-item{display:flex;gap:10px;align-items:center;border:1px solid transparent;padding:7px;border-radius:8px;text-align:left;background:#fff;width:100%;cursor:pointer}.image-item img{width:56px;height:43px;object-fit:cover;border-radius:4px;background:#e7e9e6}.image-item strong{font-size:11px;display:block;white-space:nowrap}.image-item small{font-size:9px}.image-item.active{border-color:#9dbdab;background:#edf5ef}.workspace{display:flex;flex-direction:column;min-width:0;padding:22px 24px 14px}.image-heading{display:flex;align-items:center;justify-content:space-between;height:40px;margin-bottom:18px}.image-heading strong{font-size:16px}.nav{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.nav button{padding:4px 10px}.toolbar{display:flex;gap:6px;align-items:center;padding:10px;background:#fff;border:1px solid var(--line);border-radius:10px 10px 0 0;flex-wrap:wrap}.toolbar button{font-size:11px;padding:6px 9px}.spacer{flex:1}.canvas-wrap{flex:1;min-height:360px;position:relative;overflow:hidden;border:1px solid var(--line);border-top:0;background:#e7eae5;background-image:radial-gradient(#ccd3cc .6px,transparent .6px);background-size:12px 12px;border-radius:0 0 10px 10px}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.canvas-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:9px 14px;background:#ffffffdd;font-size:10px;color:#728076;pointer-events:none}.canvas-footer label{pointer-events:auto;display:flex;gap:5px;align-items:center}.empty{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#8f9a90}.status-bar{padding:12px 1px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.status-bar .error{color:#b44d3e}.trial{font-size:10px;color:var(--muted);display:flex;gap:20px;justify-content:space-between}.trial a{color:var(--accent);text-decoration:none}.label{display:flex;justify-content:space-between;margin-top:16px;font-size:11px;font-weight:600}.label small{font-weight:400}.label output{font-weight:400;color:var(--accent)}.presets{display:flex;gap:6px}.presets button{font-size:10px;padding:4px 7px}.hint{font-size:11px;line-height:1.7;color:var(--muted);margin:5px 0 12px}.primary{width:100%;display:flex;justify-content:space-between;background:var(--accent);color:#fff;border-color:var(--accent);margin-top:18px;padding:11px 13px;font-weight:600}.primary:hover{background:#126c59;border-color:#126c59}.secondary{background:#263e33;border-color:#263e33}.divider{height:1px;background:var(--line);margin:24px 0}.candidate{display:flex;align-items:center;gap:10px;padding:10px 9px;margin:6px 0;background:#f7f9f5;border:1px solid var(--line);border-radius:7px;cursor:pointer;font-size:11px}.candidate input{accent-color:var(--accent)}.candidate i{height:9px;width:9px;border-radius:2px}.candidate strong{font-weight:600}.candidate small{margin-left:auto}.selection-actions{display:flex;gap:8px;margin-top:10px}.selection-actions button{font-size:10px;padding:5px 10px}#compose{width:100%;margin-top:5px;font-size:12px}.saved{font-size:10px;word-break:break-all;background:#eef7ed;padding:0 10px;border-radius:7px;margin-top:14px}.saved:not(:empty){padding:10px}.saved a{display:inline-block;margin:6px 10px 0 0;color:var(--accent)}.bottom-hint{margin-top:14px}@media(max-width:1100px){main{grid-template-columns:175px minmax(350px,1fr) 260px}.workspace{padding:18px 14px}.toolbar .spacer{display:none}.model small{display:none}}@media(max-width:820px){header{padding:0 15px}.brand strong{font-size:17px}main{display:flex;height:auto;flex-wrap:wrap}.library{width:100%;max-height:165px}.image-list{flex-direction:row}.image-item{min-width:155px}.library>input,.library>select{width:48%;margin-right:1%}.library>.section-title{margin-bottom:6px}.workspace{width:100%;height:650px}.controls{width:100%;border-top:1px solid var(--line)}.model{font-size:10px}.model small{display:none}}