@keyframes gentle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}*{box-sizing:border-box}:root{--bg:#f7f8fb;--text:#1f2937;--muted:#6b7280;--card:#ffffff;--border:#e5e7eb;--primary-dark:#152255}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text);background:var(--bg);max-width:1000px;margin:0 auto;padding:0 16px 32px}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:8px 12px;background:var(--primary);color:#fff;border-radius:8px;z-index:1000}header{text-align:center;padding:1.25rem 0;background:linear-gradient(135deg,var(--primary, #1a2a6c),var(--header-end, #2c3e50));color:#fff;border-radius:10px;margin-bottom:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}header h1{font-size:2rem;margin-bottom:.25rem}.header-content{position:relative}.home-btn{position:absolute;left:1rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.2);border-radius:8px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px rgba(0,0,0,.25);transition:all .2s ease;z-index:10;color:#fff}.home-btn:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.35)}.home-btn:focus-visible{outline:3px solid rgba(255,255,255,.8);outline-offset:2px}.home-btn svg{width:20px;height:20px;stroke:#fff}.btn,.subheader{align-items:center;justify-content:center}.subheader{margin-top:.25rem;font-size:1rem;font-weight:500;opacity:.9;display:flex;gap:.5rem}main{display:flex;flex-direction:column;gap:1.25rem}section{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 1px 2px rgba(16,24,40,.05)}section h2{margin:0 0 .5rem;color:var(--text);font-size:1.25rem}section p{color:var(--muted)}.btn{display:inline-flex;padding:8px 12px;min-height:40px;border:1px solid var(--btn-border, #24305b);border-radius:8px;background:var(--btn-bg, #10163a);color:var(--btn-fg, #dbe5ff);text-decoration:none;transition:all .15s ease;font-weight:600;cursor:pointer}.btn:hover{border-color:var(--btn-border-hover, #3a4e9f);transform:translateY(-1px)}.btn-primary{background:var(--primary, #1a2a6c);border-color:var(--primary, #1a2a6c);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--focus-ring, rgba(26,42,108,.35));outline-offset:2px}.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}.top-controls{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.control-row{display:flex;gap:1rem;align-items:end}.control-row .input-group{flex:1}.control-row .btn{flex-shrink:0;white-space:nowrap}.reset-row{justify-content:center}.hint-target{position:relative;overflow:visible}.hint-target::after,.hint-target::before{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);opacity:0;pointer-events:none;z-index:1000}.hint-target::after{content:attr(data-hint);background:var(--primary);color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;white-space:nowrap;transition:opacity .3s ease,transform .3s ease;margin-bottom:8px}.hint-target::before{content:"";border:6px solid transparent;border-top-color:var(--primary);transition:opacity .3s ease;margin-bottom:2px}.hint-target:hover::after,.hint-target:hover::before{opacity:1}.hint-target:hover{animation:gentle-pulse 2s infinite}.btn-small{padding:6px 10px;min-height:32px;font-size:.85rem;font-weight:500;border-radius:20px}.btn-small:hover{transform:translateY(-1px) scale(1.02)}.input-group{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.input-group.actions{align-items:center;justify-content:center}label.label{font-weight:600;color:#374151}input[type=file],input[type=text],select{appearance:none;width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);padding:.6rem .7rem;font-size:1rem}input:focus-visible,select:focus-visible{outline:3px solid rgba(26,42,108,.25);outline-offset:2px;border-color:var(--primary)}.split-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.25rem;align-items:start}.dropzone{margin-top:.8rem;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#475569;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1.25rem;text-align:center;transition:border-color .15s ease,background .15s ease}.dropzone:focus-visible{outline:3px solid rgba(26,42,108,.25);outline-offset:2px}.dropzone.dragover{border-color:#64748b;background:#f1f5f9}.dz-icon{font-size:1.4rem}.summary{margin-top:.6rem;color:#334155;font-weight:600}.pages-grid{margin-top:.6rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;max-height:400px;overflow-y:auto;padding-right:8px}.page-card,.page-thumb{display:flex;align-items:center}.page-card{position:relative;border:1px solid var(--border);border-radius:12px;background:#fff;padding:.8rem;flex-direction:column;gap:.25rem;cursor:grab;transition:transform .15s ease,box-shadow .15s ease}.page-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.page-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.page-thumb{width:100%;height:80px;background:#f1f5f9;border-radius:8px;justify-content:center;color:#64748b;font-size:.9rem;overflow:hidden}.page-thumb img,.preview img{max-width:100%;max-height:100%;object-fit:contain}.page-number{font-weight:700;color:#0f172a}.page-actions{position:absolute;top:4px;right:4px;display:flex;gap:4px}.icon-btn,.preview{background:#fff;align-items:center;justify-content:center}.icon-btn{display:inline-flex;width:24px;height:24px;border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;cursor:pointer;transition:background .15s ease,border-color .15s ease}.icon-btn:hover{background:#f1f5f9;border-color:#94a3b8}.icon-btn svg{width:14px;height:14px;stroke:#0f172a;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.page-card.dragging{opacity:.5}.preview{border:1px solid var(--border);border-radius:12px;padding:1rem;min-height:200px;display:flex}.preview-placeholder{color:#6b7280;font-style:italic}.preview img{max-height:300px}.status{margin-top:.8rem;color:#374151}.status.error{color:#b91c1c}.status.success{color:#166534}@media (max-width:1024px){body{max-width:900px}.split-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){body{padding:0 12px 24px}header h1{font-size:1.6rem}section{padding:1rem;border-radius:12px}.split-grid{grid-template-columns:1fr;gap:1rem}.input-group.actions{flex-direction:column;align-items:stretch}.input-group.actions .btn{width:100%}.top-controls{padding:.75rem 1rem}.control-row{flex-direction:column;gap:.75rem;align-items:stretch}.control-row .btn{align-self:center;width:100%;max-width:200px}.reset-row{justify-content:center}.btn-small{width:100%}.usage-guide h3{font-size:1.3rem}.guide-section{padding:.75rem}.guide-section h4{font-size:1rem}.guide-tips{padding:1rem}}@media (min-width:1280px){body{max-width:1200px}}footer{text-align:center;padding:1.25rem 0;margin-top:1.5rem;color:#fff;background:linear-gradient(135deg,var(--primary, #1a2a6c),var(--header-end, #2c3e50));border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}:root{--primary:#1a2a6c;--header-end:#2c3e50;--focus-ring:rgba(26,42,108,.35);--btn-bg:#10163a;--btn-border:#24305b;--btn-border-hover:#3a4e9f;--btn-fg:#dbe5ff}.gt-theme-inline{margin:1rem auto 1.25rem;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.gt-theme-label{font-size:.95rem;color:#111827;background:rgba(17,24,39,.08);padding:.25rem .6rem;border-radius:999px;font-weight:600}.gt-swatches{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:none!important}.gt-swatch{width:28px;height:28px;border-radius:999px;border:3px solid #fff;box-shadow:0 0 0 3px rgba(0,0,0,.12),0 6px 14px rgba(16,24,40,.12);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.gt-theme-inline .gt-swatch{width:28px!important;height:28px!important;box-shadow:0 0 0 3px rgba(0,0,0,.12),0 6px 14px rgba(16,24,40,.12)!important}.gt-theme-inline .gt-theme-label{color:#111827!important;background:rgba(17,24,39,.08)!important}.gt-swatch:hover{transform:translateY(-1px) scale(1.05)}.gt-swatch[aria-current=true]{outline:3px solid #111827;outline-offset:2px}.gt-swatch:focus-visible{outline:3px solid var(--focus-ring, rgba(26,42,108,.35));outline-offset:2px}.usage-guide{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.usage-guide h3{color:var(--text);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.guide-section{margin-bottom:1.5rem;padding:1rem;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.guide-section h4{color:var(--primary);font-size:1.1rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.guide-section ol,.guide-section ul,.guide-tips ul{margin:0;padding-left:1.5rem}.guide-section li{margin-bottom:.5rem;line-height:1.5}.guide-section code{background:var(--card);padding:.2rem .4rem;border-radius:4px;font-family:"Courier New",monospace;font-size:.9em;color:var(--primary)}.guide-tips{background:linear-gradient(135deg,var(--primary),var(--header-end));color:#fff;padding:1.5rem;border-radius:12px;margin-top:1rem}.guide-tips h4{color:#fff;margin-bottom:1rem}.guide-tips li{margin-bottom:.75rem;line-height:1.6}.dropzone{animation:breathe 3s ease-in-out infinite}.dropzone.dragover{animation:none;border-color:var(--primary);background:rgba(26,42,108,.05)}.page-card{animation:fade-in .5s ease-out}.page-card:nth-child(1){animation-delay:.1s}.page-card:nth-child(2){animation-delay:.2s}.page-card:nth-child(3){animation-delay:.3s}.page-card:nth-child(4){animation-delay:.4s}.page-card:nth-child(5){animation-delay:.5s}.page-card.dragging{animation:shake .5s ease-in-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){body{max-width:100%;padding:0 15px 24px}header h1{font-size:1.8rem}section{padding:1.1rem;border-radius:12px}.gt-theme-inline{gap:.5rem}.gt-swatch{width:24px!important;height:24px!important}}@media (max-width:480px){body{padding:0 10px 20px}header{padding:1rem 0;margin-bottom:1rem}header h1{font-size:1.6rem}.header-content{padding-top:3rem}.home-btn{left:50%;top:.5rem;transform:translateX(-50%)}section{padding:1rem;border-radius:8px}.btn{padding:.7rem 1rem;font-size:.95rem}.gt-theme-inline{gap:.4rem}.gt-theme-label{font-size:.85rem;padding:.2rem .5rem}.gt-swatch{width:22px!important;height:22px!important}footer{padding:1rem 0;font-size:.9rem}}@media (min-width:1200px){body{max-width:1200px}}.top-controls .input-group{max-width:300px}