@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.search-container{box-sizing:border-box;max-width:640px;position:relative;width:100%}.search-container:before{color:#9ca3af;content:"🔍";font-size:16px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:1}.search-input{border:1px solid #e6e9ee;border-radius:10px;box-shadow:none;color:#111827;font-size:16px;outline:none;padding:10px 40px 10px 14px;transition:all .2s;width:100%}.search-input:focus{border-color:#e6e9ee;box-shadow:none}.search-input::placeholder{color:#9ca3af}@media (max-width:900px){.search-container{max-width:420px;width:100%}}@media (max-width:600px){.search-container{max-width:300px;width:100%}}@media (max-width:480px){.search-container{max-width:200px;width:100%}}@media (max-width:400px){.search-container{max-width:150px;width:100%}}.search-suggestions{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 6px -1px #0000001a;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.suggestions-section{border-bottom:1px solid #f3f4f6}.suggestions-section:last-child{border-bottom:none}.suggestions-header{background:#f9fafb;border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:8px 16px;text-transform:uppercase}.search-suggestion{align-items:center;border-bottom:1px solid #f9fafb;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .15s}.search-suggestion.selected,.search-suggestion:hover{background:#f3f4f6}.search-suggestion:last-child{border-bottom:none}.suggestion-icon{flex-shrink:0;font-size:20px;margin-right:12px}.suggestion-content{flex:1 1;min-width:0}.suggestion-title{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:2px}.suggestion-type{background:#f3f4f6;border-radius:3px;color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.025em;padding:2px 6px;text-transform:uppercase}.suggestion-description{color:#6b7280;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-action{flex-shrink:0;margin-left:12px}.open-label{color:#e74c3c;font-size:12px;font-weight:500}@media (max-width:768px){.search-input{font-size:16px}.search-input,.search-suggestion{padding:10px 14px}.suggestion-icon{font-size:18px;margin-right:10px}.suggestion-title{font-size:13px}.suggestion-description{font-size:11px}}.search-suggestion:focus{outline:2px solid #e74c3c;outline-offset:-2px}.search-suggestions.loading{opacity:.7}.search-suggestions.loading:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000 25%,#ffffff80 50%,#0000 75%);background-size:200% 100%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.homepage{background:#f8fafc;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;position:relative;width:100%}.homepage,body{overflow-x:hidden}.ad-sidebar .ad-unit,.faq-ad-sidebar .ad-unit{background:#9ca3af;border:none;border-radius:8px;box-sizing:border-box;height:auto;margin:0 0 20px;max-width:300px;overflow:hidden;width:100%}.ad-sidebar .ad-unit:last-child,.faq-ad-sidebar .ad-unit:last-child{margin-bottom:0}.ad-sidebar .ad-unit-small,.faq-ad-sidebar .ad-unit-small{height:250px}.ad-sidebar .ad-unit-small,.ad-sidebar .ad-unit-tall,.faq-ad-sidebar .ad-unit-small,.faq-ad-sidebar .ad-unit-tall{align-items:center;background:#9ca3af;box-sizing:border-box;color:#fff;display:flex;font-size:16px;font-weight:500;justify-content:center;max-width:300px;width:100%}.ad-sidebar .ad-unit-tall,.faq-ad-sidebar .ad-unit-tall{height:600px}.mobile-ad-inline{box-sizing:border-box;display:none;grid-column:1/-1;justify-content:center;margin:16px 0;padding:0;width:100%}@media (max-width:600px){.mobile-ad-inline{margin:12px 0}}@media (max-width:480px){.mobile-ad-inline{margin:8px 0}}@media (max-width:400px){.mobile-ad-inline{margin:6px 0}}.mobile-ad-banner{box-sizing:border-box;display:none;margin:24px 0;padding:0;text-align:center;width:100%}@media (max-width:600px){.mobile-ad-banner{margin:20px 0}}@media (max-width:480px){.mobile-ad-banner{margin:16px 0}}@media (max-width:400px){.mobile-ad-banner{margin:12px 0}}.mobile-ad-section{box-sizing:border-box;display:none;margin:32px 0;padding:0;text-align:center;width:100%}@media (max-width:600px){.mobile-ad-section{margin:24px 0}}@media (max-width:480px){.mobile-ad-section{margin:20px 0}}@media (max-width:400px){.mobile-ad-section{margin:16px 0}}.ad-unit-mobile{align-items:center;background:#9ca3af;border-radius:8px;box-sizing:border-box;color:#fff;display:flex;font-weight:500;height:200px;justify-content:center;margin:0 auto;max-width:300px;width:100%}@media (max-width:600px){.ad-unit-mobile{height:150px;max-width:280px}}@media (max-width:480px){.ad-unit-mobile{height:120px;max-width:250px}}@media (max-width:400px){.ad-unit-mobile{height:100px;max-width:200px}}.ad-unit-mobile-banner{align-items:center;background:#9ca3af;border-radius:8px;box-sizing:border-box;color:#fff;display:flex;font-weight:500;height:50px;justify-content:center;margin:0 auto;max-width:320px;width:100%}@media (max-width:480px){.ad-unit-mobile-banner{height:40px;max-width:280px}}@media (max-width:400px){.ad-unit-mobile-banner{height:35px;max-width:250px}}.ad-unit-mobile-section{align-items:center;background:#9ca3af;border-radius:8px;box-sizing:border-box;color:#fff;display:flex;font-weight:500;height:200px;justify-content:center;margin:0 auto;max-width:300px;width:100%}@media (max-width:600px){.ad-unit-mobile-section{height:150px;max-width:280px}}@media (max-width:480px){.ad-unit-mobile-section{height:120px;max-width:250px}}@media (max-width:400px){.ad-unit-mobile-section{height:100px;max-width:200px}}@media (max-width:1200px){.mobile-ad-banner,.mobile-ad-inline,.mobile-ad-section{display:block}.mobile-ad-inline{display:flex}}@media (max-width:768px){#bottom-sticky-ad{bottom:8px;left:8px;right:8px}#bottom-sticky-ad.expanded{height:100px}.bottom-ad-expanded{max-width:320px}}.how-it-works-section{border-top:1px solid #e2e8f0;padding:100px 0}.steps-grid{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(4,1fr);margin-top:64px}.step-card{position:relative;text-align:center}.step-number{background:#2563eb;font-size:14px;height:32px;left:50%;position:absolute;top:-12px;transform:translateX(-50%);width:32px}.step-icon{display:block;font-size:48px;margin:24px 0 20px}.step-card h3{color:#0f172a;font-size:20px;font-weight:500;margin-bottom:16px}.step-card p{color:#334155;font-size:16px;line-height:1.6}@media (max-width:900px){.steps-grid{gap:32px;grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.steps-grid{gap:24px;grid-template-columns:1fr}}.comparison-section{border-top:1px solid #e2e8f0;padding:100px 0}.comparison-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-top:64px}.comparison-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0000000a;padding:32px;text-align:center}.comparison-icon{display:block;font-size:48px;margin-bottom:24px}.comparison-card h3{color:#0f172a;font-size:20px;font-weight:500;margin-bottom:16px}.comparison-card p{color:#334155;font-size:16px;line-height:1.6}@media (max-width:900px){.comparison-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.comparison-grid{grid-template-columns:1fr}}.use-cases-section{border-top:1px solid #e2e8f0;padding:100px 0}.use-cases-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-top:64px}.use-case-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0000000a;padding:32px}.use-case-icon{display:block;font-size:48px;margin-bottom:24px}.use-case-card h3{color:#0f172a;font-size:20px;font-weight:500;margin-bottom:16px}.use-case-card p{color:#334155;font-size:16px;line-height:1.6}@media (max-width:900px){.use-cases-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.use-cases-grid{grid-template-columns:1fr}}.formats-section{border-top:1px solid #e2e8f0;padding:100px 0}.formats-grid{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(2,1fr);margin-top:64px}.format-category h3{color:#0f172a;font-size:20px;font-weight:500;margin-bottom:24px}.format-list{display:flex;flex-wrap:wrap;gap:12px}.format-tag{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:14px;font-weight:500;padding:8px 16px}@media (max-width:600px){.formats-grid{gap:32px;grid-template-columns:1fr}}.site-footer{background:#0f172a;color:#fff;margin-top:100px}.footer-content{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px;padding:64px 24px 32px}.footer-section h4{color:#fff;font-size:18px;font-weight:600;margin-bottom:24px}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:12px}.footer-section a{color:#94a3b8;font-size:16px;text-decoration:none;transition:color .2s}.footer-section a:hover{color:#fff}.footer-category-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:16px;padding:0;text-align:left;text-decoration:none;transition:color .2s}.footer-category-btn:hover{color:#fff}.footer-section p{color:#94a3b8;font-size:16px;line-height:1.6}.footer-bottom{border-top:1px solid #334155;margin:0 auto;max-width:1200px;padding:24px;text-align:center}.footer-bottom p{color:#94a3b8;font-size:14px;margin:0}@media (max-width:900px){.footer-content{gap:32px;grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.footer-content{gap:24px;grid-template-columns:1fr;padding:48px 24px 24px}}#left-fixed-ad,#right-fixed-ad{display:none!important}#bottom-sticky-ad{background:#fff;border-top:1px solid #e2e8f0;bottom:0;box-shadow:0 -4px 20px #0000001a;left:0;overflow:hidden;position:fixed;right:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1400}#bottom-sticky-ad.collapsed{height:48px}#bottom-sticky-ad.expanded{height:120px}.bottom-ad-close{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s;width:28px;z-index:10}.bottom-ad-close:hover{background:#0003;color:#334155}.bottom-ad-content{align-items:center;display:flex;height:100%;justify-content:center;padding:12px;width:100%}.bottom-ad-collapsed{color:#64748b;font-size:14px;font-weight:500}.bottom-ad-expanded{margin:0 auto;max-width:728px;width:100%}.site-header{background:#fff;border-bottom:1px solid #0000000a;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1200}.header-inner{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;padding:12px 4vw;width:100%}.logo{color:#e74c3c;font-size:20px;font-weight:700;text-decoration:none}.header-search{width:400px}.header-search .search-container{max-width:none;width:100%}@media (max-width:900px){.header-search{width:280px}}@media (max-width:600px){.header-inner{gap:8px;justify-content:space-between;min-width:0;padding:12px 2vw}.header-search{flex:1 1;max-width:200px;min-width:100px;width:auto}}@media (max-width:480px){.header-inner{padding:10px 12px}.header-search{width:150px}.logo{font-size:16px}}@media (max-width:400px){.header-inner{gap:6px;padding:8px 1vw}.header-search{flex:1 1;max-width:130px;min-width:80px}.logo{flex-shrink:0;font-size:15px}}@media (max-width:360px){.header-inner{gap:4px;padding:8px 1vw}.header-search{flex:1 1;max-width:120px;min-width:60px}.logo{flex-shrink:0;font-size:14px}}.page-wrap{grid-gap:32px;align-items:start;box-sizing:border-box;display:grid;gap:32px;grid-template-columns:1fr 340px;margin:0 auto;max-width:1200px;padding:0 24px;width:100%}@media (max-width:768px){.page-wrap{margin:0;max-width:none;padding:0}}.main-content{grid-column:1;max-width:100%}.ad-sidebar{box-sizing:border-box;grid-column:2;max-width:340px;padding:0;position:-webkit-sticky;position:sticky;top:120px;width:100%}@media (max-width:1200px){.page-wrap{gap:24px;grid-template-columns:1fr;padding:0 3vw}.ad-sidebar{display:none}}@media (max-width:600px){.page-wrap{padding:0}}@media (max-width:480px){.page-wrap{padding:0}}@media (max-width:400px){.page-wrap{padding:0}}@media (max-width:360px){.page-wrap{padding:0}}.hero{box-sizing:border-box;max-width:100%;overflow:hidden;padding:4px 0 8px;text-align:left;width:100%}.hero h1{color:#0f172a;font-size:48px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:24px}.hero-subtitle{color:#334155;font-size:17px;line-height:1.5;margin-bottom:0}@media (max-width:768px){.hero{display:none}}.tools-section{padding:0 0 64px}@media (max-width:768px){.tools-section{padding:0}}.category-filters{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}@media (max-width:768px){.category-filters{justify-content:flex-start;padding:0 16px}}.filter-chip{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.filter-chip:hover{background:#fef2f2;border-color:#e74c3c;color:#e74c3c}.filter-chip.active{background:#e74c3c;border-color:#e74c3c;color:#fff}@media (max-width:600px){.category-filters{-ms-overflow-style:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0}}.tools-grid{grid-gap:32px;align-content:start;align-items:stretch;box-sizing:border-box;gap:32px;grid-template-columns:repeat(3,1fr);width:100%}@media (max-width:1100px){.tools-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.tools-grid{gap:20px;grid-template-columns:1fr;padding:0 16px}}@media (max-width:400px){.tools-grid{gap:16px;grid-template-columns:1fr}}.tool-card{border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0000000a;box-sizing:border-box;display:flex;flex-direction:column;height:200px;max-width:100%;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@media (max-width:600px){.tool-card{min-height:120px;padding:4vw;text-align:center}.tool-icon{font-size:6vw;margin-bottom:2vw}.tool-card h3{font-size:4vw;line-height:1.2;margin-bottom:1vw}.tool-card p{font-size:3vw;line-height:1.3}}@media (max-width:400px){.tool-card{min-height:100px;padding:5vw}.tool-icon{font-size:8vw;margin-bottom:2vw}.tool-card h3{font-size:5vw;margin-bottom:1vw}.tool-card p{font-size:4vw}}.tool-card:hover{border-color:#2563eb;box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.tool-card.coming-soon{cursor:default;opacity:.7;pointer-events:none}.tool-card.coming-soon:hover{border-color:#e2e8f0;box-shadow:0 1px 3px #0000000a;transform:none}.coming-soon-badge{background:#f97316;border-radius:6px;color:#fff;font-size:11px;font-weight:500;letter-spacing:.025em;padding:6px 10px;position:absolute;right:16px;text-transform:uppercase;top:16px}.tool-icon{display:block;font-size:48px;line-height:1;margin-bottom:20px}.tool-card h3{color:#0f172a;font-size:20px;font-weight:500;line-height:1.3;margin-bottom:12px}.tool-card h3,.tool-card p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.tool-card p{color:#64748b;font-size:16px;line-height:1.5}.section-title{color:#0f172a;font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:48px;text-align:left}.privacy-section{border-top:1px solid #e2e8f0;padding:100px 0}.info-cards{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(3,1fr);margin-top:64px}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0000000a;padding:32px;text-align:left}.info-icon{display:block;font-size:48px;line-height:1;margin-bottom:24px}.info-card h3{color:#0f172a;font-size:20px;font-weight:500;line-height:1.3;margin-bottom:16px}.info-card p{color:#334155;font-size:16px;line-height:1.6;margin:0}@media (max-width:900px){.info-cards{gap:24px;grid-template-columns:1fr}}.faq-section{border-top:1px solid #e2e8f0;padding:100px 0}.faq-with-ads{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 340px}.faq-content{grid-column:1}.faq-ad-sidebar{box-sizing:border-box;grid-column:2;max-width:340px;padding:0;position:-webkit-sticky;position:sticky;top:120px;width:100%}.faq-container{margin:64px 0 0;max-width:800px}@media (max-width:1200px){.faq-with-ads{gap:24px;grid-template-columns:1fr}.faq-ad-sidebar{display:none}}.faq-item{border-bottom:1px solid #e2e8f0}.faq-question{align-items:center;background:none;border:none;color:#0f172a;cursor:pointer;display:flex;font-size:18px;font-weight:500;justify-content:space-between;line-height:1.4;padding:28px 0;text-align:left;width:100%}.faq-icon{color:#64748b;font-size:20px;transition:transform .2s}.faq-icon.open{transform:rotate(45deg)}.faq-answer{padding-bottom:28px}.faq-answer p{color:#334155;font-size:16px;line-height:1.6;margin:0}.pdf-thumbnail{cursor:pointer;display:inline-block;transition:all .2s ease}.pdf-thumbnail-preview{align-items:center;aspect-ratio:3/4;background:#f9fafb;border:1px solid #e5e7eb;border-radius:2px;display:flex;height:180px;justify-content:center;overflow:hidden;position:relative;width:100%}.pdf-thumbnail:hover .pdf-thumbnail-preview{border-color:#e74c3c;box-shadow:0 2px 8px #0000001a}.pdf-thumbnail-image{border-radius:2px;display:block;height:auto;width:100%}.pdf-thumbnail-image.real{box-shadow:0 1px 3px #0000001a}.pdf-thumbnail-image.placeholder{filter:grayscale(20%);opacity:.8}.pdf-thumbnail-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:20px}.pdf-thumbnail-spinner{animation:pdf-thumbnail-spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#e74c3c;height:24px;margin-bottom:8px;width:24px}@keyframes pdf-thumbnail-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pdf-thumbnail-loading-text{font-size:12px;font-weight:500}.pdf-thumbnail-error{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.pdf-thumbnail-icon{font-size:2rem;margin-bottom:8px}.pdf-thumbnail-error-text{font-size:12px;font-weight:500;margin-bottom:8px}.pdf-thumbnail-retry{background:#e74c3c;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:10px;padding:4px 8px;transition:background-color .2s}.pdf-thumbnail-retry:hover{background:#dc2626}.pdf-thumbnail-filename{color:#111827;font-size:12px;font-weight:500;margin-top:8px;max-width:140px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.preview-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.preview-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;height:80vh;max-width:1200px;overflow:hidden;width:90vw}.preview-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1rem 1.5rem}.preview-header h3{color:#212529;font-size:1.25rem;margin:0}.close-btn{border-radius:4px;padding:.25rem;transition:background .2s}.close-btn:hover{background:#e9ecef}.preview-content{display:flex;flex:1 1;overflow:hidden}.page-sidebar{background:#f8f9fa;border-right:1px solid #e9ecef;overflow-y:auto;width:200px}.page-list{padding:1rem}.page-thumb{border:2px solid #0000;border-radius:8px;cursor:pointer;margin-bottom:1rem;overflow:hidden;transition:border-color .2s}.page-thumb.active{border-color:#d85148}.page-thumb:hover{border-color:#adb5bd}.page-thumb img{display:block;height:auto;width:100%}.thumb-placeholder{align-items:center;aspect-ratio:3/4;background:#e9ecef;color:#6c757d;display:flex;font-weight:500;justify-content:center}.page-number{background:#fff;color:#6c757d;font-size:.8rem;padding:.5rem;text-align:center}.page-viewer{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1rem;position:relative}.page-image{border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:calc(100% - 60px);max-width:100%;object-fit:contain}.loading{color:#6c757d;font-size:1.1rem;justify-content:center}.loading,.page-controls{align-items:center;display:flex}.page-controls{background:#ffffffe6;border-radius:24px;bottom:1rem;box-shadow:0 2px 8px #00000026;gap:1rem;left:50%;padding:.75rem 1.5rem;position:absolute;transform:translateX(-50%)}.nav-btn{background:#d85148;border:none;border-radius:6px;color:#fff;font-size:.9rem;padding:.5rem 1rem;transition:background .2s}.nav-btn:hover:not(:disabled){background:#c44139}.nav-btn:disabled{background:#6c757d}.page-info{color:#495057;font-size:.9rem;font-weight:500;white-space:nowrap}@media (max-width:768px){.preview-modal-overlay{padding:1rem}.preview-modal{height:85vh;width:95vw}.page-sidebar{width:120px}.page-list{padding:.5rem}.page-thumb{margin-bottom:.5rem}.page-number{font-size:.7rem;padding:.25rem}.page-controls{flex-direction:column;gap:.5rem;padding:.5rem 1rem}.nav-btn{padding:.4rem .8rem}.nav-btn,.page-info{font-size:.8rem}}@media (max-width:480px){.preview-content{flex-direction:column}.page-sidebar{border-bottom:1px solid #e9ecef;border-right:none;height:120px;width:100%}.page-list{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem}.page-thumb{flex-shrink:0;margin-bottom:0;width:80px}.page-controls{margin-top:1rem;position:static;transform:none}}.complex-pdf-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1100}.complex-pdf-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:500px;overflow:hidden;width:100%}.modal-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1.5rem}.modal-header h3{color:#212529;font-size:1.25rem;margin:0}.modal-content{padding:1.5rem}.modal-content p{color:#495057;line-height:1.5;margin-bottom:1rem}.choice-buttons{gap:1rem;margin-top:1.5rem}.choice-btn,.choice-buttons{display:flex;flex-direction:column}.choice-btn{border:2px solid;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;gap:.25rem;padding:1rem;text-align:left;transition:all .2s}.choice-btn small{font-size:.85rem;font-weight:400;opacity:.8}.choice-btn.primary{background:#d85148;border-color:#d85148;color:#fff}.choice-btn.primary:hover{background:#c44139;border-color:#c44139}.choice-btn.secondary{background:#fff;border-color:#d85148;color:#d85148}.choice-btn.secondary:hover:not(:disabled){background:#d85148;color:#fff}.choice-btn.secondary:disabled{border-color:#6c757d;color:#6c757d;cursor:not-allowed;opacity:.5}.choice-btn.cancel{background:#fff;border-color:#6c757d;color:#6c757d}.choice-btn.cancel:hover{background:#6c757d;color:#fff}@media (max-width:480px){.complex-pdf-overlay,.modal-content{padding:1rem}.choice-btn{font-size:.9rem;padding:.75rem}}.page-selector{width:100%}.page-selector-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.selection-info{color:#6b7280;font-size:14px;font-weight:500}.selection-count{color:#111827}.selection-actions{display:flex;gap:12px}.action-link{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:12px;font-weight:500;padding:0;text-decoration:underline;transition:color .2s}.action-link:hover:not(:disabled){color:#dc2626}.action-link:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.thumbnails-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:24px;padding:16px 0}.thumbnail-wrapper{border-radius:4px;cursor:pointer;outline:none;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.thumbnail-wrapper:hover{transform:translateY(-2px)}.thumbnail-wrapper:focus{box-shadow:0 0 0 2px #e74c3c}.thumbnail-wrapper.selected{box-shadow:0 0 0 2px #e74c3c,0 4px 12px #e74c3c26;transform:translateY(-2px)}.thumbnail-wrapper.selected:hover{box-shadow:0 0 0 2px #dc2626,0 6px 16px #e74c3c33}.selection-badge{align-items:center;background:#e74c3c;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:10px;font-weight:600;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px;z-index:10}.selection-badge .page-number{display:none}.page-label,.selection-badge .check-icon{font-size:12px}.page-label{color:#6b7280;font-weight:500;margin-top:8px;text-align:center}.thumbnail-wrapper.selected .page-label{color:#e74c3c;font-weight:600}.selection-tools{border-top:1px solid #e5e7eb;padding-top:16px}.range-builder,.selection-tools{margin-bottom:16px}.tool-label{color:#111827;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.range-input{padding:6px 8px}.add-range-btn{padding:6px 12px}.manual-input-toggle{margin-bottom:12px}.toggle-link{background:none;border:none;color:#6b7280;cursor:pointer;font-size:12px;padding:0;text-decoration:underline;transition:color .2s}.toggle-link:hover:not(:disabled){color:#e74c3c}.toggle-link:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.manual-input-section{margin-bottom:16px}.form-input:disabled{background:#f9fafb;color:#9ca3af}.help-text span{cursor:help}@media (max-width:768px){.thumbnails-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.page-selector-header{align-items:flex-start;flex-direction:column;gap:8px}.selection-actions{align-self:flex-end}.range-inputs{justify-content:flex-start}.range-input{width:50px}}@media (max-width:480px){.thumbnails-grid{grid-template-columns:repeat(2,1fr)}.range-inputs{align-items:flex-start;flex-direction:column;gap:8px}.range-input{width:80px}}.range-builder{width:100%}.range-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.range-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:8px 12px;text-align:center;transition:border-color .2s;width:60px}.range-input:focus{border-color:#e74c3c;outline:none}.range-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.range-separator{color:#6b7280;font-size:14px;font-weight:500;margin:0 4px}.add-range-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s;white-space:nowrap}.add-range-btn:hover:not(:disabled){background:#dc2626}.add-range-btn:disabled{background:#9ca3af;cursor:not-allowed}.range-error{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:12px;margin-bottom:8px;padding:8px 12px}.range-help{color:#6b7280;font-size:12px;line-height:1.4;margin-bottom:16px}.range-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.range-chip{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:16px;color:#111827;display:inline-flex;font-size:14px;padding:4px 8px 4px 12px;transition:all .2s}.range-chip:hover{background:#e5e7eb;border-color:#9ca3af}.chip-label{font-weight:500;margin-right:6px}.chip-remove{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:16px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:16px}.chip-remove:hover:not(:disabled){background:#ef4444;color:#fff}.chip-remove:disabled{color:#9ca3af;cursor:not-allowed}@media (max-width:480px){.range-inputs{align-items:stretch;flex-direction:column;gap:8px}.range-input{text-align:left;width:100%}.range-separator{margin:0;text-align:center}.add-range-btn{width:100%}}.file-preview{justify-content:center;min-height:400px}.page-selection-view{max-width:none;width:100%}.file-info h2{font-size:20px;margin-bottom:16px}.file-details{color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:8px}.file-details strong{color:#111827;font-weight:500}.pdf-preview{border:1px solid #e5e7eb;padding:16px}.custom-pages-info,.pdf-preview{background:#f9fafb;border-radius:4px}.custom-pages-info{border:1px solid #e5e7eb;margin-bottom:24px;padding:12px}.custom-pages-info .sidebar-text{font-size:13px;line-height:1.4;margin:0}.ranges-section{margin-bottom:24px}.ranges-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-top:16px;padding:12px}.ranges-preview .sidebar-text{color:#111827;font-size:13px;font-weight:500;margin:0 0 8px}.ranges-list{list-style:none;margin:0;padding:0}.range-item{color:#6b7280;font-size:12px;padding:2px 0 2px 12px;position:relative}.range-item:before{color:#e74c3c;content:"•";font-weight:700;left:0;position:absolute}.ranges-main-view{width:100%}.thumbnails-grid-readonly{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:16px 0}.thumbnail-wrapper.readonly{cursor:default;opacity:.7}.more-pages-indicator{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:4px;display:flex;justify-content:center;min-height:180px}.more-pages-text{color:#6b7280;font-size:14px;font-weight:500;text-align:center}.split-mode-section{margin-bottom:24px}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background-color .2s}.radio-option:hover{background:#f3f4f6}.radio-option input[type=radio]{margin:0}.radio-option span{color:#111827;font-size:14px}.page-range-section{margin-bottom:24px}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#e74c3c;outline:none}.help-text{color:#6b7280;display:block;font-size:12px;line-height:1.4;margin-top:4px}.options-section{margin-bottom:24px}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-option{border-radius:4px;gap:8px;padding:8px;transition:background-color .2s}.checkbox-option:hover{background:#f3f4f6}.checkbox-option input[type=checkbox]{margin:0}.checkbox-option span{color:#111827;font-size:14px}.processing-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:80px 24px}.progress-section{max-width:400px}.progress-section h1{color:#111827;font-size:42px;font-weight:600;margin-bottom:32px}.progress-bar{margin-bottom:16px}.progress-status{margin-bottom:24px}.cancel-button{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.cancel-button:hover{border-color:#e74c3c;color:#e74c3c}.complete-content{max-width:800px}.success-section p{margin-bottom:32px}.download-btn.primary{font-size:18px;padding:16px 32px}.download-btn.small{font-size:14px;padding:8px 16px}.results-section{margin-bottom:48px}.results-section h3{color:#111827;font-size:20px;font-weight:600;margin-bottom:16px}.results-list{display:flex;flex-direction:column;gap:12px}.result-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;justify-content:space-between;padding:16px}.result-info{display:flex;flex-direction:column;gap:4px}.result-info strong{color:#111827;font-weight:500}.result-info span{color:#6b7280;font-size:14px}.error-results{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;margin-top:24px;padding:16px}.error-results h4{color:#dc2626;font-size:16px;font-weight:600;margin-bottom:12px}.error-item{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.error-item strong{color:#111827;font-weight:500}.continue-section{text-align:center}.new-split-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:14px;padding:12px 24px;transition:all .2s}.new-split-btn:hover{border-color:#e74c3c;color:#e74c3c}@media (max-width:768px){.dashboard-main,.dashboard-sidebar{padding:16px}.hero-section h1{font-size:32px}.complete-content{padding:40px 16px}.result-item{align-items:flex-start;flex-direction:column;gap:12px}.feature-list{grid-template-columns:1fr}.tool-description{padding:0 16px}}.dashboard-card{cursor:grab}.dashboard-card:active{cursor:grabbing}.dashboard-card.dragging{box-shadow:0 8px 25px #00000026;opacity:.5;transform:rotate(5deg);z-index:1000}.dashboard-card .card-preview{cursor:grab}.dashboard-card .card-preview:active{cursor:grabbing}.card-preview img{border-radius:2px;height:100%;object-fit:cover;width:100%}.pdf-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;transition:all .2s ease;width:100%}.pdf-placeholder.loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;color:#9ca3af}.pdf-placeholder.error{background:#fef2f2;color:#ef4444}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pdf-icon{font-size:2rem;margin-bottom:8px}.pdf-text{font-size:12px;font-weight:500;text-align:center}.real-thumbnail{border-radius:2px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.placeholder-thumbnail{filter:grayscale(20%);opacity:.8}.dashboard-card:hover .real-thumbnail{box-shadow:0 2px 8px #00000026}.card-preview.loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f9fafb 25%,#f3f4f6 50%,#f9fafb 75%);background-size:200% 100%}.card-preview.error{background:#fef2f2;border-color:#fecaca}.thumbnail-quality-indicator{background:#10b981;border:1px solid #fff;border-radius:50%;bottom:4px;height:8px;opacity:0;position:absolute;right:4px;transition:opacity .2s;width:8px}.thumbnail-quality-indicator.placeholder{background:#f59e0b}.thumbnail-quality-indicator.error{background:#ef4444}.dashboard-card:hover .thumbnail-quality-indicator{opacity:1}.loading-placeholder{align-items:center;animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f9fafb 25%,#f3f4f6 50%,#f9fafb 75%);background-size:200% 100%;color:#9ca3af;display:flex;font-size:12px;height:100%;justify-content:center;width:100%}.thumbnail-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#e74c3c;height:20px;margin-bottom:8px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card-thumbnail .pdf-thumbnail-preview{border:none;border-radius:2px;height:100%;width:100%}@media (max-width:768px){.dashboard-main,.dashboard-sidebar{padding:16px}.dashboard-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.hero-section h1{font-size:32px}}.compress-preview{align-items:center;display:flex;justify-content:center;min-height:400px;padding:40px 24px}.file-preview{align-items:center;display:flex;flex-direction:column;max-width:400px;text-align:center}.preview-thumbnail{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-bottom:24px;padding:16px}.compress-thumbnail{border-radius:4px}.file-details{width:100%}.file-name{font-size:20px;font-weight:600;margin-bottom:8px;word-break:break-word}.file-size{font-size:16px;margin-bottom:4px}.file-meta{color:#9ca3af;font-size:14px;margin:0}.compression-modes{margin-bottom:24px}.mode-option{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;display:flex;margin-bottom:8px;padding:12px;transition:all .2s ease}.mode-option:hover{background:#fefefe;border-color:#e74c3c}.mode-option input[type=radio]{accent-color:#e74c3c;margin-right:12px;margin-top:2px}.mode-content{display:flex;flex:1 1;flex-direction:column}.mode-content strong{color:#111827;font-size:14px;font-weight:600;margin-bottom:2px}.mode-content span{color:#6b7280;font-size:12px;line-height:1.4}.advanced-toggle{background:none;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:14px;margin-bottom:16px;padding:8px 12px;text-align:left;transition:all .2s;width:100%}.advanced-toggle:hover{border-color:#e74c3c;color:#e74c3c}.advanced-options{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:24px;padding:16px}.option-group:last-child{margin-bottom:0}.option-label{color:#111827}.quality-slider::-webkit-slider-thumb{border:2px solid #fff;box-shadow:0 2px 4px #0003;height:18px;width:18px}.quality-slider::-moz-range-thumb{border:2px solid #fff;box-shadow:0 2px 4px #0003;height:18px;width:18px}.checkbox-option{align-items:center;color:#111827;cursor:pointer;display:flex;font-size:14px}.checkbox-option input[type=checkbox]{accent-color:#e74c3c;margin-right:8px}.compression-progress{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-top:16px;padding:16px}.compression-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:32px;padding:24px}.size-comparison{gap:16px;justify-content:center;margin-bottom:16px}.size-comparison,.size-item{align-items:center;display:flex}.size-item{flex-direction:column;text-align:center}.size-label{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:4px;text-transform:uppercase}.size-value{color:#111827;font-size:18px;font-weight:600}.size-arrow{color:#e74c3c;font-size:20px;font-weight:700}.savings-badge{background:#10b981;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px;text-align:center}.actions-applied{margin-top:16px;text-align:left}.actions-applied p{color:#111827;font-size:14px;font-weight:500;margin-bottom:8px}.actions-applied ul{list-style:none;margin:0;padding:0}.actions-applied li{color:#6b7280;font-size:13px;padding:4px 0 4px 16px;position:relative}.actions-applied li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.new-compress-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:14px;padding:12px 24px;transition:all .2s}.new-compress-btn:hover{border-color:#e74c3c;color:#e74c3c}.target-size-input{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.target-input{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:6px 8px;text-align:center;width:80px}.target-input:focus{border-color:#e74c3c;outline:none}.target-unit{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:6px 8px}.target-unit:focus{border-color:#e74c3c;outline:none}.target-note{color:#f59e0b;font-size:11px;font-weight:500;margin-top:4px;width:100%}.ultra-warning-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ultra-warning-content{background:#fff;border-radius:8px;margin:20px;max-width:400px;padding:24px;text-align:center}.ultra-warning-content h3{color:#ef4444;font-size:18px;margin-bottom:16px}.ultra-warning-content p{color:#6b7280;line-height:1.5;margin-bottom:20px}.ultra-warning-buttons{display:flex;gap:12px;justify-content:center}.ultra-warning-buttons button{border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.ultra-warning-buttons .confirm{background:#ef4444;border-color:#ef4444;color:#fff}.ultra-warning-buttons .cancel{background:#fff;color:#6b7280}.mode-option{position:relative}.mode-option input[type=radio]:checked+.mode-content{background:#fef2f2;border-color:#e74c3c}.mode-content strong{align-items:center;display:flex;gap:4px}@media (max-width:768px){.compress-preview{min-height:300px;padding:24px 16px}.preview-thumbnail{margin-bottom:16px;padding:12px}.file-name{font-size:18px}.size-comparison{flex-direction:column;gap:12px}.size-arrow{transform:rotate(90deg)}.advanced-options{padding:12px}.compression-summary{padding:16px}}@media (max-width:480px){.mode-option{padding:8px}.mode-content strong{font-size:13px}.mode-content span{font-size:11px}.file-preview{max-width:100%}.target-size-input{justify-content:center}.target-input{width:70px}}.hero-section .subtitle{color:#6b7280;font-size:1.2rem;font-weight:500;margin:.5rem 0}.hero-section .description{color:#4b5563;font-size:1rem;line-height:1.6;margin:1rem 0}.features-list{grid-gap:.5rem;background:#f9fafb;border-radius:8px;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.5rem 0;padding:1rem}.feature-item{color:#374151;font-size:.9rem;padding:.25rem 0}.related-tools{background:#f8fafc;border-radius:12px;margin:3rem 0;padding:2rem}.related-tools h2{color:#1f2937;font-size:1.5rem;margin-bottom:2rem;text-align:center}.tools-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:800px}.tool-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:inherit;padding:1.5rem;text-decoration:none;transition:all .2s ease}.tool-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.tool-card h3{color:#1f2937;font-size:1.1rem;margin:0 0 .5rem}.tool-card p{color:#6b7280;font-size:.9rem;margin:0}@media (max-width:768px){.features-list,.tools-grid{grid-template-columns:1fr}.related-tools{margin:2rem 0;padding:1rem}}.progress-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.progress-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:90vw;min-width:400px;padding:2rem}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.progress-header h3{color:#495057;margin:0}.close-btn{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{color:#495057}.progress-bar{background:#e9ecef;margin-bottom:1rem}.progress-fill{background:#6c63ff}.progress-text{color:#495057;font-weight:500;margin-bottom:1.5rem;text-align:center}.time-remaining{color:#6c757d;font-size:.85em;font-weight:400;margin-left:8px}.cancel-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;width:100%}.cancel-btn:hover{background:#c82333}.dashboard-header{align-items:center;display:flex;height:64px;justify-content:center}.dashboard-header .logo{align-items:center;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;gap:.5rem}.logo-icon{border-radius:4px;height:32px;width:32px}.dashboard-header .logo:hover{color:#dc2626;transition:color .2s}.config-section{max-width:800px}.file-info h2{margin-bottom:24px}.selected-file{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;justify-content:center;margin:0 auto;max-width:400px;padding:20px}.file-icon{font-size:32px}.file-details{text-align:left}.file-name{color:#111827;font-size:16px;font-weight:500;margin-bottom:4px}.file-size{color:#6b7280;font-size:14px}.conversion-options{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:32px;padding:24px}.conversion-options h3{color:#111827;font-size:20px;font-weight:600;margin-bottom:20px}.form-select{border-radius:6px;padding:10px 12px}.conversion-stats{margin-top:16px}.mode-selector{margin-bottom:24px}.mode-tabs{border:1px solid #e5e7eb;border-radius:6px;display:flex;overflow:hidden}.mode-tab{background:#f9fafb;border:none;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.mode-tab.active{background:#e74c3c;color:#fff}.mode-tab:hover:not(.active){background:#f3f4f6;color:#374151}.extract-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:32px;padding:24px}.scan-section{padding:40px 20px;text-align:center}.scan-section h3{color:#111827;font-size:20px;font-weight:600;margin-bottom:8px}.scan-section p{color:#6b7280;margin-bottom:24px}.images-gallery{margin-top:16px}.gallery-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.gallery-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.gallery-controls{align-items:center;display:flex;gap:16px}.images-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:24px}.image-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:12px;position:relative;transition:all .2s}.image-card:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000001a}.image-card.selected{background:#fef2f2;border-color:#e74c3c}.preview-image{height:120px}.checkbox{height:20px;width:20px}.image-card.selected .checkbox{background:#e74c3c;border-color:#e74c3c;color:#fff}.image-filename{color:#111827;font-size:12px;font-weight:500;margin-bottom:4px;word-break:break-all}.image-meta{color:#6b7280;font-size:11px;margin-bottom:4px}.image-format{color:#9ca3af;font-size:10px;font-weight:500}.extract-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:center;padding-top:16px}@media (max-width:768px){.config-section{padding:24px 16px}.selected-file{flex-direction:column}.file-details,.selected-file{text-align:center}.action-buttons{flex-direction:column}.primary-button,.secondary-button{min-width:auto;width:100%}.conversion-options{padding:16px}.results-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.download-actions{flex-direction:column}.download-zip-btn{min-width:auto;width:100%}.gallery-header,.mode-tabs{flex-direction:column}.gallery-header{align-items:flex-start;gap:12px}.gallery-controls{justify-content:space-between;width:100%}.images-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.extract-actions{flex-direction:column}}.compression-options{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:32px;padding:24px}.compression-options h3{color:#111827;font-size:20px;font-weight:600;margin-bottom:20px}.preset-btn{flex:1 1}.option-help{color:#6b7280;font-size:12px;line-height:1.4;margin-top:6px}.compressed-size{color:#111827;font-weight:500}.savings{color:#10b981;font-weight:500}.result-warnings{margin-top:8px}.warning{background:#fef3cd;border:1px solid #fde68a;border-radius:4px;color:#92400e;font-size:11px;margin-bottom:4px;padding:4px 8px}.ad-placement{position:relative}.ad-label{background:#6c757d;border-radius:4px;color:#fff;font-size:.7rem;font-weight:500;padding:2px 6px;position:absolute;right:8px;text-transform:uppercase;top:-8px}.compression-stats{margin-top:16px}.step-number{align-items:center;background:#e74c3c;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}@media (max-width:768px){.config-section{padding:24px 16px}.images-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.action-buttons,.preset-buttons{flex-direction:column}.primary-button,.secondary-button{min-width:auto;width:100%}.compression-options{padding:16px}.results-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.download-actions{flex-direction:column}.download-zip-btn{min-width:auto;width:100%}}.config-section{margin:0 auto;max-width:900px;padding:40px 24px}.file-info{margin-bottom:32px;text-align:center}.file-info h2{color:#111827;font-size:28px;font-weight:600;margin-bottom:8px}.file-info p{color:#6b7280;font-size:16px}.images-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:32px;padding:24px}.list-header{margin-bottom:20px;padding-bottom:16px}.images-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-item{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:12px;position:relative;transition:all .2s}.image-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000001a}.image-item.selected{background:#fef2f2;border-color:#e74c3c}.image-preview{margin-bottom:8px;position:relative}.preview-image{background:#f9fafb;height:100px;object-fit:cover;width:100%}.selection-overlay{position:absolute;right:4px;top:4px}.checkbox{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:4px;color:#e74c3c;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;width:18px}.image-item.selected .checkbox{background:#e74c3c;border-color:#e74c3c;color:#fff}.image-info{text-align:center}.image-name{color:#111827;font-size:12px;font-weight:500;margin-bottom:4px;word-break:break-all}.image-size{color:#6b7280;font-size:11px}.resize-options{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:32px;padding:24px}.resize-options h3{color:#111827;font-size:20px;font-weight:600;margin-bottom:20px}.presets-section{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:20px}.preset-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.preset-btn{text-align:center}.option-group{margin-bottom:20px}.form-input,.form-select{border-radius:6px;color:#111827;padding:10px 12px;width:100%}.form-input:focus,.form-select:focus{box-shadow:0 0 0 3px #e74c3c1a}.dimension-inputs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.input-group{display:flex;flex-direction:column}.quality-slider,.scale-slider{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;height:6px;outline:none;width:100%}.quality-slider::-webkit-slider-thumb,.scale-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e74c3c;border-radius:50%;cursor:pointer;height:20px;width:20px}.quality-slider::-moz-range-thumb,.scale-slider::-moz-range-thumb{background:#e74c3c;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.primary-button,.secondary-button{min-width:180px}.results-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.result-image{height:120px}.result-meta,.result-sizes{margin-bottom:8px}.result-sizes{align-items:center;display:flex;font-size:12px;gap:6px;justify-content:center}.original-size{color:#6b7280}.arrow{color:#9ca3af}.resized-size{color:#111827;font-weight:500}.resize-stats{margin-top:16px}.mode-info{margin-top:12px}.mode-item{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.mode-label{color:#374151;font-weight:500}.mode-desc{color:#6b7280;font-size:12px}@media (max-width:768px){.dashboard-main,.dashboard-sidebar{padding:16px}.config-section{padding:24px 16px}.images-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dimension-inputs,.preset-buttons{grid-template-columns:1fr}.action-buttons{flex-direction:column}.primary-button,.secondary-button{min-width:auto;width:100%}.results-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.download-actions{flex-direction:column}.download-zip-btn{min-width:auto;width:100%}.hero-section h1{font-size:32px}}.crop-editor{margin:0 auto;max-width:1000px;padding:40px 24px}.editor-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.editor-header h2{color:#111827;font-size:28px;font-weight:600;margin:0}.file-navigation{align-items:center;display:flex;gap:12px}.nav-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.nav-btn:hover:not(:disabled){background:#e5e7eb}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.file-counter{color:#6b7280;font-size:14px;padding:0 8px}.editor-content{align-items:flex-start;display:flex;gap:32px;margin-bottom:32px}.canvas-container{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-shrink:0;height:500px;justify-content:center;overflow:hidden;padding:20px;position:relative;width:600px}.canvas-container,.crop-canvas{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.crop-canvas{-webkit-user-drag:none;border-radius:4px;box-shadow:0 2px 8px #0000001a;max-height:100%;max-width:100%;pointer-events:none}.crop-overlay{background:#e74c3c1a;border:2px solid #e74c3c;pointer-events:auto;position:absolute;-webkit-user-select:none;user-select:none}.crop-overlay:before{border:1px dashed #fff;bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px}.crop-info{border-radius:4px;color:#fff;font-size:12px;font-weight:500;left:0;padding:4px 8px;pointer-events:none;top:-30px;white-space:nowrap}.crop-handle,.crop-info{background:#e74c3c;position:absolute}.crop-handle{border:2px solid #fff;border-radius:2px;height:10px;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:10px;z-index:10}.crop-handle-tl{cursor:nw-resize;left:-5px;top:-5px}.crop-handle-tr{cursor:ne-resize;right:-5px;top:-5px}.crop-handle-bl{bottom:-5px;cursor:sw-resize;left:-5px}.crop-handle-br{bottom:-5px;cursor:se-resize;right:-5px}.crop-handle-t{cursor:n-resize;top:-5px}.crop-handle-b,.crop-handle-t{left:50%;transform:translateX(-50%)}.crop-handle-b{bottom:-5px;cursor:s-resize}.crop-handle-l{cursor:w-resize;left:-5px}.crop-handle-l,.crop-handle-r{top:50%;transform:translateY(-50%)}.crop-handle-r{cursor:e-resize;right:-5px}.crop-move-area{bottom:10px;cursor:move;left:10px;position:absolute;right:10px;top:10px;z-index:5}.crop-controls{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1 1;height:500px;overflow-y:auto;padding:20px;width:100%}.control-group{margin-bottom:20px}.control-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#111827;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.form-select:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a;outline:none}.custom-ratio{align-items:center;display:flex;gap:8px;margin-top:8px}.ratio-input{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:6px 8px;text-align:center;width:60px}.size-presets{margin-bottom:20px}.preset-buttons{display:flex;flex-direction:column;gap:6px;margin-top:8px;width:100%}.preset-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;color:#374151;cursor:pointer;font-size:13px;padding:8px 12px;text-align:left;transition:all .2s;width:100%}.preset-btn:hover{background:#f3f4f6;border-color:#d1d5db}.preset-btn:active{background:#e5e7eb}.numeric-controls{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.numeric-group{display:flex;flex-direction:column;gap:4px}.numeric-group label{color:#6b7280;font-size:12px;font-weight:500}.numeric-input{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:6px 8px;text-align:center}.numeric-input:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a;outline:none}.history-controls{display:flex;gap:8px}.history-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;flex:1 1;font-size:13px;padding:8px 12px;transition:all .2s}.history-btn:hover:not(:disabled){background:#e5e7eb}.history-btn:disabled{cursor:not-allowed;opacity:.5}.result-preview{height:120px}.result-image{border:1px solid #e5e7eb;max-height:120px}.crop-stats,.export-options{margin-top:16px}.option-group{margin-bottom:16px}.option-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.quality-slider{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;height:6px;outline:none;width:100%}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e74c3c;border-radius:50%;cursor:pointer;height:20px;width:20px}.quality-slider::-moz-range-thumb{background:#e74c3c;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}@media (max-width:1024px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{border-left:none;border-top:1px solid #e5e7eb;height:auto;position:relative;top:0}.editor-content{flex-direction:column;gap:24px}.canvas-container{margin:0 auto;max-width:500px;width:100%}.crop-controls{height:auto;width:100%}}@media (max-width:768px){.dashboard-main,.dashboard-sidebar{padding:16px}.crop-editor{padding:24px 16px}.editor-header{align-items:stretch;flex-direction:column;gap:16px}.file-navigation{justify-content:center}.numeric-controls{grid-template-columns:1fr}.action-buttons{flex-direction:column}.primary-button,.secondary-button{min-width:auto;width:100%}.results-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.download-actions{flex-direction:column}.download-zip-btn{min-width:auto;width:100%}.hero-section h1{font-size:32px}.canvas-container{min-height:300px;padding:12px}.crop-canvas{max-height:300px}}.subtitle{color:#6b7280;font-size:18px;font-weight:400;margin-bottom:24px}.tool-description{margin:0 auto 32px;max-width:600px;text-align:left}.tool-description p{color:#374151;font-size:16px;line-height:1.6;margin-bottom:20px}.feature-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.feature-list li{color:#374151;font-size:14px;padding:4px 0 4px 16px;position:relative}.feature-list li:before{color:#10b981;content:"✓";font-weight:600;left:0;position:absolute}.related-tools{background:#f9fafb;border-radius:8px;margin:48px auto;max-width:800px;padding:32px 24px}.related-tools h3{color:#111827;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.related-tools .tools-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tool-link{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;display:block;font-size:14px;font-weight:500;padding:12px 16px;text-align:center;text-decoration:none;transition:all .2s}.tool-link:hover{border-color:#e74c3c;color:#e74c3c;transform:translateY(-1px)}.dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0;padding:0}.bulk-format-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:24px;padding:16px}.sidebar-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.bulk-format-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#111827;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.bulk-format-select:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a;outline:none}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:12px;position:relative;transition:all .15s ease}.dashboard-card:hover{border-color:#e74c3c;box-shadow:0 2px 8px #0000001a}.card-controls{display:flex;gap:4px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .15s}.dashboard-card:hover .card-controls{opacity:1}.control-button{align-items:center;background:#000000b3;border:none;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;transition:background-color .15s;width:20px}.control-button:hover{background:#000000e6}.card-preview{align-items:center;aspect-ratio:3/4;background:#f9fafb;border:1px solid #e5e7eb;border-radius:2px;display:flex;height:180px;justify-content:center;margin-bottom:8px;overflow:hidden;width:100%}.card-thumbnail{border-radius:2px;height:100%;object-fit:cover;width:100%}.preview-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:2rem;height:100%;justify-content:center;width:100%}.card-info{margin-bottom:8px;text-align:center}.card-filename{color:#111827;font-size:12px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{color:#6b7280;font-size:11px}.card-format-select{margin-top:8px}.format-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#111827;font-size:11px;padding:6px 8px;transition:border-color .2s;width:100%}.format-select:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a;outline:none}.floating-actions{bottom:24px;display:flex;flex-direction:column;gap:8px;position:fixed;right:24px}.floating-button{align-items:center;background:#e74c3c;border:none;border-radius:4px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .15s;width:48px}.floating-button:hover{background:#dc2626;transform:translateY(-1px)}.merge-progress{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-top:16px;padding:16px}.progress-bar{margin-bottom:12px}.progress-fill{border-radius:4px}.progress-status{color:#6b7280;font-size:14px;font-weight:500;text-align:center}.error-message{border-radius:4px}@media (max-width:1024px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{border-left:none;border-top:1px solid #e5e7eb;height:auto;position:relative;top:0}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width:768px){.dashboard-main,.dashboard-sidebar{padding:16px}.dashboard-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.hero-section h1{font-size:32px}.feature-list{grid-template-columns:1fr}.tool-description{padding:0 16px}}@media (max-width:480px){.dashboard-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.dashboard-card{padding:8px}.card-preview{height:80px}}.upload-area{cursor:pointer}.upload-icon{font-size:48px;margin-bottom:16px}.upload-area h3{color:#111827;font-size:18px;font-weight:500;margin-bottom:8px}.upload-area p{color:#6b7280;font-size:14px;margin:0}.browser-section{margin:0 auto;max-width:1000px;padding:40px 24px}.browser-header{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:16px}.browser-header h2{color:#111827;font-size:28px;font-weight:600;margin-bottom:16px}.browser-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:14px;min-width:200px;padding:8px 12px;transition:border-color .2s}.search-input:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a;outline:none}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;white-space:nowrap}.checkbox-label input[type=checkbox]{accent-color:#e74c3c;height:16px;width:16px}.file-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:32px}.list-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.select-all-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.select-all-btn:hover{background:#e5e7eb}.selected-count{color:#6b7280;font-size:13px}.entries-list{max-height:400px;overflow-y:auto}.entry-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;padding:12px 20px;transition:all .2s}.entry-item:hover{background:#f9fafb}.entry-item.selected{background:#fef2f2;border-color:#fecaca}.entry-item.directory{background:#f8fafc;cursor:default}.entry-checkbox{margin-right:12px;width:20px}.entry-checkbox input[type=checkbox]{accent-color:#e74c3c;height:16px;width:16px}.entry-icon{flex-shrink:0;font-size:20px;margin-right:12px}.entry-info{flex:1 1;min-width:0}.entry-name{color:#111827;font-size:14px;font-weight:500;margin-bottom:2px;word-break:break-all}.executable-warning{color:#dc2626;font-size:12px;font-weight:600}.entry-meta{color:#6b7280;font-size:12px}.entry-actions{display:flex;gap:8px;margin-left:12px}.preview-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px;transition:background-color .2s}.preview-btn:hover{background:#f3f4f6}.action-buttons{gap:12px;justify-content:center}.primary-button{border-radius:6px;min-width:160px;padding:12px 24px}.primary-button:hover:not(:disabled){background:#dc2626}.secondary-button{background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:16px;font-weight:500;min-width:160px;padding:12px 24px;transition:all .2s}.secondary-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.secondary-button:disabled{cursor:not-allowed;opacity:.5}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;margin-top:16px;padding:12px 16px}.error-message,.success-section{text-align:center}.success-section p{margin-bottom:24px}.results-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:32px}.result-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-align:center;transition:box-shadow .2s}.result-card:hover{box-shadow:0 4px 6px -1px #0000001a}.result-preview{align-items:center;display:flex;height:80px;justify-content:center;margin-bottom:12px}.result-image{border-radius:4px;max-height:80px;max-width:100%;object-fit:contain}.file-icon{font-size:48px}.result-info{margin-bottom:12px}.result-filename{color:#111827;font-size:14px;font-weight:500;margin-bottom:4px;word-break:break-all}.result-meta{color:#6b7280;font-size:12px}.download-single-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s;width:100%}.download-single-btn:hover{background:#dc2626}.download-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:32px}.download-zip-btn{min-width:200px}.sidebar-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.extraction-stats{margin-top:16px}.stat-item{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.stat-label{color:#6b7280}.stat-value{color:#111827;font-weight:500}.steps-list{margin:0;padding:0}.step-item{align-items:center;color:#374151;display:flex;font-size:14px;gap:12px;margin-bottom:16px}.step-text{line-height:1.4}.supported-files{margin-top:12px}.file-type{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.file-label{color:#374151;font-weight:500}.file-desc{color:#6b7280;font-size:12px}.preview-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:16px}.preview-filename{color:#111827;font-size:14px;font-weight:500;margin-bottom:12px;word-break:break-all}.preview-image{border-radius:4px;max-width:100%;object-fit:contain}.preview-image,.preview-text{margin-bottom:12px;max-height:200px}.preview-text{background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;line-height:1.4;overflow-y:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.download-preview-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s;width:100%}.download-preview-btn:hover{background:#dc2626}@media (max-width:768px){.dashboard-main,.dashboard-sidebar{padding:16px}.browser-section{padding:24px 16px}.browser-controls{align-items:stretch;flex-direction:column}.search-input{min-width:auto}.action-buttons{flex-direction:column}.primary-button,.secondary-button{min-width:auto;width:100%}.results-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.download-actions{flex-direction:column}.download-zip-btn{min-width:auto;width:100%}.hero-section h1{font-size:32px}.entry-item{padding:8px 12px}.entry-name{font-size:13px}.entry-meta{font-size:11px}}.upload-area.dragging,.upload-area:hover{background:#fefefe;border-color:#e74c3c}.video-player{background:#000;object-fit:contain}.video-controls{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;gap:16px;margin-top:16px;padding:16px}.play-btn,.video-controls{align-items:center;display:flex}.play-btn{background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:40px;justify-content:center;width:40px}.time-display{color:#6b7280;font-size:14px;white-space:nowrap}.timeline{flex:1 1}.timeline-slider{-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.timeline-slider::-webkit-slider-track{background:#e5e7eb;border-radius:3px;height:6px}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e74c3c;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.timeline-slider::-moz-range-track{background:#e5e7eb;border:none;border-radius:3px;height:6px}.timeline-slider::-moz-range-thumb{background:#e74c3c;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.player-actions{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-top:16px;padding:16px}.player-actions p{color:#6b7280;font-size:14px;font-weight:500;margin:0 0 12px}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.action-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;transition:background .2s}.action-btn:hover{background:#dc2626}.action-btn.secondary{background:#fff;border:1px solid #e74c3c;color:#e74c3c}.action-btn.secondary:hover{background:#e74c3c;color:#fff}.copy-time-btn{align-self:flex-start;background:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:4px;padding:6px 12px;transition:background .2s}.copy-time-btn:hover{background:#4b5563}.toggle-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:12px;margin-bottom:16px;padding:8px 12px;transition:all .2s}.toggle-btn:hover{border-color:#e74c3c;color:#e74c3c}@media (max-width:768px){.dashboard-main,.dashboard-sidebar{padding:16px}.hero-section h1{font-size:32px}.video-controls{flex-direction:column;gap:8px}.action-buttons{justify-content:center}}.dashboard-container{background:#fff;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;min-height:100vh;padding:0;width:100%}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-header .logo{color:#e74c3c;display:block;font-size:24px;font-weight:700;text-align:center;text-decoration:none}.upload-layout{align-items:center;display:flex;flex:1 1;justify-content:center;padding:80px 24px}.hero-section{max-width:600px;text-align:center}.hero-section h1{color:#111827;font-size:42px;font-weight:600;line-height:1.2;margin-bottom:16px}.hero-section p{color:#6b7280;font-size:16px;line-height:1.5;margin-bottom:48px}.upload-area{background:#fff;border:2px dashed #d1d5db;border-radius:4px;margin-bottom:32px;padding:60px 40px;transition:all .2s ease}.upload-area:hover{background:#fefefe;border-color:#e74c3c}.select-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;margin-bottom:16px;padding:16px 32px;transition:background-color .2s}.select-btn:hover{background:#dc2626}.drop-text{color:#9ca3af;font-size:14px;margin:16px 0}.import-options{gap:12px;margin-top:24px}.import-btn,.import-options{display:flex;justify-content:center}.import-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:16px;height:40px;transition:all .2s;width:40px}.import-btn:hover{border-color:#e74c3c}.upload-footer{background:#fff;border-top:1px solid #f3f4f6;color:#9ca3af;font-size:12px;padding:24px;text-align:center}.dashboard-layout{display:grid;grid-template-columns:1fr 320px;margin:0;min-height:calc(100vh - 64px);padding:0;width:100%}.dashboard-main{background:#fff;overflow-y:auto;padding:24px}.dashboard-sidebar{background:#f8fafc;border-left:1px solid #e5e7eb;height:calc(100vh - 64px);overflow-y:auto;padding:24px;position:-webkit-sticky;position:sticky;top:64px}.sidebar-section{margin-bottom:32px}.sidebar-title{color:#111827;font-size:20px;font-weight:600;margin-bottom:16px}.sidebar-text{color:#6b7280;line-height:1.5}.ad-placement,.sidebar-text{font-size:14px;margin-bottom:24px}.ad-placement{align-items:center;background:#9ca3af;border-radius:4px;color:#fff;display:flex;justify-content:center;min-height:250px;padding:20px;text-align:center}.primary-button{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 16px;transition:background-color .2s;width:100%}.primary-button:hover{background:#dc2626}.primary-button:disabled{background:#9ca3af;cursor:not-allowed}.video-preview-section{margin-bottom:24px}.file-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-top:16px;padding:16px}.file-details h3{color:#111827;font-size:16px;font-weight:600;margin-bottom:8px}.file-details p{color:#6b7280;font-size:14px;margin:0}.settings-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.settings-form label{color:#111827;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:8px}.form-input,.form-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:#e74c3c;outline:none}.progress-section{padding:40px 24px;text-align:center}.progress-section h4{color:#111827;font-size:18px;font-weight:600;margin-bottom:24px}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin:0 auto 16px;max-width:400px;overflow:hidden;width:100%}.progress-fill{background:#e74c3c;height:100%;transition:width .3s ease}.complete-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;padding:80px 24px;text-align:center}.success-section{margin-bottom:48px}.success-section h1{color:#111827;font-size:42px;font-weight:600;margin-bottom:16px}.success-section p{color:#6b7280;font-size:16px;margin-bottom:48px}.download-section{margin-bottom:32px}.download-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;padding:16px 32px;transition:background-color .2s}.download-btn:hover{background:#dc2626}.file-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:48px;padding:24px}.info-item{color:#111827;margin-bottom:8px}.continue-section{border-top:1px solid #e5e7eb;padding-top:32px}.new-merge-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:14px;padding:12px 24px;transition:all .2s}.new-merge-btn:hover{border-color:#e74c3c;color:#e74c3c}@media (max-width:1024px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{border-left:none;border-top:1px solid #e5e7eb;height:auto;position:relative;top:0}}@media (max-width:768px){.dashboard-main,.dashboard-sidebar{padding:16px}.hero-section h1{font-size:32px}}.legal-page{background:#f8fafc;min-height:100vh}.legal-content{margin:0 auto;max-width:800px;padding:40px 24px}.legal-content .container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:48px}.legal-content h1{color:#0f172a;font-size:32px;font-weight:600;margin-bottom:8px}.last-updated{color:#64748b;font-size:14px}.last-updated,.legal-content section{margin-bottom:32px}.legal-content h2{color:#0f172a;font-size:20px;font-weight:600;margin-bottom:16px}.legal-content p{color:#334155;line-height:1.6;margin-bottom:16px}.legal-content ul{color:#334155;line-height:1.6;margin-left:20px}.legal-content li{margin-bottom:8px}@media (max-width:768px){.legal-content .container{padding:32px 24px}.legal-content h1{font-size:28px}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8f9fa;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}@media (max-width:768px){body{font-size:14px}}@media (max-width:480px){body{font-size:13px}}#root{min-height:100vh}button,input,select{font-family:inherit}a{color:inherit;text-decoration:none}.ad-inline{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:1.5rem auto;max-width:728px;padding:1.5rem;text-align:center}.ad-sidebar{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1.5rem 0;padding:1rem;text-align:center}.ad-footer{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:2rem auto;max-width:728px;padding:1.5rem;text-align:center;width:calc(100% - 4rem)}@media (max-width:768px){.ad-inline{max-width:100%}.ad-footer,.ad-inline{margin:1rem auto;padding:1rem}.ad-footer{width:calc(100% - 2rem)}}
/*# sourceMappingURL=main.28a2b829.css.map*/