.container[data-v-7b09cd23]{background-color:#333132;width:100vw;height:100vh;display:flex;gap:20px;padding:20px;box-sizing:border-box;position:relative}.left-panel[data-v-7b09cd23]{flex:1;display:flex;flex-direction:column;gap:20px;pointer-events:var(--v1b013782)}.upload-section[data-v-7b09cd23]{display:flex;justify-content:center;align-items:center;gap:20px;pointer-events:auto}#file-upload[data-v-7b09cd23]{display:none}.upload-button[data-v-7b09cd23]{background-color:#4caf50;color:#fff;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s}.upload-button[data-v-7b09cd23]:hover{background-color:#45a049}.trash-icon[data-v-7b09cd23]{color:#ff5252;cursor:pointer;transition:transform .2s,color .2s;padding:5px;border-radius:5px;background-color:#555;pointer-events:auto}.trash-icon[data-v-7b09cd23]:hover{transform:scale(1.1);color:#ff1744;background-color:#666}.trash-icon.drag-over[data-v-7b09cd23]{transform:scale(1.2);color:#ff1744;background-color:#777}.image-table[data-v-7b09cd23]{flex:1;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(7,1fr);gap:2px;overflow:hidden}.image-item[data-v-7b09cd23]{width:100%;height:100%;overflow:hidden;cursor:grab;transition:transform .2s,box-shadow .2s}.image-item[data-v-7b09cd23]:hover{transform:scale(1.02);box-shadow:0 0 10px #00000080;z-index:1}.image-item[data-v-7b09cd23]:active{cursor:grabbing}.image-item img[data-v-7b09cd23]{width:100%;height:100%;object-fit:cover}.right-panel[data-v-7b09cd23]{width:1300px;background-color:#3f3f3f;padding:0;height:100%;display:flex;flex-direction:column;position:relative}.data-table[data-v-7b09cd23]{width:100%;color:#fff;border-collapse:collapse;flex:1;display:flex;flex-direction:column;height:100%}.data-table tbody[data-v-7b09cd23]{flex:1;display:grid;grid-template-rows:repeat(5,1fr);height:100%}.data-table tr[data-v-7b09cd23]{display:grid;grid-template-columns:calc(100% / 6) calc(500% / 6);height:100%}.data-table td[data-v-7b09cd23]{display:flex;align-items:center;vertical-align:middle;position:relative}.cell-content[data-v-7b09cd23]{display:flex;flex-direction:column;gap:10px;width:100%;height:100%;overflow:hidden}.row-images[data-v-7b09cd23]{display:flex;flex-wrap:wrap;gap:2px}.row-image[data-v-7b09cd23]{width:174px;height:174px;overflow:hidden}.row-image img[data-v-7b09cd23]{width:100%;height:100%;object-fit:cover}.drop-target[data-v-7b09cd23]{cursor:pointer}.drop-target[data-v-7b09cd23]:hover{background-color:#ffffff1a}.data-table tr:not(:first-child) td[data-v-7b09cd23]{border-top:4px solid #000}.data-table td.col-1[data-v-7b09cd23]{border-right:3px solid #000;font-size:60px;font-weight:500;color:#000;justify-content:center;text-align:center}.data-table tbody tr:nth-child(1) td.col-1[data-v-7b09cd23]{background-color:#d80b10}.data-table tbody tr:nth-child(2) td.col-1[data-v-7b09cd23]{background-color:#ffa634}.data-table tbody tr:nth-child(3) td.col-1[data-v-7b09cd23]{background-color:#ffe51c}.data-table tbody tr:nth-child(4) td.col-1[data-v-7b09cd23]{background-color:#fffac3}.data-table tbody tr:nth-child(5) td.col-1[data-v-7b09cd23]{background-color:#fff}