:root{--et-orange: #F7941D;--et-orange-hover: #E8850F;--blue-600: #F7941D;--blue-500: #3B82F6;--blue-400: #60A5FA;--blue-100: #FFF7ED;--blue-50: #FFFBEB;--navy-900: #0F172A;--navy-800: #1E293B;--slate-600: #475569;--slate-500: #64748B;--slate-400: #94A3B8;--slate-200: #E2E8F0;--slate-100: #F1F5F9;--slate-50: #F8FAFC;--green-600: #16A34A;--red-500: #EF4444;--container: 1200px;--card-radius: 16px;--btn-radius: 10px;--shadow-md: 0 4px 12px rgba(0,0,0,.06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;color:var(--slate-600);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}.container{max-width:var(--container);margin:0 auto;padding:0 24px}h1,h2,h3,h4{font-weight:700;color:var(--navy-900);line-height:1.15}.label{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-500);margin-bottom:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--btn-radius);font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none;line-height:1}.btn-primary{background:var(--blue-600);color:#fff;box-shadow:0 1px 3px #f7941d4d}.btn-primary:hover{background:#e8850f;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--slate-600);border:1.5px solid var(--slate-200)}.btn-ghost:hover{border-color:var(--slate-400);color:var(--navy-900)}.btn-orange{background:var(--et-orange);color:#fff;box-shadow:0 1px 3px #f7941d4d}.btn-orange:hover{background:var(--et-orange-hover);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.breadcrumb{padding:12px 0;font-size:13px;color:var(--slate-400)}.breadcrumb a{color:var(--slate-400);text-decoration:none}.breadcrumb a:hover{color:var(--blue-600)}.breadcrumb span{margin:0 6px}.hero-compact{padding:32px 0 24px;text-align:center}.hero-compact h1{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.hero-compact p{font-size:16px;color:var(--slate-500);max-width:580px;margin:0 auto}.tool-panel{max-width:860px;margin:0 auto 48px}.drop-zone{border:2px dashed var(--slate-200);border-radius:16px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s;position:relative;background:var(--slate-50)}.drop-zone:hover,.drop-zone.dragover{border-color:var(--blue-400);background:var(--blue-50)}.drop-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-zone-icon{font-size:40px;margin-bottom:12px}.drop-zone p{font-size:15px;color:var(--slate-500)}.drop-zone em{color:var(--blue-600);font-weight:600;font-style:normal}.drop-zone .hint{font-size:13px;color:var(--slate-400);margin-top:4px}.file-info{display:flex;align-items:center;justify-content:space-between;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:10px;padding:12px 16px;margin-top:16px}.file-info-left{display:flex;align-items:center;gap:10px}.file-info-icon{font-size:20px}.file-info-name{font-size:14px;font-weight:600;color:var(--navy-900)}.file-info-meta{font-size:12px;color:var(--slate-500)}.file-info-remove{background:none;border:none;color:var(--red-500);font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px}.file-info-remove:hover{text-decoration:underline}.mode-tabs{display:flex;gap:8px;margin:24px 0 16px}.mode-tab{flex:1;padding:14px 16px;border:1.5px solid var(--slate-200);border-radius:10px;background:#fff;cursor:pointer;text-align:center;transition:all .15s}.mode-tab:hover{border-color:var(--slate-400)}.mode-tab.active{border-color:var(--blue-500);background:var(--blue-50)}.mode-tab-title{font-size:14px;font-weight:700;color:var(--navy-900);margin-bottom:2px}.mode-tab-desc{font-size:12px;color:var(--slate-500)}.options-row{display:flex;gap:24px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.option-group{display:flex;align-items:center;gap:8px}.option-group label{font-size:13px;font-weight:600;color:var(--navy-900);white-space:nowrap}.option-group input[type=range]{width:120px;accent-color:var(--blue-600)}.option-value{font-size:13px;color:var(--slate-500);min-width:36px}.pages-header{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.pages-header h3{font-size:15px}.pages-actions{display:flex;gap:8px}.pages-actions button{background:none;border:none;font-size:13px;font-weight:600;color:var(--blue-600);cursor:pointer;padding:4px 8px}.pages-actions button:hover{text-decoration:underline}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px}.page-thumb{position:relative;border:2px solid var(--slate-200);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .15s;background:#fff}.page-thumb:hover{border-color:var(--slate-400)}.page-thumb.selected{border-color:var(--blue-500);box-shadow:0 0 0 3px #f7941d26}.page-thumb canvas{display:block;width:100%;height:auto}.page-thumb-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;border:2px solid var(--slate-300);background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s}.page-thumb.selected .page-thumb-check{background:var(--blue-600);border-color:var(--blue-600);color:#fff}.page-thumb-num{position:absolute;bottom:0;left:0;right:0;background:#0f172ab3;color:#fff;font-size:11px;font-weight:600;text-align:center;padding:3px 0}.download-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--slate-50);border:1px solid var(--slate-200);border-radius:12px;flex-wrap:wrap}.download-info{font-size:14px;color:var(--slate-600)}.download-info strong{color:var(--navy-900)}.progress-bar{width:100%;height:6px;background:var(--slate-200);border-radius:3px;overflow:hidden;margin-top:12px;display:none}.progress-bar-fill{height:100%;background:var(--blue-600);border-radius:3px;transition:width .2s;width:0%}.progress-text{font-size:13px;color:var(--slate-500);margin-top:6px;text-align:center;display:none}.hidden{display:none!important}.banner-cta{background:linear-gradient(135deg,var(--navy-900) 0%,#1e3a5f 100%);padding:64px 24px;text-align:center;color:#fff}.banner-cta .label{color:var(--blue-400)}.banner-cta h2{color:#fff;font-size:clamp(1.3rem,3vw,1.8rem);margin-bottom:12px}.banner-cta p{color:#ffffffb3;max-width:540px;margin:0 auto 24px}.btn-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.steps-section{padding:64px 24px;text-align:center}.steps-section h2{margin-bottom:40px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:900px;margin:0 auto}.step{text-align:center}.step-icon{width:48px;height:48px;border-radius:12px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--blue-600)}.step-num{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--blue-500);margin-bottom:6px}.step h3{font-size:16px;margin-bottom:6px}.step p{font-size:14px;color:var(--slate-500)}.faq-section{max-width:720px;margin:0 auto;padding:64px 24px}.faq-section h2{text-align:center;margin-bottom:32px}.faq-item{border-bottom:1px solid var(--slate-200)}.faq-q{padding:16px 0;font-size:15px;font-weight:600;color:var(--navy-900);cursor:pointer;display:flex;align-items:center;justify-content:space-between}.faq-q:after{content:"+";font-size:20px;font-weight:400;color:var(--slate-400);transition:transform .2s}.faq-q.open:after{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;font-size:14px;color:var(--slate-500);line-height:1.7}.faq-a.open{max-height:200px;padding-bottom:16px}.footer a:hover{color:var(--blue-600)}.footer div:last-child{font-size:12px;color:var(--slate-400);margin-top:8px}@media(max-width:640px){.steps-grid{grid-template-columns:1fr;gap:24px}.mode-tabs{flex-direction:column}.options-row{flex-direction:column;align-items:flex-start;gap:12px}.download-bar{flex-direction:column;text-align:center}.pages-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}