@import url("/css/pico.min.css");:root{--app-primary-color: #1e88e5}:root{--mobile-breakpoint: 768px;--navbar-dark: #11191f;--navbar-light: #525F7A;--muted-text: #6b7280;--muted-border: #d1d5db;--card-background: var(--pico-card-background-color);--border-radius: var(--pico-border-radius);--primary-color: var(--app-primary-color);--muted-color: var(--pico-muted-color);--sectioning-background: var(--pico-card-sectioning-background-color)}[data-theme="light"]{--pico-muted-color: #374151 !important;--pico-color: #1f2937 !important;--muted-text: #374151}[data-theme="dark"]{--pico-muted-color: #d1d5db !important;--pico-color: #f9fafb !important;--muted-text: #d1d5db}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}button:not(.theme-toggle),[role="button"]{background-color:var(--primary-color) !important;border-color:var(--primary-color) !important;font-size:0.8rem !important;padding:0.35rem 0.8rem !important}button:not(.theme-toggle):hover,[role="button"]:hover{background-color:color-mix(in srgb, var(--primary-color) 85%, black 15%) !important;border-color:color-mix(in srgb, var(--primary-color) 85%, black 15%) !important}input[type="file"]::-webkit-file-upload-button{background-color:var(--primary-color) !important;border-color:var(--primary-color) !important;font-size:0.8rem !important;padding:0.35rem 0.8rem !important}input[type="file"]::-webkit-file-upload-button:hover{background-color:color-mix(in srgb, var(--primary-color) 85%, black 15%) !important;border-color:color-mix(in srgb, var(--primary-color) 85%, black 15%) !important}.upload-form{padding:var(--pico-spacing);text-align:center;margin:var(--pico-spacing) 0;background:var(--card-background);border-radius:var(--border-radius)}.dynamic-fields{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--pico-spacing) / 2);text-align:left;margin:var(--pico-spacing) 0}.dynamic-fields .full-width{grid-column:1 / -1}.dynamic-fields fieldset{margin-bottom:calc(var(--pico-spacing) / 3)}.dynamic-fields input{font-size:0.875rem;padding:calc(var(--pico-form-element-spacing-vertical) * 0.7) calc(var(--pico-form-element-spacing-horizontal) * 0.7)}.dynamic-fields select{font-size:0.75rem;padding:calc(var(--pico-form-element-spacing-vertical) * 0.5) calc(var(--pico-form-element-spacing-horizontal) * 0.5)}.dynamic-fields label{font-size:0.875rem}@media (max-width: 768px){.dynamic-fields{grid-template-columns:1fr}}.center{text-align:center}h1{text-align:center;margin-bottom:calc(var(--pico-spacing) * 1.5)}a{text-decoration:none}.description{color:var(--pico-muted-color);margin-bottom:var(--pico-spacing)}.description.center{text-align:center}.error-message{color:var(--pico-del-color);background:var(--pico-card-background-color);border:1px solid var(--pico-del-color);padding:var(--pico-spacing);border-radius:var(--pico-border-radius);margin:var(--pico-spacing) 0}@media (max-width: 768px){.sitemap-table thead th{display:block;background:var(--card-background);padding:var(--pico-spacing);border-radius:var(--border-radius);margin-bottom:calc(var(--pico-spacing) / 2);font-weight:bold;text-align:center}.sitemap-table tbody tr{display:block;background:var(--card-background);padding:var(--pico-spacing);border-radius:var(--border-radius);margin-bottom:calc(var(--pico-spacing) / 2)}.sitemap-table tbody td{display:block;border:none;padding:calc(var(--pico-spacing) / 3) 0}.sitemap-table tbody td:first-child{font-weight:bold;margin-bottom:calc(var(--pico-spacing) / 2)}.sitemap-table tbody td:last-child{color:var(--pico-muted-color);font-size:0.875rem}}header[role="banner"]{margin:0;padding:0}.top-nav-controls{position:absolute;top:var(--pico-spacing);right:var(--pico-spacing);display:flex;align-items:center;gap:calc(var(--pico-spacing) / 2);z-index:1001}.theme-toggle{background:none;border:none;padding:0.5rem;cursor:pointer;font-size:1.2rem}.nav-more-menu{position:relative}.nav-more-toggle{background:none;border:none;padding:0.5rem 0.75rem;cursor:pointer;font-size:0.875rem;display:flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;color:var(--pico-color)}.nav-more-toggle .menu-text{color:var(--pico-color);font-weight:500}.nav-more-toggle:hover{background:var(--card-background)}.menu-icon.mobile{display:none;font-size:1.2rem}@media (max-width: 768px){.menu-icon.desktop{display:none}.menu-icon.mobile{display:inline}}.nav-more-dropdown{position:absolute;top:100%;right:0;margin-top:0.25rem;background:var(--card-background);border-radius:var(--border-radius);min-width:200px;box-shadow:0 4px 12px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.2s ease;z-index:1002}.nav-more-menu.open .nav-more-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-more-links{list-style:none;margin:0;padding:0.5rem 0}.nav-more-links li{list-style:none;margin:0}.nav-more-links a{display:block;padding:0.5rem 1rem;color:var(--primary-color);text-decoration:none;font-size:0.875rem;transition:background-color 0.2s ease}.nav-more-links a:hover{background:var(--sectioning-background);color:var(--primary-color)}.mobile-header{display:none}@media (max-width: 768px){.mobile-header{display:block}}.menu-header{font-weight:bold;color:var(--pico-color);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;padding:0.5rem 1rem 0.25rem 1rem;display:block}@media (max-width: 768px){.menu-text{display:none}.nav-more-toggle{padding:0.5rem}}nav.navbar{margin-bottom:calc(var(--pico-spacing) / 3);padding:calc(var(--pico-spacing) / 3) 0;background:color-mix(in srgb, var(--primary-color), black 15%);width:100%}nav.navbar .container{display:flex;align-items:center;justify-content:flex-start;padding-right:200px}@media (max-width: 768px){nav.navbar .container{padding-right:80px}}nav.navbar .brand{font-weight:bold;font-size:1.25rem;text-decoration:none;color:white;white-space:nowrap;flex-shrink:0}nav.navbar .brand .brand-full{display:inline}nav.navbar .brand .brand-acronym{display:none}@media (max-width: 768px){nav.navbar .brand .brand-full{display:none}nav.navbar .brand .brand-acronym{display:inline}}nav.navbar small{color:var(--muted-text);line-height:1.4}@media (max-width: 768px){nav.navbar small{display:none}}nav.navbar ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:0;width:100%}nav.navbar li{margin:0}nav.navbar li:first-child{flex-shrink:0}nav.navbar li:last-child{flex:1;min-width:0}.file-list{margin-top:60px}.file-item{padding:var(--pico-spacing);display:flex;justify-content:space-between;align-items:center;gap:var(--pico-spacing)}.file-item.highlight{transform:translateX(8px);box-shadow:0 4px 12px rgba(0,0,0,0.15),0 2px 6px rgba(0,0,0,0.1);transition:all 0.3s ease;animation:highlight-bounce 2s ease-in-out}.file-preview{width:60px;height:60px;border-radius:var(--border-radius);object-fit:cover;flex-shrink:0;border:1px solid var(--muted-border)}.file-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--sectioning-background);border-radius:var(--border-radius);flex-shrink:0;border:1px solid var(--muted-border)}.file-info{flex:1;min-width:0}.status.completed{color:var(--pico-ins-color)}.status.processing{color:var(--pico-color)}.status.pending{color:var(--muted-color)}.progress-bar{width:100%;height:1rem;background-color:var(--muted-color);border-radius:var(--border-radius);overflow:hidden;margin:var(--pico-spacing) 0}.progress-fill{height:100%;background-color:var(--primary-color);transition:width 0.3s ease}.compression-stats{color:var(--primary-color);font-weight:500}.nice-container{margin:var(--pico-spacing) 0;overflow:hidden;border-radius:var(--border-radius)}.file-progress-card h2{margin-bottom:calc(var(--pico-spacing) / 2)}.status-info{display:flex;flex-direction:column;gap:calc(var(--pico-spacing) / 3);margin-top:calc(var(--pico-spacing) / 2)}.status-row,.progress-row{display:flex;align-items:center;gap:calc(var(--pico-spacing) / 2)}.status-info .label{font-weight:bold;color:var(--muted-color)}.status-value,.progress-value{color:var(--pico-color)}.back-button-footer{margin-top:calc(var(--pico-spacing) * 1.5);padding-top:0}.description[style*="text-align: center"]{max-width:60%;margin-left:auto;margin-right:auto}.consent-banner{position:fixed;bottom:0;left:0;right:0;background:var(--card-background);border-top:1px solid var(--muted-border);padding:var(--pico-spacing);z-index:1000;display:block}.consent-banner.hidden{display:none}.consent-banner p{margin:0;font-size:0.875rem;display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--pico-spacing) / 2)}.consent-banner__buttons{display:inline-flex;gap:calc(var(--pico-spacing) / 2);align-items:center}.consent-banner button{font-size:0.875rem;padding:calc(var(--pico-form-element-spacing-vertical) * 0.5) calc(var(--pico-form-element-spacing-horizontal) * 0.8);white-space:nowrap;margin:0}.consent-banner button.consent-accept{background-color:var(--primary-color) !important;border-color:var(--primary-color) !important;color:white !important}.consent-banner button.consent-decline{background-color:transparent !important;border-color:var(--pico-color) !important;color:var(--pico-color) !important}.consent-banner button.consent-decline:hover{background-color:var(--pico-muted-border-color) !important}footer.app-footer{margin-top:var(--pico-spacing);padding:var(--pico-spacing);border-top:1px solid var(--muted-border);text-align:center;color:var(--muted-color);font-size:0.875rem}footer.app-footer a{color:var(--primary-color);text-decoration:none}footer.app-footer a:hover{text-decoration:underline}@keyframes highlight-bounce{0%,100%{transform:translateX(8px);box-shadow:0 4px 12px rgba(0,0,0,0.15),0 2px 6px rgba(0,0,0,0.1)}50%{transform:translateX(12px);box-shadow:0 6px 20px rgba(0,0,0,0.2),0 3px 8px rgba(0,0,0,0.15)}}.upload-button-container{text-align:center;margin-top:var(--pico-spacing)}.upload-button,button.upload-button{width:auto;display:inline-block}.back-button,button.back-button{width:auto;display:inline-block;margin-left:var(--pico-spacing)}.center-upload-form{text-align:center}.hidden{display:none}.visible{display:block}.primary-color-text{color:var(--pico-primary-color);font-weight:500}.file-size-stats{color:var(--pico-primary-color);font-weight:500}.compression-stats{color:var(--pico-primary-color);font-weight:500}.center-page{text-align:center;padding:2rem 0}.large-emoji{font-size:3rem;color:var(--pico-muted-color)}.page-spacing{margin:2rem 0}.flash-message{display:none;margin:1rem auto;max-width:400px;padding:1rem;border-radius:var(--pico-border-radius);text-align:center}.suggestion-form{max-width:400px;margin:1rem auto;text-align:left}.gtm-frame{display:none;visibility:hidden}.progress-fill-initial{width:0%}.nice-container{margin:var(--pico-spacing) 0;overflow:hidden;border-radius:var(--pico-border-radius)}[data-subdomain="compress"] .file-type-selection{text-align:center}[data-subdomain="compress"] .file-type-selection h2,[data-subdomain="compress"] .file-type-selection h3{text-align:center;margin-bottom:calc(var(--pico-spacing) * 2)}[data-subdomain="compress"] .file-type-options{display:flex;gap:calc(var(--pico-spacing) * 2);justify-content:center;margin:calc(var(--pico-spacing) * 3) 0;max-width:600px;margin-left:auto;margin-right:auto}[data-subdomain="compress"] .file-type-button{flex:1;padding:calc(var(--pico-spacing) * 2);min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}[data-subdomain="compress"] .file-type-button .file-type-icon{font-size:3rem;margin-bottom:calc(var(--pico-spacing) * 1.5)}[data-subdomain="compress"] .file-type-button strong{margin-bottom:calc(var(--pico-spacing) / 2);font-size:1.2rem}[data-subdomain="compress"] .file-type-button small{text-align:center}[data-subdomain="compress"] #upload-form{display:none}[data-subdomain="compress"] #upload-form.visible{display:block}[data-subdomain="compress"] #upload-form h2,[data-subdomain="compress"] #upload-form h3{text-align:center}[data-subdomain="compress"] #dynamic-options{display:none}[data-subdomain="compress"] #dynamic-options.visible{display:block}[data-subdomain="compress"] .compress-upload-buttons{text-align:center;margin-top:var(--pico-spacing)}[data-subdomain="compress"] .compress-upload-buttons button{width:auto;display:inline-block;margin-left:var(--pico-spacing)}[data-subdomain="compress"] .compress-upload-buttons button:first-child{margin-left:0}[data-subdomain="convert"] .file-type-selection{text-align:center}[data-subdomain="convert"] .file-type-selection h2,[data-subdomain="convert"] .file-type-selection h3{text-align:center;margin-bottom:calc(var(--pico-spacing) * 2)}[data-subdomain="convert"] .file-type-options{display:flex;gap:calc(var(--pico-spacing) * 2);justify-content:center;margin:calc(var(--pico-spacing) * 3) 0;max-width:600px;margin-left:auto;margin-right:auto}[data-subdomain="convert"] .file-type-button{flex:1;padding:calc(var(--pico-spacing) * 2);min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}[data-subdomain="convert"] .file-type-button .file-type-icon{font-size:3rem;margin-bottom:calc(var(--pico-spacing) * 1.5)}[data-subdomain="convert"] .file-type-button strong{margin-bottom:calc(var(--pico-spacing) / 2);font-size:1.2rem}[data-subdomain="convert"] .file-type-button small{text-align:center}[data-subdomain="convert"] #upload-form{display:none}[data-subdomain="convert"] #upload-form.visible{display:block}[data-subdomain="convert"] #upload-form h2,[data-subdomain="convert"] #upload-form h3{text-align:center}[data-subdomain="convert"] #dynamic-options{display:none}[data-subdomain="convert"] #dynamic-options.visible{display:block}[data-subdomain="convert"] .convert-upload-buttons{text-align:center;margin-top:var(--pico-spacing)}[data-subdomain="convert"] .convert-upload-buttons button{width:auto;display:inline-block;margin-left:var(--pico-spacing)}[data-subdomain="convert"] .convert-upload-buttons button:first-child{margin-left:0}@media (max-width: var(--mobile-breakpoint)){[data-subdomain="convert"] .file-type-options{flex-direction:column}}.services-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:calc(var(--pico-spacing) * 1.5);margin:0 0 calc(var(--pico-spacing) * 3) 0}.service-card{background:var(--card-background);padding:calc(var(--pico-spacing) * 1.5);border-radius:var(--border-radius);text-align:center;border:2px solid color-mix(in srgb, var(--service-color, var(--primary-color)), transparent 80%);transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;position:relative;overflow:hidden}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--service-color, var(--primary-color));opacity:0.8}.service-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px color-mix(in srgb, var(--service-color, var(--primary-color)), transparent 85%);border-color:color-mix(in srgb, var(--service-color, var(--primary-color)), transparent 60%)}.service-card .service-icon{font-size:3rem;margin-bottom:var(--pico-spacing);display:block}.service-card .service-spot-image{margin:calc(var(--pico-spacing) * -1) calc(var(--pico-spacing) * -1) var(--pico-spacing) calc(var(--pico-spacing) * -1);display:block}.service-card .service-spot-image img{width:100%;height:auto;object-fit:contain;border-radius:calc(var(--border-radius) / 2);border:1px solid color-mix(in srgb, var(--service-color, var(--primary-color)), transparent 70%)}.service-card h2,.service-card h3{margin-bottom:var(--pico-spacing);color:var(--service-color, var(--primary-color))}.service-card p{margin-bottom:var(--pico-spacing);line-height:1.5}.service-card .service-action{margin-bottom:var(--pico-spacing)}.service-card .service-action a[role="button"]{background:var(--service-color, var(--primary-color)) !important;border-color:var(--service-color, var(--primary-color)) !important}.service-card .service-action a[role="button"]:hover{background:color-mix(in srgb, var(--service-color, var(--primary-color)), black 10%) !important;border-color:color-mix(in srgb, var(--service-color, var(--primary-color)), black 10%) !important}.service-card .service-details{color:var(--pico-color);font-size:0.875rem}.why-choose{margin:calc(var(--pico-spacing) * 4) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:calc(var(--pico-spacing) * 2);margin-top:calc(var(--pico-spacing) * 2)}.feature{text-align:center}.feature h4{margin-bottom:calc(var(--pico-spacing) / 2);color:var(--primary-color)}.feature p{color:var(--pico-color);line-height:1.5}.get-started{margin:calc(var(--pico-spacing) * 4) 0;text-align:center}.blog-nav-link{color:rgba(255,255,255,0.85);text-decoration:none;font-size:0.875rem;padding:0.5rem 0.75rem;border-radius:var(--border-radius);transition:background-color 0.2s ease, color 0.2s ease}.blog-nav-link:hover{background:rgba(255,255,255,0.1);color:#fff}.top-nav-controls{gap:calc(var(--pico-spacing) / 3)}
