.image-workspace{display:grid;grid-template-columns:minmax(280px,370px) minmax(0,1fr);gap:24px;align-items:start}.image-settings,.image-result{min-width:0}.image-settings textarea{resize:vertical;min-height:160px;max-height:400px;line-height:1.8}.image-specs{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:19px 0;margin-bottom:17px;border-block:1px solid var(--line)}.image-specs span{font-size:11px;color:var(--muted)}.image-specs strong{font:17px var(--mono);display:block;margin-top:6px;color:var(--text)}.image-form-note,.image-result-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:16px}.image-empty{display:flex;min-height:410px;align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center;background:radial-gradient(ellipse at center,#9aefd209,transparent 70%);border:1px dashed #9aefd224;border-radius:13px}.image-empty>.icon{width:45px;height:45px;color:var(--accent);opacity:.8;margin-bottom:24px}.image-empty h3{font-size:20px;font-weight:550;letter-spacing:-.5px;margin-top:18px}.image-empty p{font-size:13px;color:var(--muted);line-height:1.9;max-width:330px;margin-top:12px}.image-result>img{display:block;width:100%;max-height:650px;object-fit:contain;border-radius:12px;background:#ffffff04}.image-api{margin-top:24px;max-width:100%;min-width:0}.image-api summary{cursor:pointer;font-size:14px;font-weight:550}.image-api>p{font-size:12px;line-height:1.9;color:var(--muted);margin:16px 0}.image-api .code-box{max-width:100%;min-width:0}.image-request-id{font-size:10px;margin-top:14px;color:var(--muted);overflow-wrap:anywhere}.image-prices{margin-top:24px}.image-price-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.image-price-list>a{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:19px;gap:8px;min-width:0}.image-price-list span{font-size:12px;overflow-wrap:anywhere}.image-price-list strong{font:23px var(--mono);color:var(--accent)}.image-price-list small{font-size:11px;color:var(--muted)}.image-settings .loader{width:16px;height:16px}.image-settings .form-error:empty{display:none}
@media(max-width:850px){.image-workspace{grid-template-columns:1fr}.image-empty{min-height:300px}.image-price-list{grid-template-columns:1fr}.image-result>img{max-height:520px}}
@media(max-width:420px){.image-empty{padding:25px 16px;min-height:240px}.image-empty h3{font-size:18px}.image-specs strong{font-size:15px}}
.image-settings .form-error:not(:empty){display:block}
.image-reference .image-upload-button{justify-content:center;padding:10px}
.image-prices{padding:18px 20px;margin-top:18px}.image-prices>summary{cursor:pointer;font-size:14px;font-weight:600}.image-prices>summary>span{font-size:12px;font-weight:400;color:var(--muted);margin-left:12px}.image-prices .image-price-list{margin-top:18px}
@media(min-width:1101px){.pricing-catalog .retail-table{max-height:min(390px,calc(100dvh - 530px));overflow:auto;scrollbar-gutter:stable}.pricing-catalog .retail-table thead{position:sticky;top:0;background:var(--bg,#10131a);z-index:1}.pricing-layout .retail-table td,.pricing-layout .retail-table th{padding-block:12px}}
@media(max-width:500px){.image-prices>summary>span{display:block;margin:8px 0 0}}
.pricing-caption h2 small{font:12px var(--mono);color:var(--muted);margin-left:7px}.pricing-scroll-hint{display:none}
.image-reference-label{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:10px}.image-reference-label small{font-size:11px;opacity:.7}.image-upload-button{position:relative;display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px dashed #9aefd245;border-radius:9px;cursor:pointer;color:var(--accent)!important;margin:0!important;overflow:hidden}.image-upload-button:hover{background:#9aefd209}.image-upload-button:focus-within{outline:2px solid var(--accent);outline-offset:2px}.image-upload-button input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.image-upload-button.is-disabled{opacity:.5;cursor:wait}.image-upload-note{font-size:11px;line-height:1.7;color:var(--muted);margin:9px 0 0}.image-reference-preview{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff03;border:1px solid var(--line);border-radius:9px;margin-bottom:10px;min-width:0}.image-reference-preview>img{width:80px;height:80px;object-fit:contain;border-radius:6px;background:#ffffff08}.image-reference-preview>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}.image-reference-preview strong{font-size:12px;font-weight:500;overflow-wrap:anywhere;max-width:100%}.image-reference-preview small{font-size:10px!important;color:var(--muted)}.image-reference-preview .btn{font-size:11px;min-height:30px;padding:5px 9px}
@media(min-width:1101px){.pricing-catalog:not(:has(.preview-notice)) .retail-table{max-height:min(390px,calc(100dvh - 450px))}.pricing-scroll-hint{display:inline}.pricing-catalog .retail-table{scrollbar-width:thin;scrollbar-color:#576861 #131b18}}
.image-progress{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:13px;line-height:1.6;padding:14px;margin-bottom:16px;border:1px solid var(--line);border-radius:10px;background:#9aefd208}
.image-result .image-progress .loader{width:18px;height:18px;flex-shrink:0}
@media(min-width:1101px){
  .app-content[data-page=images]{padding-top:24px;padding-bottom:24px}
  .image-workspace{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start}
  .image-workspace .image-settings,.image-workspace .image-result{padding:22px}
  .image-settings .panel-head{margin-bottom:16px}
  .image-settings textarea{height:120px;min-height:110px;max-height:200px}
  .image-settings .field{margin-bottom:16px}
  .image-settings .image-specs{padding:14px 0;margin-bottom:14px}
  .image-workspace .image-empty{min-height:380px}
  .image-result>img{max-height:calc(100dvh - 290px)}
}