.image-view{background:radial-gradient(ellipse at 85% 0,#31251c33,transparent 55%);padding-top:32px}
.image-view .ai-heading{align-items:flex-start;margin-bottom:28px}
.image-view .ai-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#b48d71}
.image-view .ai-heading h1{font-size:30px;line-height:1.4;margin:10px 0 9px;letter-spacing:-.7px}
.image-view .ai-heading p{font-size:13px;line-height:1.8;color:#9ba69e}
.image-connection-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.image-connection-state{display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border-radius:6px;background:#242925;color:#a6afa8;font-size:11px;line-height:1.6}
.image-connection-state:before{content:"";width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#a1947b}
.image-connection-state.connected{background:#1d2b23;color:#a8cbb3}
.image-connection-state.connected:before{background:#8ab29a}
.image-channel-note{font-size:11px;line-height:1.7;color:#89968c}
.image-layout{grid-template-columns:340px minmax(0,1fr)}
.image-layout .ai-controls,.image-layout .ai-results{background:#171c19;border-color:#2d3630;border-radius:12px;padding:24px}
.image-layout .image-results{align-self:start;min-height:620px}
.image-form-heading{padding-bottom:19px;margin-bottom:21px;border-bottom:1px solid var(--line)}
.image-form-heading h2{font-size:16px;font-weight:500}
.image-form-heading p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:6px}
.image-layout .ai-controls label{font-size:12px;color:#b4beb6}
.image-layout select,.image-layout textarea{background:#111713;border-color:#354038;border-radius:7px;font-size:13px}
.image-layout select{min-height:40px}
.image-layout label[for="image-prompt"]{margin-bottom:0}
.image-layout #image-prompt{margin:9px 0 8px;min-height:176px}
.image-layout #image-create{min-height:43px;font-size:13px;border-radius:7px}
.image-view .parameter-note{line-height:1.8}
.image-layout .ai-results-top{padding-bottom:20px}
.image-layout .ai-results-top .eyebrow{color:#8c9a90;font-size:9px;letter-spacing:1.7px}
.image-layout .ai-results h2{font-size:19px;margin-top:7px}
.image-results #image-empty{padding:66px 18px 58px}
.image-empty-art{width:128px;margin:0 auto 25px;color:#bf9579}
.image-empty-art svg{width:128px;height:100px;stroke-width:1.4}
.image-art-back{fill:#242b25;stroke:#465149}
.image-art-front{fill:#1e2821;stroke:#788c79}
.image-empty-art circle{fill:#bf957933;stroke:#bf9579}
.image-results .ai-empty h3{font-size:18px;color:#d5ded6;margin:0}
.image-results .ai-empty p{font-size:13px;color:#8d9b91;max-width:430px;margin:13px auto 22px}
.image-empty-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.image-empty-tags span{font-size:11px;padding:5px 11px;background:#1d251f;border:1px solid #303a32;border-radius:6px;color:#9ba99f}
.image-gallery:empty{display:none}
.image-layout form>label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.image-layout textarea{width:100%;line-height:1.7;resize:vertical}
.image-layout .field-row{margin:22px 0 14px}.image-layout .field-row label{min-width:0;flex:1}.image-layout .ai-more{margin:16px 0}.image-layout #image-create{margin-top:12px}
.image-preview{display:block;width:100%;max-height:clamp(260px,45vh,560px);object-fit:contain;border-radius:10px;background:#0d100e;border:1px solid #303832}
.image-gallery .portrait-thumb{object-position:top}
.image-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:28px}.image-header-actions .btn{font-size:12px;min-height:36px;background:#1a201c;color:#b9c3bc;border-radius:7px}.image-header-actions svg{width:14px;height:14px}#image-proxy-url{width:100%;margin-top:8px}
.image-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.image-progress{padding:28px;background:#1b241d;border-radius:10px;color:#c0d9c5}.image-error{padding:18px;border:1px solid #8e5142;border-radius:8px;line-height:1.7;color:#f4b7a5}
.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px;margin-top:24px;border-top:1px solid #303832;padding-top:20px}.image-gallery button{text-align:left;border:1px solid #303832;border-radius:8px;padding:8px;background:#191e1a;min-width:0;color:inherit}.image-gallery button.active{border-color:#dc9a68}.image-gallery img{width:100%;height:100px;object-fit:cover;border-radius:4px}.image-gallery small{display:block;margin-top:8px;color:#9eaaa0;font-size:11px}
.image-gallery .image-state{display:grid;place-items:center;height:100px;font-size:13px;color:#a3b0a6;background:#141916}
.image-context-help{padding:14px;margin-bottom:20px;border:1px solid #796341;border-radius:7px;background:#28251b}.image-context-help p{font-size:12px;line-height:1.8;margin:0 0 12px;color:#d3c8b0}.image-context-help .btn{white-space:normal;min-height:38px}
#image-reference-list label{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:13px}#image-reference-list img{width:42px;height:42px;object-fit:cover;border-radius:5px}#image-reference-list input{width:auto}
.image-refining{padding:12px;background:#25291c;font-size:13px;border-radius:6px;margin-top:14px}#image-recipe{white-space:pre-wrap;font:inherit;line-height:1.7;overflow-wrap:anywhere}.image-login-help{line-height:1.8}#image-callback-url{min-height:85px}.image-login-modal .modal-actions{flex-wrap:wrap}.image-login-modal .parameter-note{line-height:1.8}.image-bible-button{margin-right:8px}
@media(max-width:1000px){.image-layout{grid-template-columns:1fr}.image-layout .ai-controls{max-width:none}.image-gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}
@media(max-width:650px){.image-view .ai-heading{flex-direction:column;gap:16px;margin-bottom:20px}.image-view .ai-heading h1{font-size:25px}.image-view .ai-heading p{font-size:12px}.image-header-actions{padding-top:0;width:100%}.image-view .image-header-actions .btn{padding:8px 12px;font-size:12px;min-height:38px}.image-connection-row{gap:8px;margin-top:13px}.image-channel-note{font-size:10px}.image-layout .ai-controls,.image-layout .ai-results{padding:20px;border-radius:10px}.image-results #image-empty{padding:36px 0}.image-results .ai-empty h3{font-size:16px}.image-results .ai-empty p{font-size:12px}.image-empty-tags{gap:6px}}