.div-container {
        margin-left: auto;
        margin-right: auto;
            background: #2c3e50;
            border: 4px solid #3f8fef;
        padding: 30px;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        width: 100%;
        max-width: 800px;
        text-align: center;
    }
        .drop-zone { border: 2px dashed #cbd5e1; transition: all 0.3s ease; }
        .drop-zone.drag-over { border-color: #3b82f6; background-color: #eff6ff; }
        .frame-preview { width: 100px; height: 100px; object-fit: cover; border-radius: 8px; }
        #loadingOverlay { display: none; backdrop-filter: blur(4px); }
        .type-btn { transition: all 0.2s; border: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 44px; cursor: pointer; }
        .type-btn.active { background-color: #3b82f6; color: white; border-color: #2563eb; box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.3); }