*{box-sizing:border-box}body{margin:0;min-width:320px;color:#18202f;background:#f4f6f9;font-family:Inter,Segoe UI,Microsoft YaHei,Arial,sans-serif}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:100vh}.settings-panel{display:flex;flex-direction:column;gap:16px;padding:20px;border-right:1px solid #dce2ea;background:#fff}.brand h1{margin:0;font-size:24px}.brand p{margin:6px 0 0;color:#6b7484}.panel{display:grid;gap:12px;padding-top:16px;border-top:1px solid #e7ebf1}.panel h2{margin:0;font-size:15px}label{display:grid;gap:7px;color:#3d4656;font-size:13px;font-weight:600}input,select,textarea{width:100%;border:1px solid #cfd7e3;border-radius:8px;background:#fff;color:#18202f;outline:none}input,select{height:38px;padding:0 11px}textarea{min-height:280px;resize:vertical;padding:14px;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:#276ef1;box-shadow:0 0 0 3px #276ef121}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:8px;background:#edf1f6}.segmented button{height:34px;border-radius:6px;color:#566173;background:transparent}.segmented button.active{color:#fff;background:#276ef1}.history-list{display:grid;gap:8px;max-height:240px;overflow:auto}.history-item{display:grid;gap:5px;padding:10px;border-radius:8px;color:#18202f;text-align:left;background:#f5f7fa}.history-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item small{color:#7b8493}.workspace{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid #dce2ea;background:#fff}.topbar div{display:grid;gap:4px}.topbar span{color:#6b7484;font-size:13px}.topbar button{min-width:118px;height:40px;border-radius:8px;color:#fff;background:#111827}.content-grid{display:grid;grid-template-columns:minmax(360px,500px) minmax(0,1fr);gap:20px;padding:24px;min-height:0}.editor{display:grid;align-content:start;gap:16px}.upload-zone{display:grid;gap:12px}.file-picker{display:grid;place-items:center;min-height:90px;border:1px dashed #9dacbf;border-radius:8px;background:#fff;color:#276ef1}.file-picker input{display:none}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.thumb{position:relative;overflow:hidden;border:1px solid #dce2ea;border-radius:8px;background:#fff;aspect-ratio:1}.thumb img{width:100%;height:100%;object-fit:cover}.thumb button{position:absolute;right:6px;bottom:6px;height:26px;padding:0 8px;border-radius:6px;color:#fff;background:#111827d1;font-size:12px}.quick-prompts{display:flex;flex-wrap:wrap;gap:8px}.quick-prompts button{height:34px;padding:0 12px;border-radius:8px;color:#276ef1;background:#eaf1ff}.preview-panel{min-width:0}.empty-state,.result-grid figure{border:1px solid #dce2ea;border-radius:8px;background:#fff}.empty-state{display:grid;place-items:center;min-height:560px;color:#7b8493}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.result-grid figure{margin:0;overflow:hidden}.result-grid img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#edf1f6}.result-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;color:#566173;font-size:13px}.result-grid a{color:#276ef1;text-decoration:none;font-weight:700}.error-text{margin:0;padding:12px;border-radius:8px;color:#a6192e;background:#ffe8ec}@media(max-width:980px){.app-shell,.content-grid{grid-template-columns:1fr}.settings-panel{border-right:0;border-bottom:1px solid #dce2ea}.topbar{align-items:stretch;flex-direction:column}.topbar button{width:100%}}