.elementor-4572 .elementor-element.elementor-element-5590a20{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4572 .elementor-element.elementor-element-d1846a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4572 .elementor-element.elementor-element-987c54f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-b6e992e *//* Metadata Tool Premium Styles */
.tool-layout { display: grid; grid-template-columns: 1fr 1.5fr; gap: 25px; align-items: start; }
.settings-section, .editor-pane { background: #fff; border-radius: 16px; border: 1px solid #e2e8f0; padding: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }

.rich-input { width: 100%; padding: 12px; border: 2px solid #edf2f7; border-radius: 10px; font-size: 0.95rem; font-weight: 500; transition: 0.3s; }
.rich-input:focus { border-color: #2563eb; outline: none; box-shadow: 0 0 0 4px rgba(37,99,235,0.1); }

.form-grid { display: grid; gap: 15px; }
.file-status-card { background: #f0fdf4; border: 1px solid #bbf7d0; padding: 15px; border-radius: 10px; text-align: center; }

.convert-btn { width: 100%; background: #198754; color: #fff; padding: 15px; border-radius: 8px; border: none; font-weight: 800; font-size: 1rem; cursor: pointer; margin-top: 20px; transition: 0.3s; }
.convert-btn:hover { background: #157347; transform: translateY(-2px); }

.btn-sec-small { background: none; border: 1px solid #ddd; padding: 5px 12px; border-radius: 5px; font-size: 0.8rem; cursor: pointer; margin-top: 10px; }

@media (max-width: 768px) {
    .tool-layout { grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12a5cb9 *//* --- Alignment & Formatting Master CSS --- */
#tool-page { max-width: 1200px; margin: 0 auto; padding: 20px; }

/* 1. Header Alignment */
.page-header { text-align: left; margin-bottom: 2.5rem; border-left: 5px solid #dc2626; padding-left: 20px; }
.page-header h1 { font-size: 2.4rem; font-weight: 800; color: #0f172a; margin: 0 0 10px 0; }
.page-header p { font-size: 1.1rem; color: #475569; margin: 0; max-width: 800px; }

/* 2. Tool Layout Alignment */
.tool-container { background: #f8fafc; border-radius: 16px; padding: 25px; border: 1px solid #e2e8f0; margin-bottom: 3rem; }
.tool-layout { display: grid; grid-template-columns: 350px 1fr; gap: 30px; align-items: start; }

.settings-section, .editor-pane { background: #fff; border-radius: 12px; border: 1px solid #e2e8f0; padding: 25px; }

/* Form Elements Alignment */
.form-group { margin-bottom: 18px; text-align: left; }
.form-group label { display: block; font-weight: 700; font-size: 0.8rem; text-transform: uppercase; color: #64748b; margin-bottom: 6px; }
.rich-input { width: 100%; padding: 12px; border: 2px solid #edf2f7; border-radius: 10px; font-size: 1rem; color: #1e293b; }

/* 3. Info Section Alignment */
.info-section { max-width: 1000px; margin: 0 auto; line-height: 1.8; text-align: left; }
.content-block { margin-bottom: 2.5rem; }

/* Section Title Formatting */
.section-title { 
    font-size: 1.8rem; 
    font-weight: 800; 
    color: #0f172a; 
    margin-bottom: 1.2rem; 
    border-left: 4px solid #dc2626; 
    padding-left: 15px;
    text-align: left; /* Forced Left */
}

/* Paragraph Alignment */
.info-section p { font-size: 1.1rem; color: #334155; margin-bottom: 1.2rem; text-align: left; }

/* Grid Card Alignment */
.info-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 
    gap: 1.5rem; 
    margin: 1.5rem 0; 
}
.info-card { 
    background: #fff; 
    padding: 1.8rem; 
    border-radius: 12px; 
    border: 1px solid #e2e8f0; 
    text-align: left; /* Forced Left */
}
.info-card strong { display: block; font-size: 1.1rem; color: #0f172a; margin-bottom: 8px; }
.info-card p { font-size: 0.95rem; color: #64748b; margin: 0; line-height: 1.5; }

/* How-To List Alignment */
.step-list { padding-left: 1.2rem; margin: 0; }
.step-list li { margin-bottom: 12px; font-size: 1.05rem; color: #334155; }

/* Mobile Support */
@media (max-width: 850px) {
    .tool-layout { grid-template-columns: 1fr; }
    .page-header h1 { font-size: 1.8rem; }
    .info-grid { grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dc43b61 */<style>
/* --- Premium PDF Blue Hub --- */
.utilix-pdf-blue {
    background: #ffffff;
    padding: 60px 24px;
    font-family: 'Inter', -apple-system, sans-serif;
    border-top: 1px solid #e2e8f0;
}

.pdf-container {
    max-width: 1000px;
    margin: 0 auto;
}

.hub-title {
    text-align: left;
    font-size: 1.8rem;
    font-weight: 800;
    color: #1e293b; /* Deep Navy */
    margin-bottom: 45px;
    letter-spacing: -0.02em;
}

/* Category Headers */
.pdf-category {
    margin-bottom: 35px;
}

.pdf-category h4 {
    font-size: 0.85rem;
    color: #64748b;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    border-left: 3px solid #2563eb; /* Royal Blue accent */
    padding-left: 12px;
}

/* Professional Blue Pills */
.pdf-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.pdf-pill {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    padding: 10px 24px;
    border-radius: 50px;
    text-decoration: none;
    color: #334155;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Professional Hover State */
.pdf-pill:hover {
    background: #2563eb; /* Royal Blue */
    color: #ffffff;
    border-color: #1d4ed8;
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.2);
}

/* Mobile Alignment Fix */
@media (max-width: 640px) {
    .hub-title { font-size: 1.5rem; text-align: left; }
    .pdf-pills { justify-content: flex-start; }
}
</style>/* End custom CSS */