.result-image-area{width:100%;min-height:240px;background:#ffffffb3;border:1px dashed #bcd0ff;border-radius:12px;padding:60px 16px 16px;display:none;align-items:center;justify-content:center;position:relative;transition:border-color .2s ease,background .2s ease,opacity .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;z-index:1}.result-image-area:not(:empty){display:flex}.result-image-area.has-images{border-style:solid;border-color:#007bff66;background:#ffffffe6;padding:8px;display:block;overflow:hidden}.result-image-grid{display:grid;grid-template-columns:repeat(2,auto);gap:6px;justify-content:center}.result-image-grid>div{display:inline-block}.result-image-grid img{width:auto;max-width:400px;height:auto;object-fit:contain;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border-radius:8px}.result-image-grid img:hover{transform:scale(1.02);box-shadow:0 8px 20px #00000026}.result-image-horizontal{display:flex;gap:8px;overflow:hidden;justify-content:center;align-items:center;padding:0}.result-image-horizontal>div{flex:1;min-width:0;max-width:calc(25% - 6px)}.result-image-horizontal img{width:100%;height:auto;object-fit:contain;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border-radius:8px}.result-image-horizontal img:hover{transform:scale(1.02);box-shadow:0 8px 20px #00000026}.result-image-horizontal>div:only-child{flex:1;max-width:100%;display:flex;justify-content:center}.result-image-horizontal>div:only-child img{width:auto;height:auto;max-width:600px;max-height:500px;display:block}.result-image-grid>div:only-child{grid-column:1 / -1;justify-self:center}.result-image-grid>div:only-child img{width:auto;height:auto;max-width:600px;max-height:500px;margin:0 auto}.result-image-horizontal>div:nth-child(1):nth-last-child(2),.result-image-horizontal>div:nth-child(2):nth-last-child(1){flex:0 1 auto;max-width:300px}.result-image-horizontal>div:nth-child(1):nth-last-child(2) img,.result-image-horizontal>div:nth-child(2):nth-last-child(1) img{max-width:300px;max-height:300px}.result-image-grid>div:nth-child(1):nth-last-child(2) img,.result-image-grid>div:nth-child(2):nth-last-child(1) img{max-width:300px;max-height:300px}.result-image-horizontal>div:only-child img:hover,.result-image-grid>div:only-child img:hover,.result-image-horizontal>div:nth-child(1):nth-last-child(2) img:hover,.result-image-horizontal>div:nth-child(2):nth-last-child(1) img:hover,.result-image-grid>div:nth-child(1):nth-last-child(2) img:hover,.result-image-grid>div:nth-child(2):nth-last-child(1) img:hover{transform:scale(1.01);box-shadow:0 4px 16px #0000001f}.task-result-container{margin-bottom:0;padding:20px 16px;transition:all .2s ease}.task-result-container.task-error{border-color:#ef44444d!important;background:#fee2e21a!important}.result-image-meta{margin-top:12px;padding:8px 0;font-size:13px;color:#6b7280;text-align:center}.result-image-meta--summary{margin-bottom:12px;font-weight:600;color:#999;text-align:center}body.dark-mode .result-image-area{background:#111827d9;border-color:#60a5fa59;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}body.dark-mode .result-image-area.has-images{background:#111827f2;border-color:#60a5fa80}body.dark-mode .task-result-container.task-error{border-color:#ef444480!important;background:#7f1d1d33!important}body.dark-mode .result-image-horizontal img:hover,body.dark-mode .result-image-grid img:hover{box-shadow:0 8px 20px #60a5fa4d}body.dark-mode .result-image-meta,body.dark-mode .result-image-meta--summary{color:#9ca3af}