#ce-wrapper{all:initial;font-family:'Inter',sans-serif;display:block;width:100%;height:800px;background-color:#F4F7FA;position:relative;border:1px solid #E0E0E0;overflow:hidden;box-sizing:border-box}#ce-wrapper *{box-sizing:border-box}#ce-wrapper .app-container{display:flex;height:100%;width:100%}#ce-wrapper .sidebar{width:260px;background-color:#FFF;border-right:1px solid #E0E0E0;display:flex;flex-direction:column;z-index:10}#ce-wrapper .brand{padding:24px;font-weight:700;font-size:1.2rem;color:#4A6FA5;border-bottom:1px solid #E0E0E0;display:flex;align-items:center}#ce-wrapper .nav-links{flex:1;padding:20px 0;overflow-y:auto}#ce-wrapper .nav-links a{display:block;padding:12px 24px;text-decoration:none;color:#666;font-weight:500;font-size:15px}#ce-wrapper .nav-links a.active{color:#4A6FA5;background-color:rgb(74 111 165 / .1);border-right:3px solid #4A6FA5}#ce-wrapper .sidebar-footer{padding:20px;font-size:.8rem;color:#666;border-top:1px solid #E0E0E0}#ce-wrapper .main-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;background-color:#F4F7FA;position:relative}#ce-wrapper .top-bar{padding:16px 32px;display:flex;justify-content:space-between;align-items:center;background-color:#FFF;border-bottom:1px solid #E0E0E0;min-height:60px}#ce-wrapper #sidebarToggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#333}#ce-wrapper #themeBtn{background:none;border:1px solid #E0E0E0;padding:8px;border-radius:50%;cursor:pointer;font-size:1.2rem}#ce-wrapper .tool-wrapper{max-width:800px;margin:40px auto;padding:0 24px;width:100%}#ce-wrapper h1{font-size:2rem;margin:0 0 10px 0;color:#4A6FA5;font-weight:700;line-height:1.2}#ce-wrapper .tool-desc{color:#666;margin-bottom:32px;font-size:1rem}#ce-wrapper .converter-box{background:#FFF;padding:40px;border-radius:8px;box-shadow:0 4px 12px rgb(0 0 0 / .05);text-align:center;margin-bottom:40px}#ce-wrapper .drop-zone{border:2px dashed #4A6FA5;border-radius:8px;padding:40px;background-color:rgb(74 111 165 / .02);cursor:pointer;transition:all 0.3s}#ce-wrapper .drop-zone:hover{background-color:rgb(74 111 165 / .08)}#ce-wrapper .icon-container svg{display:block;margin:0 auto 16px auto}#ce-wrapper h3{margin:10px 0;font-size:1.25rem;color:#333}#ce-wrapper .browse-btn{color:#4A6FA5;font-weight:600;text-decoration:underline}#ce-wrapper .limit-text{font-size:.85rem;color:#999;margin-top:10px}#ce-wrapper .hidden{display:none!important}#ce-wrapper .file-info{display:flex;align-items:center;background:#F4F7FA;padding:16px;border-radius:8px;margin-bottom:24px}#ce-wrapper .file-icon{background:#FF4D4D;color:#fff;padding:8px 12px;border-radius:4px;font-weight:700;margin-right:16px;font-size:.8rem}#ce-wrapper .file-details{flex:1;text-align:left;display:flex;flex-direction:column}#ce-wrapper #fileName{font-weight:600;color:#333}#ce-wrapper #fileSize{font-size:.8rem;color:#666}#ce-wrapper .remove-btn{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer}#ce-wrapper .cta-btn{background-color:#4A6FA5;color:#fff;border:none;padding:14px 32px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;width:100%;display:block}#ce-wrapper .cta-btn:hover{background-color:#3A5884}#ce-wrapper .cta-btn.secondary{background-color:#6B8E23}#ce-wrapper .cta-btn.secondary:hover{background-color:#55701b}#ce-wrapper .text-btn{background:none;border:none;color:#666;text-decoration:underline;margin-top:15px;cursor:pointer;font-size:.9rem}#ce-wrapper .progress-container{margin-top:20px;text-align:left}#ce-wrapper .progress-label{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.9rem}#ce-wrapper .progress-bar-bg{width:100%;height:10px;background:#F4F7FA;border-radius:5px;overflow:hidden}#ce-wrapper .progress-bar-fill{height:100%;width:0%;background:#6B8E23;transition:width 0.3s}#ce-wrapper .info-section{margin-top:40px}#ce-wrapper .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}#ce-wrapper .step-card{background:#fff;padding:20px;border-radius:8px;border:1px solid #E0E0E0;text-align:center}#ce-wrapper .step-num{display:inline-block;width:30px;height:30px;background:rgb(74 111 165 / .1);color:#4A6FA5;border-radius:50%;line-height:30px;font-weight:700;margin-bottom:10px}@media (max-width:768px){#ce-wrapper .sidebar{position:absolute;left:-100%;height:100%;box-shadow:2px 0 10px rgb(0 0 0 / .1);transition:left 0.3s}#ce-wrapper .sidebar.active{left:0}#ce-wrapper #sidebarToggle{display:block}#ce-wrapper .steps-grid{grid-template-columns:1fr}}