.image-tool-layout{display:grid;grid-template-columns:minmax(318px,370px) minmax(0,1fr);gap:20px;align-items:start}
.image-tool-panel,.image-result-zone{border:1px solid #e1e5da;border-radius:18px;background:#fff;box-shadow:0 8px 30px #24330c0b;overflow:hidden}
.image-tool-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 20px;background:#f4f8ec;border-bottom:1px solid #e1e9d5}.image-tool-head .eyebrow{font-size:8px;letter-spacing:1.4px}.image-tool-head h2{font-size:21px;letter-spacing:-.8px;margin:6px 0 0}.image-tool-library{display:grid;justify-items:center;gap:3px;flex:none;border:1px solid #d8e3cb;border-radius:10px;background:#fff;color:#44583c;padding:9px 12px;font-size:10px;font-weight:750}.image-tool-library:hover{background:#eaffbd}.image-tool-library .action-icon{width:17px;height:17px}
.image-tool-body{padding:4px 20px 20px}.image-tool-section{padding:17px 0;border-bottom:1px solid #edf0e8}.image-section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;color:#596b4b;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.image-section-label label{margin:0;font:inherit}.image-section-label span:last-child:not(:first-child){color:#85917a;font-weight:650;letter-spacing:0}
.image-model-row{display:flex;align-items:center;gap:10px;min-height:56px;border:1px solid #dfe6d5;border-radius:11px;background:#f9fbf5;padding:9px 11px}.image-model-spark{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:#d1fc64;color:#344f18;font-size:18px}.image-model-row>span:nth-child(2){min-width:0;flex:1}.image-model-row strong,.image-model-row small{display:block}.image-model-row strong{font-size:12px}.image-model-row small{font-size:9px;color:#76816f;margin-top:3px}.image-model-row .status-chip{font-size:9px;padding:5px 7px}
.image-reference-row{display:flex;gap:9px}.image-reference-add,.image-reference-preview{width:92px;height:92px;border:1px dashed #bdcbb0;border-radius:11px;background:#f8faf4}.image-reference-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:#60784e}.image-reference-add:hover,.image-reference-add:focus-within{border-color:#7fa739;background:#eff9dc}.image-reference-add>span{font-size:23px;line-height:1}.image-reference-add strong{font-size:10px}.image-reference-add small{font-size:9px;color:#84917a}.image-reference-preview{position:relative;overflow:hidden;border-style:solid}.image-reference-preview img{width:100%;height:100%;object-fit:cover}.image-reference-preview button{position:absolute;right:3px;top:3px;width:22px;height:22px;border:0;border-radius:50%;background:#1e261ddc;color:#fff;font-size:17px;line-height:1}.image-section-help{margin:9px 0 0;color:#84907b;font-size:10px;line-height:1.5}
.image-prompt-section textarea{display:block;width:100%;min-height:210px;resize:vertical;border:1px solid #dce4d3;border-radius:11px;background:#fcfdf9;padding:13px;font-size:12px;line-height:1.55}.image-prompt-section textarea:focus{border-color:#91b344;box-shadow:0 0 0 3px #cdf47855}.image-tool-section .choice-row{gap:7px}.image-tool-section .choice-row span{font-size:10px;padding:8px 10px}
.image-tool-submit{padding-top:18px}.image-credit-line{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#68755e;font-size:10px;margin-bottom:11px}.image-credit-line .text-link{font-size:10px}.image-tool-submit>.btn{width:100%;min-height:46px;justify-content:space-between;padding:11px 15px;font-size:12px}.image-tool-notice{margin:10px 0 0;padding:9px 10px;border:1px solid #eadcc5;border-radius:9px;background:#fff8e9;color:#795e27;font-size:10px;line-height:1.45}
.image-result-zone{padding:24px;min-height:640px}.image-result-top{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:18px}.image-result-top h2{margin:5px 0 0;font-size:24px;letter-spacing:-.8px}.image-result-note{color:#76856d;font-size:10px}.image-result-frame{height:min(62vh,580px);min-height:430px;display:grid;place-items:center;border:1px dashed #d7e0cb;border-radius:14px;background:radial-gradient(#dce3d4 1px,transparent 1px) 0 0/22px 22px,#f8faf4;overflow:hidden}.image-result-frame .result-media{width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;background:transparent}.image-result-empty{text-align:center;max-width:330px;padding:24px}.image-result-empty>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:16px;background:#e7f7ca;color:#608640;font-size:30px}.image-result-empty h3{margin:0 0 8px;font-size:17px}.image-result-empty p{margin:0;color:#7e8b76;font-size:11px;line-height:1.55}.image-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.image-result-actions .action-icon{width:15px;height:15px}
.image-recent{margin-top:22px}.image-recent>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #edf0e8;font-size:10px}.image-recent strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-recent small{color:#879182}
@media(max-width:1000px){.image-tool-layout{grid-template-columns:minmax(300px,350px) minmax(0,1fr)}.image-result-zone{padding:17px}.image-result-note{display:none}}
@media(max-width:800px){.image-tool-layout{grid-template-columns:1fr}.image-result-zone{min-height:0}.image-result-frame{height:390px;min-height:0}}
@media(max-width:600px){.image-tool-head{padding:16px}.image-tool-body{padding:3px 16px 18px}.image-result-frame{height:320px}.image-result-top h2{font-size:20px}}