/* --- Styles for the Generator Layout (Form + Preview) --- */
    body {
       
        padding-top: 50px;
        padding-bottom: 50px;
        margin: 0; /* Ensure body margin is reset */
    }
    .generator-container {
        display: flex;
        max-width: 1200px;
        margin: 0 auto;
        gap: 40px;
        align-items: flex-start; 
    }
    .input-column {
        flex: 1;
        min-width: 400px;
        padding: 30px;
        background: var(--card-bg-rgba);
        border-radius: 30px;
        backdrop-filter: blur(10px);
        box-shadow: 0 10px 30px 0 var(--shadow-color);
        /* PC Scroll Styles (Restore max-height 500px) */
        max-height: 500px; 
        overflow-y: auto;
    }
    .preview-column {
        flex: 1;
        display: flex;
        justify-content: center;
        padding-top: 20px;
        position: sticky; 
        top: 20px;
    }
    
    /* --- Form Field Aesthetics (New Requirements Applied Globally) --- */
    .form-group {
        margin-bottom: 15px; /* Smaller margin */
    }
    .form-group label {
        display: block;
        font-weight: 500;
        margin-bottom: 2px; /* Smaller margin */
        color: var(--text-color-dark);
        font-size: 12px; /* Small font size for label */
    }
    .form-group input:not([type="file"]), .form-group textarea {
        width: 100%;
        padding: 8px; /* Smaller padding */
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 6px; /* Smaller radius */
        box-sizing: border-box;
        background: rgba(255, 255, 255, 0.7);
        resize: vertical;
        font-size: 14px; /* Input text slightly larger than label */
    }
    /* Set placeholder text size */
    .form-group input::placeholder, .form-group textarea::placeholder {
        font-size: 12px; /* Small font size for placeholder */
    }

    .form-submit-button {
        width: 100%;
        padding: 12px; /* Smaller padding */
        font-size: 14px; /* Smaller font size for button */
        font-weight: 700;
        background-color: #515bd4; 
        color: white;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        transition: background 0.3s ease;
    }
    .form-submit-button:hover {
        background-color: #404bbf;
    }
    .preview-card-wrapper {
        pointer-events: none;
    }
    
    /* Custom Scrollbar (Applied only to input-column for PC) */
    .input-column::-webkit-scrollbar {
        width: 6px; /* Thinner scrollbar */
    }
    .input-column::-webkit-scrollbar-thumb {
        background-color: #515bd4;
        border-radius: 10px;
    }
    .input-column::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    
    /* Icon Display Fixes (Unchanged) */
    .card-icons {
        display: flex;
        justify-content: center; 
        gap: 15px;
        margin-top: 20px;
    }
    #icon_facebook, #icon_instagram, #icon_email, #icon_linkedin {
         display: none; 
    }