.ce-tool-wrapper{--primary-color:#4A6FA5;--secondary-color:#6B8E23;--bg-light:#f4f7f6;--sidebar-bg:#2c3e50;--text-dark:#333;--text-light:#fff;--border-color:#ddd;--shadow:0 4px 6px rgba(0,0,0,0.1);--radius:8px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:var(--text-dark);min-height:800px;background-color:var(--bg-light);border:1px solid #eee;margin:20px 0}.ce-tool-wrapper *{box-sizing:border-box}.ce-tool-wrapper .app-container{display:flex;min-height:800px}.ce-tool-wrapper .sidebar{width:260px;background-color:var(--sidebar-bg);color:var(--text-light);display:flex;flex-direction:column;padding:20px;transition:width 0.3s ease}.ce-tool-wrapper .brand{font-size:1.5rem;font-weight:700;margin-bottom:40px;display:flex;align-items:center;gap:10px;color:var(--secondary-color)}.ce-tool-wrapper .sidebar nav a{display:flex;align-items:center;gap:12px;color:#b0c4de;text-decoration:none;padding:12px 15px;border-radius:var(--radius);margin-bottom:5px;transition:all 0.2s;font-weight:400;border:none}.ce-tool-wrapper .sidebar nav a:hover,.ce-tool-wrapper .sidebar nav a.active{background-color:rgb(255 255 255 / .1);color:var(--text-light);border-left:4px solid var(--secondary-color)}.ce-tool-wrapper .sidebar-footer{margin-top:auto;font-size:.8rem;color:#7f8c8d;text-align:center}.ce-tool-wrapper .main-content{flex:1;overflow-y:auto;padding:40px;display:flex;flex-direction:column;gap:30px}.ce-tool-wrapper .tool-header h1{color:var(--primary-color);margin-bottom:10px;font-size:2rem;line-height:1.2}.ce-tool-wrapper .tool-workspace{background:#fff;padding:40px;border-radius:var(--radius);box-shadow:var(--shadow);max-width:800px;margin:0 auto;width:100%}.ce-tool-wrapper .dropzone{border:2px dashed var(--primary-color);border-radius:var(--radius);padding:50px;text-align:center;cursor:pointer;transition:background 0.3s;background:#f8faff}.ce-tool-wrapper .dropzone:hover,.ce-tool-wrapper .dropzone.dragover{background-color:#eef2f7;border-color:var(--secondary-color)}.ce-tool-wrapper .dropzone-content i{font-size:3rem;color:var(--primary-color);margin-bottom:15px}.ce-tool-wrapper .hidden{display:none!important}.ce-tool-wrapper .file-info-card{display:flex;align-items:center;padding:15px;background:#f8f9fa;border-radius:var(--radius);margin-bottom:25px}.ce-tool-wrapper .file-icon{font-size:1.5rem;color:#e74c3c;margin-right:15px}.ce-tool-wrapper .file-details{flex:1;display:flex;flex-direction:column;text-align:left}.ce-tool-wrapper .meta-text{font-size:.85rem;color:#777}.ce-tool-wrapper .icon-btn{background:none;border:none;cursor:pointer;color:#999;font-size:1.1rem;padding:5px}.ce-tool-wrapper .icon-btn:hover{color:#e74c3c}.ce-tool-wrapper .compression-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px;text-align:left}.ce-tool-wrapper .control-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-dark)}.ce-tool-wrapper input[type="range"],.ce-tool-wrapper select{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius);background:#fff}.ce-tool-wrapper .range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#666;margin-top:5px}.ce-tool-wrapper .primary-btn{background-color:var(--primary-color);color:#fff;border:none;padding:12px 25px;border-radius:var(--radius);cursor:pointer;font-size:1rem;width:100%;transition:background 0.2s;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.ce-tool-wrapper .primary-btn:hover{background-color:#3b5a85;color:#fff}.ce-tool-wrapper .secondary-btn{background-color:#fff0;color:var(--text-dark);border:1px solid var(--border-color);padding:10px 20px;border-radius:var(--radius);cursor:pointer;margin-top:10px;width:100%}.ce-tool-wrapper .secondary-btn:hover{background-color:#f1f1f1}.ce-tool-wrapper .progress-area{margin-top:20px}.ce-tool-wrapper .progress-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}.ce-tool-wrapper .progress-bar-track{height:10px;background:#e0e0e0;border-radius:5px;overflow:hidden}.ce-tool-wrapper .progress-bar-fill{height:100%;background:var(--secondary-color);width:0%;transition:width 0.3s ease}.ce-tool-wrapper .result-area{text-align:center}.ce-tool-wrapper .success-message i{font-size:3rem;color:var(--secondary-color);margin-bottom:10px}.ce-tool-wrapper .stats-comparison{display:flex;justify-content:center;align-items:center;gap:20px;margin:25px 0;padding:15px;background:#f0f7e6;border-radius:var(--radius);border:1px solid #d4eac0}.ce-tool-wrapper .stat-box{display:flex;flex-direction:column}.ce-tool-wrapper .stat-box.savings strong{color:var(--secondary-color)}.ce-tool-wrapper .download-btn{background-color:var(--secondary-color)}.ce-tool-wrapper .download-btn:hover{background-color:#55721c}.ce-tool-wrapper .info-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:800px;margin:0 auto}.ce-tool-wrapper .info-card{background:#fff;padding:20px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:left}.ce-tool-wrapper .info-card h3{margin-bottom:10px;font-size:1.1rem;color:var(--primary-color);display:flex;gap:10px;align-items:center}.ce-tool-wrapper .info-card p,.ce-tool-wrapper .tech-list li{font-size:.9rem;color:#555;line-height:1.5}.ce-tool-wrapper .tech-list{list-style-position:inside}@media (max-width:768px){.ce-tool-wrapper .app-container{flex-direction:column;height:auto}.ce-tool-wrapper .sidebar{width:100%;padding:15px;flex-direction:row;justify-content:space-between;align-items:center}.ce-tool-wrapper .brand{margin-bottom:0}.ce-tool-wrapper .sidebar nav{display:none}.ce-tool-wrapper .sidebar-footer{display:none}.ce-tool-wrapper .main-content{padding:20px}.ce-tool-wrapper .compression-controls{grid-template-columns:1fr}.ce-tool-wrapper .info-section{grid-template-columns:1fr}}