.ResourceImageUploader{box-sizing:border-box;width:min(860px,100vw - 48px)}.ResourceImageUploader .uploader_destination{flex-wrap:nowrap;align-items:center;gap:0;margin-bottom:16px;display:flex;overflow-x:auto}.ResourceImageUploader .uploader_destination .uploader_path_part{white-space:nowrap;color:var(--text-sub-color);flex-shrink:0}.ResourceImageUploader .uploader_destination .uploader_type{flex:0 240px;min-width:160px}.ResourceImageUploader .uploader_destination .uploader_filename{align-items:center;gap:0;display:flex}.ResourceImageUploader .uploader_destination .uploader_filename>.KInput{flex:1;min-width:80px}.ResourceImageUploader .uploader_destination .uploader_filename{flex:240px;min-width:190px}.ResourceImageUploader .uploader_destination .uploader_id{flex:160px;min-width:100px}.ResourceImageUploader .uploader_destination_hint{color:var(--danger-color-deep);text-align:right;margin:16px 0 -6px;font-size:14px;font-weight:600;line-height:1.5;display:block}.ResourceImageUploader .existing_image_list{grid-template-columns:repeat(auto-fill,minmax(min(130px,100%),1fr));gap:12px;margin-top:10px;display:grid}.ResourceImageUploader .existing_image{cursor:pointer;min-width:0;padding:8px}.ResourceImageUploader .existing_image.selected{border-color:var(--main-color);box-shadow:0 0 0 1px var(--main-color);background:var(--main-color-alpha)}.ResourceImageUploader .existing_image:focus-visible{outline:2px solid var(--main-color);outline-offset:2px}.ResourceImageUploader .existing_image{border:1px solid var(--border-light-color);background:var(--section-inside-color);border-radius:8px}.ResourceImageUploader .existing_image img{box-sizing:border-box;width:100%;height:auto;aspect-ratio:var(--resource-image-ratio);-o-object-fit:var(--resource-image-fit,cover);object-fit:var(--resource-image-fit,cover);border-radius:var(--resource-image-radius);border:0;margin:0;padding:0;display:block}.ResourceImageUploader .existing_image .kbutton{width:100%;margin-top:8px}.ResourceImageUploader .upload_image_actions{flex-wrap:wrap;gap:6px;display:flex}.ResourceImageUploader .upload_image_actions .text_action{width:auto;margin-top:4px;font-size:12px;line-height:1.5}.ResourceImageUploader .existing_image_info{color:var(--text-sub-color);flex-direction:column;gap:4px;margin-top:8px;font-size:12px;display:flex}.ResourceImageUploader .existing_image_info code{overflow-wrap:anywhere}.ResourceImageUploader .upload_image .image_picker{box-sizing:border-box;width:100%;aspect-ratio:var(--resource-image-ratio);border:1px dashed var(--border-light-color);border-radius:var(--resource-image-radius);background:var(--section-inside-color);color:var(--text-sub-color);cursor:pointer;place-items:center;min-height:0;margin:0;padding:0;display:grid;overflow:hidden}:is(.ResourceImageUploader .upload_image .image_picker :deep(.text),.ResourceImageUploader .upload_image .image_picker :deep(.text_box)){place-items:center;width:100%;height:100%;margin:0;padding:0;display:grid}.ResourceImageUploader .upload_image .image_picker :deep(.iconpark_icon){width:28px;height:28px}.ResourceImageUploader .upload_image .image_picker :deep(svg){width:28px;height:28px}.ResourceImageUploader .upload_image .image_picker:disabled{opacity:.5;cursor:default}.ResourceImageUploader .upload_image .image_picker img{width:100%;height:auto;aspect-ratio:var(--resource-image-ratio);border-radius:var(--resource-image-radius);-o-object-fit:var(--resource-image-fit,cover);object-fit:var(--resource-image-fit,cover)}.ResourceImageUploader .uploader_actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}