.app-container{background-color:var(--bg-secondary);display:flex;height:100vh;width:100%}.main-content{flex:1 1;flex-direction:column}.content-area,.main-content{display:flex;overflow:hidden}.content-area{flex:1 1}.page-wrapper{background-color:var(--bg-secondary);flex:1 1;overflow-y:auto;padding:2rem}.right-panel{background-color:var(--bg-primary);border-left:1px solid var(--border-color);display:none;overflow-y:auto;padding:1.5rem;width:300px}@media (min-width:1440px){.right-panel{display:block}}@media (max-width:768px){.page-wrapper{padding:1rem}.content-area{flex-direction:column}.right-panel{display:none!important}}.page-wrapper::-webkit-scrollbar{width:8px}.page-wrapper::-webkit-scrollbar-track{background:#0000}.page-wrapper::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.sidebar{background-color:var(--bg-primary);border-right:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100vh;padding:1.5rem 0;transition:all .3s ease;width:260px;z-index:100}.sidebar-header{align-items:center;display:flex;gap:.75rem;margin-bottom:2rem;padding:0 1.5rem}.logo-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.logo-text{color:var(--text-primary);font-size:16px;font-weight:700}.sidebar-nav{flex:1 1;overflow-y:auto;padding:0 .75rem}.menu-list{list-style:none}.menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.menu-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.menu-item.active{background-color:#16a34a1a;color:var(--primary);font-weight:600}.menu-icon{font-size:18px;text-align:center;width:20px}.menu-label{flex:1 1;text-align:left}.sidebar-footer{border-top:1px solid var(--border-color);padding:1rem 1.5rem;text-align:center}.version-text{color:var(--text-light);font-size:12px;margin-bottom:.25rem}.footer-note{color:var(--primary);font-size:12px;font-weight:600}@media (max-width:768px){.sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:260px;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar.closed{transform:translateX(-100%)}}.top-bar{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);height:70px;justify-content:space-between;padding:0 2rem}.top-bar,.topbar-left{align-items:center;display:flex}.topbar-left{flex:1 1;gap:1.5rem}.hamburger-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;height:24px;width:30px}.hamburger-btn span{background-color:var(--text-primary);border-radius:2px;height:2px;transition:all .3s ease;width:100%}.search-container{flex:1 1;max-width:400px;position:relative}.search-input{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:.625rem 1rem .625rem 2.5rem;transition:all .2s ease;width:100%}.search-input:focus{background-color:var(--bg-primary);border-color:var(--primary);box-shadow:0 0 0 3px #16a34a1a;outline:none}.search-icon{color:var(--text-light);font-size:16px;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.topbar-right{gap:1rem}.topbar-right,.upload-btn{align-items:center;display:flex}.upload-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.upload-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.upload-btn:active{transform:translateY(0)}@media (max-width:768px){.top-bar{height:60px;padding:0 1rem}.hamburger-btn{display:flex}.search-container{max-width:200px}.search-input{font-size:13px;padding:.5rem 1rem .5rem 2rem}.upload-btn{font-size:12px;padding:.5rem .75rem}.topbar-left{gap:1rem}}@media (max-width:480px){.search-container{display:none}.topbar-left{flex:0 1}}.tool-card{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative;text-align:left;transition:all .2s ease}.tool-card:before{background:linear-gradient(135deg,#16a34a0d,#0000);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s ease;width:100%}.tool-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card:hover:before{opacity:1}.card-icon{align-items:center;background-color:#16a34a1a;border-radius:10px;display:flex;flex-shrink:0;font-size:32px;height:50px;justify-content:center;width:50px}.card-content{flex:1 1;min-width:0}.card-title{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:.25rem}.card-description{color:var(--text-secondary);font-size:13px;margin:0}.card-badge{background-color:#10b9811a;border-radius:4px;color:var(--success);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:.25rem .65rem;text-transform:uppercase}.card-arrow{color:var(--primary);flex-shrink:0;font-size:18px;transition:transform .2s ease}.tool-card:hover .card-arrow{transform:translateX(4px)}@media (max-width:768px){.tool-card{gap:.75rem;padding:1rem}.card-icon{font-size:24px;height:44px;width:44px}.card-title{font-size:14px}.card-description{font-size:12px}}.ad-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.ad-label{background-color:var(--bg-tertiary);color:var(--text-light);font-size:11px;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.ad-content{padding:1rem}.ad-placeholder{background:linear-gradient(135deg,#16a34a0d,#16a34a05);border:1px dashed #16a34a33;border-radius:8px;color:var(--text-secondary);padding:2rem 1rem;text-align:center}.ad-placeholder p{font-size:13px;font-weight:600;margin:0}.ad-container.top{margin-bottom:2rem;margin-top:0}.ad-container.sidebar{margin-bottom:1.5rem}@media (max-width:1440px){.ad-container.sidebar{display:none}}.dashboard{max-width:1200px}.dashboard-header{margin-bottom:3rem}.dashboard-header h1{margin-bottom:.5rem}.dashboard-subtitle{color:var(--text-secondary);font-size:18px}.tool-section{margin-bottom:3rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{margin:0}.view-all-btn{background-color:initial;border:1px solid var(--border-color);border-radius:6px;color:var(--primary);cursor:pointer;font-size:13px;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.view-all-btn:hover{background-color:#16a34a0d;border-color:var(--primary)}.tool-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.features-section{background:linear-gradient(135deg,#16a34a0d,#16a34a05);border:1px solid #16a34a1a;border-radius:12px;margin-top:3rem;padding:3rem}.features-section h2{margin-bottom:2rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-card{text-align:center}.feature-icon{display:inline-block;font-size:40px;margin-bottom:1rem}.feature-card h3{color:var(--text-primary);margin-bottom:.5rem}.feature-card p{color:var(--text-secondary);font-size:14px;margin:0}@media (max-width:768px){.tool-grid{gap:1rem;grid-template-columns:1fr}.features-section{padding:2rem}.features-grid{gap:1rem;grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.view-all-btn{text-align:center;width:100%}}.file-upload{background-color:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;padding:3rem;text-align:center;transition:all .2s ease}.file-upload:hover{background-color:#16a34a05;border-color:var(--primary)}.file-upload.dragging{background-color:#16a34a0d;border-color:var(--primary);box-shadow:var(--shadow-md)}.upload-content{align-items:center;display:flex;flex-direction:column;gap:.75rem}.upload-icon{font-size:48px;margin-bottom:.5rem}.file-upload h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.file-upload p{color:var(--text-secondary);font-size:14px;margin:0}.upload-hint{color:var(--text-light);font-size:12px;margin-top:.5rem!important}@media (max-width:768px){.file-upload{padding:2rem}.upload-icon{font-size:36px}.file-upload h3{font-size:16px}.file-upload p{font-size:13px}}.tool-page{max-width:900px}.page-description{color:var(--text-secondary);font-size:16px;margin-bottom:2rem}.tool-container{background-color:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-sm);padding:2rem}.file-preview{background-color:var(--bg-tertiary);border-left:4px solid var(--primary);border-radius:8px;margin-top:1.5rem;padding:1rem}.file-preview p{font-size:14px;font-weight:500;margin:0 0 .5rem}.file-size{color:var(--text-light);font-size:13px!important}.compression-settings{margin-bottom:2rem;margin-top:2rem}.compression-settings label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:1rem}.level-options{display:flex;gap:1rem;margin-bottom:1rem}.level-btn{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:.75rem;transition:all .2s ease}.level-btn:hover{background-color:#16a34a0d;border-color:var(--primary)}.level-btn.active{background-color:#16a34a1a;border-color:var(--primary);color:var(--primary)}.level-hint{color:var(--text-light);font-size:13px;margin:0}.download-btn,.primary-btn,.secondary-btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:1rem;padding:.875rem;transition:all .2s ease;width:100%}.primary-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff}.primary-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.primary-btn:disabled{cursor:not-allowed;opacity:.5}.download-btn{align-items:center;background-color:var(--success);color:#fff;display:flex;gap:.5rem;justify-content:center;text-decoration:none}.download-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.secondary-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.secondary-btn:hover{background-color:var(--border-color)}.result-container{text-align:center}.result-success{margin-bottom:2rem}.success-icon{align-items:center;background-color:#10b9811a;border-radius:50%;color:var(--success);display:inline-flex;font-size:32px;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.result-success h2{color:var(--text-primary)}.stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.stat{background-color:var(--bg-tertiary);border-radius:8px;padding:1rem}.stat-label{color:var(--text-light);display:block;font-size:12px;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:var(--primary);display:block;font-size:24px;font-weight:700}.form-group{margin-bottom:2rem;margin-top:2rem}.form-group label{color:var(--text-primary);display:block;font-size:15px;font-weight:600;margin-bottom:1rem}.form-group input[type=range],.form-group input[type=text]{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;margin-bottom:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group input[type=range]:focus,.form-group input[type=text]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #16a34a1a;outline:none}.form-group input[type=range]{margin-bottom:1rem;padding:.5rem}.result-section{padding:2rem;text-align:center}.result-success{color:var(--success);font-size:18px;font-weight:600;margin-bottom:1.5rem}@media (max-width:768px){.tool-container{padding:1.5rem}.level-options{gap:.5rem}.stats{grid-template-columns:1fr}}.dimensions-section,.preset-section{margin-bottom:2rem}.dimensions-section label,.preset-section label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:1rem}.preset-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.preset-btn{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease}.preset-btn:hover{background-color:#16a34a0d;border-color:var(--primary)}.preset-btn.active{background-color:#16a34a1a;border-color:var(--primary);color:var(--primary)}.dimension-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.input-group{display:flex;flex-direction:column}.input-group label{color:var(--text-secondary);font-size:13px;font-weight:600;margin-bottom:.5rem}.input-group input{border:1px solid var(--border-color);border-radius:6px;font-size:14px;padding:.625rem .75rem}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #16a34a1a;outline:none}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:.75rem}.checkbox-label input{cursor:pointer}@media (max-width:768px){.preset-buttons{gap:.5rem}.preset-btn{font-size:12px;padding:.5rem .75rem}.dimension-inputs{grid-template-columns:1fr}}.format-section{margin-bottom:2rem}.format-section label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:1rem}.format-buttons{display:flex;gap:1rem;margin-bottom:1rem}.format-btn{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:.875rem;transition:all .2s ease}.format-btn:hover{background-color:#16a34a0d;border-color:var(--primary)}.format-btn.active{background-color:#16a34a1a;border-color:var(--primary);color:var(--primary)}.format-info{color:var(--text-light);font-size:13px;margin:0}@media (max-width:768px){.format-buttons{gap:.5rem}.format-btn{font-size:13px}}.page-layout{display:flex;gap:2rem}.tool-sidebar{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.tool-selector{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.tool-selector:hover{background-color:#16a34a0d;border-color:var(--primary)}.tool-selector.active{background-color:#16a34a1a;border-color:var(--primary);color:var(--primary);font-weight:600}.tool-content{flex:1 1;min-width:0}@media (max-width:768px){.page-layout{flex-direction:column;gap:1rem}.tool-sidebar{flex-direction:row;min-width:auto}.tool-selector{flex:1 1}}.file-list{margin-bottom:2rem;margin-top:1.5rem}.file-list label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:1rem}.file-list ul{display:flex;flex-direction:column;gap:.75rem;list-style:none}.file-list li{align-items:center;background-color:var(--bg-tertiary);border-left:4px solid var(--primary);border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem}.file-list li span{color:var(--text-primary);font-size:14px}.remove-btn{background-color:var(--error);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:.25rem .5rem;transition:all .2s ease}.remove-btn:hover{opacity:.9}.split-files{margin-bottom:2rem;margin-top:2rem}.split-files label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:1rem}.file-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.file-download-card{align-items:center;background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1rem;text-decoration:none;transition:all .2s ease}.file-download-card:hover{background-color:#16a34a0d;border-color:var(--primary);transform:translateY(-2px)}.file-download-card span:first-child{font-size:32px;margin-bottom:.5rem}.file-download-card span:last-child{font-size:13px;font-weight:600}@media (max-width:768px){.file-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.file-download-card{padding:1rem .5rem}.file-download-card span:first-child{font-size:24px}}:root{--primary:#16a34a;--primary-dark:#15803d;--primary-light:#22c55e;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f5f9;--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#9ca3af;--border-color:#e5e7eb;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background-color:#f8f9fa;background-color:var(--bg-secondary);color:#1f2937;color:var(--text-primary);font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:28px;font-weight:700;letter-spacing:-.02em}h2{font-size:24px;letter-spacing:-.01em}h2,h3{font-weight:600}h3{font-size:20px}h4{font-size:16px;font-weight:600}p{color:#6b7280;color:var(--text-secondary);font-size:14px;line-height:1.6}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#16a34a;background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#15803d;background:var(--primary-dark)}
/*# sourceMappingURL=main.3e0b1b34.css.map*/