#images-view .preview-bar{min-height:36px;padding:7px 28px;background:var(--tint);border-bottom:1px solid var(--tint-line);color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}#images-view .preview-bar>span{display:flex;align-items:center;gap:8px}#images-view .preview-bar i{width:6px;height:6px;border-radius:50%;background:var(--accent)}#images-view .preview-bar>div{display:flex;gap:18px}#images-view .preview-bar button{background:none;color:var(--accent);padding:2px 0;font-size:11px}#images-view .header-inner{gap:45px}#images-view.page-shell{max-width:1100px;padding-top:29px;padding-bottom:32px}#images-view .page-heading{margin-bottom:23px}#images-view .page-heading h1{font-size:32px}#images-view .page-heading>div>p{font-size:13px;margin-top:8px}#images-view .balance{min-width:242px;padding-left:22px}#images-view .balance-row>strong{white-space:nowrap;flex-shrink:0;font-size:25px}#images-view .balance-topup{white-space:nowrap}#images-view .image-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}#images-view .image-form-panel{background:var(--surface);border:1px solid transparent;border-radius:15px;padding:25px}#images-view .field-heading{display:block;font-size:13px;font-weight:600;margin-bottom:10px}#images-view textarea,#images-view select{display:block;width:100%;border:1px solid transparent;background:var(--page);border-radius:9px;color:var(--ink)}#images-view textarea{padding:14px 15px;resize:vertical;min-height:122px;line-height:1.7;font-size:14px}#images-view textarea::placeholder{color:var(--subtle)}#images-view select{padding:11px 12px;font-size:13px;min-height:45px}#images-view .prompt-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:var(--subtle);font-size:10px}#images-view .prompt-bottom>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}#images-view .parameter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:21px}#images-view .parameter-grid>div{min-width:0}#images-view #im-resolution-note{font-size:10px;color:var(--warning);margin-top:6px}#images-view .quality{padding:0;margin:21px 0 0;border:0;min-width:0}#images-view .quality-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#images-view .quality-option{display:block;position:relative;cursor:pointer;padding:12px 14px;border:1px solid transparent;border-radius:9px;background:var(--surface2)}#images-view .quality-option:has(input:checked){background:var(--tint);border-color:transparent;color:var(--accent)}#images-view .quality-option:has(input:focus-visible){outline:none}#images-view .quality-option input{position:absolute;opacity:0;width:1px;height:1px}#images-view .quality-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:550;gap:6px;white-space:nowrap}#images-view .quality-title i{width:12px;height:12px;flex-shrink:0;border-radius:50%;border:1px solid var(--subtle)}#images-view .quality-option:has(input:checked) .quality-title i{border:3px solid var(--accent);background:var(--surface)}#images-view .quality-option strong{display:block;font-size:11px;font-weight:450;margin-top:3px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}#images-view .submit-row{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:24px;padding-top:21px;border-top:1px solid var(--line)}#images-view .charge-summary{display:grid;gap:4px;flex:1;font-size:11px;min-width:0}#images-view .charge-summary>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}#images-view .charge-summary>div>span:first-child{color:var(--muted)}#images-view .charge-summary strong{font-weight:600;font-size:14px;white-space:nowrap}#images-view .charge-summary>div:last-child{color:var(--muted);font-size:10px}#images-view .create-button{background:var(--accent);color:var(--on-accent);min-height:47px;border-radius:9px;display:flex;justify-content:center;align-items:center;gap:9px;padding:12px 21px;font-weight:600;font-size:13px;white-space:nowrap;flex-shrink:0}#images-view .create-button:hover{background:var(--accent-hover)}#images-view .create-button:disabled{opacity:.65}#images-view .create-button .icon{width:18px;height:18px}#images-view .generation-note{text-align:right;color:var(--subtle);font-size:10px;line-height:1.6;margin:10px 0 0}#images-view .image-result-panel{min-width:0}#images-view .result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}#images-view .result-heading h2{font-size:14px;font-weight:600}#images-view .result-label{font-size:10px;color:var(--muted)}#images-view .result-canvas{min-height:115px;display:grid;place-items:center;border-radius:12px;background:var(--surface);overflow:hidden;border:1px solid transparent}#images-view .empty-result,#images-view .loading-result{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:16px;row-gap:7px;text-align:center;padding:20px;max-width:100%}#images-view .picture-symbol{width:35px;height:35px;color:var(--subtle);flex-shrink:0}#images-view .picture-symbol svg{width:100%;height:100%}#images-view .empty-result h3,#images-view .loading-result h3{font-size:13px;letter-spacing:-.1px;font-weight:500}#images-view .empty-result p,#images-view .loading-result p{width:100%;color:var(--muted);font-size:11px;line-height:1.7}#images-view .empty-result p br{display:none}#images-view .result-canvas:has(#im-result-image:not([hidden])){border:1px solid transparent;padding:18px;background:var(--surface)}#images-view .result-canvas img{display:block;width:auto;max-width:100%;max-height:480px;height:auto;object-fit:contain;background:white;border-radius:7px}#images-view .result-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:15px}#images-view .result-actions>div{display:grid;gap:3px}#images-view .result-actions strong{font-size:13px;font-weight:550}#images-view .result-actions span{font-size:11px;color:var(--muted)}#images-view .download-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid var(--tint-line);background:var(--tint);border-radius:9px;color:var(--accent);font-size:12px;font-weight:600}#images-view .download-button:hover{text-decoration:none;background:var(--surface2)}#images-view .download-button .icon{width:16px;height:16px}#images-view .bottom-note{font-size:10px;color:var(--subtle);margin-top:21px;line-height:1.7}#images-view .image-spinner{display:block;width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:image-spin 1s linear infinite}@keyframes image-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#images-view .image-spinner{animation:none}}
@media(min-width:1160px){#images-view .image-layout:has(#im-result-image:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start}#images-view .image-layout:has(#im-result-image:not([hidden])) .submit-row{display:block}#images-view .image-layout:has(#im-result-image:not([hidden])) .create-button{margin-top:17px;width:100%}#images-view .image-layout:has(#im-result-image:not([hidden])) .quality-option{padding:12px 9px}#images-view .image-layout:has(#im-result-image:not([hidden])) .generation-note{text-align:center}#images-view .image-layout:has(#im-result-image:not([hidden])) .result-canvas{min-height:430px}}
@media(max-width:950px){#images-view .header-inner{gap:28px}#images-view .main-nav{gap:22px}#images-view .balance{padding-left:18px;min-width:227px}#images-view .page-heading{gap:18px}#images-view .page-heading>div>p{max-width:340px}#images-view .image-form-panel{padding:23px}}
@media(max-width:650px){#images-view .preview-bar{padding:8px 16px;font-size:10px;align-items:flex-start}#images-view .preview-bar>div{gap:12px;flex-shrink:0}#images-view .preview-bar button{font-size:10px}#images-view .preview-bar>span{max-width:160px;align-items:flex-start}#images-view .preview-bar i{margin-top:5px;flex-shrink:0}#images-view .header-inner{padding:0 18px;gap:12px;flex-wrap:wrap;min-height:100px;justify-content:space-between}#images-view .brand{font-size:21px}#images-view .header-actions{margin-left:auto}#images-view .main-nav{order:3;width:100%;height:42px;justify-content:space-between;gap:18px}#images-view .nav-item{font-size:12px}#images-view.page-shell{padding:24px 18px}#images-view .page-heading{display:block;margin-bottom:21px}#images-view .page-heading h1{font-size:29px}#images-view .page-heading>div>p{font-size:12px;line-height:1.7}#images-view .balance{border-left:0;border-top:1px solid var(--line);padding:13px 0 0;margin-top:17px;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}#images-view .balance-label{font-size:10px}#images-view .balance-row{margin:0;gap:4px}#images-view .balance-row>strong{font-size:21px}#images-view .balance-topup{font-size:10px;padding:6px 8px;margin-left:9px}#images-view .image-form-panel{padding:18px}#images-view .parameter-grid{gap:14px;grid-template-columns:minmax(0,1fr)}#images-view .quality-options{gap:7px}#images-view .quality-option{padding:11px 9px}#images-view .quality-title{font-size:11px}#images-view .quality-option strong{font-size:10px}#images-view .submit-row{display:block;margin-top:20px;padding-top:17px}#images-view .create-button{width:100%;margin-top:16px;font-size:13px}#images-view .generation-note{text-align:center;font-size:10px}#images-view .result-heading{gap:8px}#images-view .result-label{font-size:9px;max-width:170px;text-align:right}#images-view .prompt-bottom{font-size:9px}#images-view .empty-result,#images-view .loading-result{padding:21px 14px;column-gap:10px}#images-view .empty-result p,#images-view .loading-result p{font-size:10px}#images-view .bottom-note{font-size:10px}#images-view .result-canvas img{max-height:400px}#images-view .image-layout{gap:24px}}
@media(max-width:360px){#images-view .quality-option{padding:10px 6px}#images-view .quality-title{font-size:10px}#images-view .quality-title i{width:10px;height:10px}#images-view .quality-option strong{font-size:9px}#images-view .image-form-panel{padding:15px}#images-view .prompt-bottom>span:first-child{max-width:160px}#images-view .result-label{font-size:9px}#images-view .preview-bar>div{gap:8px}#images-view .preview-bar>span{max-width:138px}}:root #images-view :is(button,a,input,select,textarea):focus{outline:none;box-shadow:none}:root[data-input=keyboard] #images-view :is(button,a,select,textarea):focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}:root[data-input=keyboard] #images-view .quality-option:has(input:focus-visible){outline:1.5px solid var(--accent);outline-offset:3px}#images-view textarea:hover,#images-view select:hover{border-color:var(--line)}#images-view .quality-option:hover{background:var(--tint)}#images-view .image-modes{display:flex;gap:4px;padding:4px;background:var(--page);border-radius:10px;width:fit-content;margin-bottom:22px}#images-view .image-modes button{padding:9px 18px;border-radius:7px;font-size:13px;color:var(--muted);background:transparent}#images-view .image-modes button[aria-pressed=true]{background:var(--surface2);color:var(--ink)}#images-view #im-source-section{margin-bottom:20px}#images-view .source-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:10px}#images-view .source-heading strong{font-size:13px;font-weight:600}#images-view .source-heading span{font-size:10px;color:var(--subtle)}#images-view .source-upload{display:flex;align-items:center;gap:18px;padding:17px;background:var(--page);border-radius:9px;min-height:100px}#images-view .source-upload img{width:90px;height:80px;object-fit:contain;border-radius:6px;background:var(--surface2)}#images-view .source-upload>div{min-width:0}#images-view .upload-button{display:inline-block;padding:9px 13px;background:var(--surface2);color:var(--ink);border-radius:7px;font-size:12px;cursor:pointer}#images-view .source-upload input{position:absolute;width:1px;height:1px;opacity:0}#images-view .source-upload p{font-size:11px;color:var(--muted);margin:8px 0 0;overflow-wrap:anywhere}#images-view #im-remove-source{background:none;color:var(--accent);font-size:11px;padding:7px 0 0}#images-view .source-error{font-size:12px;color:var(--warning);margin-top:8px}:root[data-input=keyboard] #images-view .upload-button:has(+input:focus-visible){outline:1.5px solid var(--accent);outline-offset:3px}@media(max-width:450px){#images-view .source-heading{align-items:start;flex-direction:column;gap:4px}#images-view .source-upload{gap:12px;padding:13px}#images-view .source-upload img{width:64px;height:64px}}#images-view .picker{position:relative;min-width:0}#images-view .picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:45px;padding:11px 14px;background:var(--page);color:var(--ink);border:1px solid transparent;border-radius:9px;text-align:left;font-size:12px}#images-view .picker-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#images-view .picker-arrow{font-size:18px;color:var(--muted);line-height:1;flex-shrink:0}#images-view .is-open .picker-trigger{border-color:var(--line)}#images-view .is-open .picker-arrow{transform:rotate(180deg)}#images-view .picker-menu{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:20;padding:5px;background:var(--surface2);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px #0005;max-height:330px;overflow:auto}#images-view .opens-up .picker-menu{top:auto;bottom:calc(100% + 7px)}#images-view .picker-option{display:flex;align-items:center;gap:12px;min-height:49px;padding:9px 10px;border-radius:7px;cursor:pointer;color:var(--ink);outline:none}#images-view .picker-option:hover,#images-view .picker-option:focus{background:var(--tint)}#images-view .picker-option[aria-selected=true]{background:var(--tint);color:var(--accent)}#images-view .picker-copy{display:grid;gap:3px;min-width:0;flex:1}#images-view .picker-copy strong{font-size:12px;font-weight:500}#images-view .picker-copy small{font-size:10px;color:var(--muted)}#images-view .picker-check{font-size:15px;color:var(--accent);opacity:0}#images-view .picker-option[aria-selected=true] .picker-check{opacity:1}#images-view .format-icon{width:23px;flex-shrink:0;display:grid;place-items:center;color:var(--muted)}#images-view .format-icon:not(.model-icon)::before{content:'';width:min(22px,calc(18px * var(--shape)));aspect-ratio:var(--shape);max-height:25px;border:1px solid currentColor;border-radius:3px}#images-view .model-icon{font-size:21px}#images-view .picker-option[aria-selected=true] .format-icon{color:var(--accent)}:root[data-input=keyboard] #images-view .picker-option:focus{outline:1px solid var(--accent);outline-offset:-2px}@media(max-width:400px){#images-view .picker-trigger{font-size:11px}#images-view .picker-option{gap:10px}}

#images-view [hidden]{display:none!important}#images-view .image-feedback{grid-column:1/-1;margin:0;padding:12px 16px;border-radius:9px;background:var(--warning-bg);color:var(--warning);font-size:13px;line-height:1.6}#images-view .image-layout{position:relative}#images-view .image-result-panel{grid-column:auto}#images-view .generation-note{text-wrap:pretty}#images-view .picker-menu{box-shadow:var(--shadow)}#images-view .main-nav{gap:20px}#images-view .image-form-panel:has(#im-create:disabled){cursor:default}

#images-view .image-size-note{font-size:10px;line-height:1.6;color:var(--subtle);margin-top:7px}

@media(max-width:650px){#images-view .balance{max-width:none}#images-view .balance-row{flex-wrap:nowrap;gap:8px}#images-view .balance-topup{margin-top:0}}

#images-view .picker-option[aria-disabled=true]{opacity:.5;cursor:default}#images-view .picker-option[aria-disabled=true]:hover{background:transparent}

@media(max-width:420px){#images-view .quality-title{font-size:10px}#images-view .quality-option strong{font-size:9.5px}}