:root{--bg-color:#f4f7f6;--text-color:#2d3436;--card-bg:#fff;--button-bg:#2d3436;--button-text:#fff;--button-hover:#000;--accent-color:#0984e3;--premium-gold:#f5a623;--error-red:#d63031}body.dark-mode{--bg-color:#0f1111;--text-color:#f5f6fa;--card-bg:#1e2124;--button-bg:var(--premium-gold);--button-text:#0f1111;--button-hover:#e69500}*{box-sizing:border-box}body{background:var(--bg-color);color:var(--text-color);margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.6}header{color:#fff;background:linear-gradient(135deg,#0984e3 0%,#00b894 100%);border-radius:0 0 40px 40px;padding-bottom:80px}.nav-container{justify-content:space-between;align-items:center;max-width:1000px;margin:auto;padding:20px;display:flex}.hero{text-align:center;max-width:800px;margin:auto;padding:40px 20px}.hero h1{margin:0 0 20px;font-size:3rem;line-height:1.1}.highlight{color:var(--premium-gold)}.tool-container{max-width:800px;margin:-60px auto 40px;padding:0 20px}.tool-card{background:var(--card-bg);border-radius:20px;padding:30px;box-shadow:0 15px 35px #0000001a}.drop-zone{text-align:center;cursor:pointer;border:2px dashed #dfe6e9;border-radius:12px;padding:40px 20px}.drop-zone.dragover{border-color:var(--accent-color);background:#0984e30d}.page-size-selector{flex-wrap:wrap;gap:20px;margin:25px 0;display:flex}.control-group{flex-direction:column;flex:1;gap:8px;min-width:140px;display:flex}#preview-strip{gap:15px;min-height:120px;padding:20px 0;display:flex;overflow-x:auto}.preview-item{flex-shrink:0;position:relative}.preview-item img{cursor:grab;border:1px solid #dfe6e9;border-radius:8px;height:100px}.delete-btn{background:var(--error-red);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 8px #0003}.ocr-progress{background:#f1f2f6;border-radius:10px;margin:20px 0;padding:15px}.progress-track{background:#dfe6e9;border-radius:4px;height:8px;margin-top:8px;overflow:hidden}#ocrProgressBar{background:var(--accent-color);width:0%;height:100%;transition:width .3s}.action-row{gap:15px;margin-top:20px;display:flex}button{cursor:pointer;border:none;border-radius:8px;padding:12px 20px}.primary-btn{background:var(--button-bg);color:var(--button-text);flex:2;font-weight:700}.secondary-btn{border:1px solid var(--error-red);color:var(--error-red);background:0 0;flex:1}.features{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1000px;margin:60px auto;padding:20px;display:grid}.premium-badge{background:var(--premium-gold);color:#000;border-radius:4px;margin-left:5px;padding:2px 6px;font-size:10px;font-weight:800}.hidden{display:none}footer{text-align:center;opacity:.6;padding:40px}@media (max-width:600px){.page-size-selector,.action-row{flex-direction:column}}.faq-section{background:var(--card-bg);border-top:1px solid #dfe6e9;padding:60px 20px}.faq-container{max-width:800px;margin:0 auto}.faq-container h2{text-align:center;margin-bottom:40px;font-size:2rem}.faq-item{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}.faq-item h4{color:var(--accent-color);margin:0 0 10px;font-size:1.15rem}.faq-item p{opacity:.8;margin:0;line-height:1.6}