:root{--bg: #f3f7ff;--bg-soft: #e8f0ff;--panel: #ffffff;--surface: #f8fbff;--text: #14213d;--muted: #56607a;--line: #d8e3fb;--accent: #2563eb;--accent-2: #14b8a6;--danger: #dc2626;--success: #15803d}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Segoe UI,Noto Sans,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 10%,#dbeafe 0%,transparent 35%),radial-gradient(circle at 85% 85%,#ccfbf1 0%,transparent 40%),linear-gradient(180deg,var(--bg-soft),var(--bg))}.app-shell{max-width:980px;margin:0 auto;padding:2rem 1rem 1.5rem;display:grid;gap:1rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:0 16px 40px #2563eb14}.hero{text-align:center;padding:.8rem .4rem}.eyebrow{margin:0;font-weight:700;letter-spacing:.12em;color:var(--accent);text-transform:uppercase;font-size:.8rem}.badge{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-weight:700;letter-spacing:.08em;color:var(--accent);text-transform:uppercase;font-size:.8rem}h1{margin:.35rem 0 .5rem;font-size:clamp(1.65rem,2.5vw,2.2rem)}.subtitle{margin:0;color:var(--muted)}.dropzone{margin-top:1.1rem;border:2px dashed #b8cdfc;border-radius:16px;padding:1.8rem 1rem;text-align:center;background:var(--surface);transition:border-color .2s ease,background-color .2s ease,transform .2s ease;cursor:pointer}.dropzone p{margin:.45rem 0 0;color:var(--muted)}.dropzone.dragging{border-color:var(--accent);background:#eef4ff;transform:translateY(-1px)}.file-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem;background:#f9fbff;border:1px solid var(--line);border-radius:12px;padding:.7rem .8rem}.stack{margin-top:.9rem;display:grid;gap:.55rem}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:.9rem}.btn,.icon-btn,input,select{font:inherit}.btn{border-radius:10px;border:1px solid transparent;padding:.6rem .85rem;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.btn-primary{background:var(--accent);color:#fff}.btn-soft{background:#fff;color:var(--text);border-color:var(--line)}.btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid #f8c8cf;background:#fff5f7;color:var(--danger);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.progress{height:8px;border-radius:999px;background:#e6edf7;overflow:hidden;margin-top:.8rem}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#1894ff,#42c6ff)}.notice-error{margin-top:.75rem;background:#ffedf0;border:1px solid #f6c2c9;color:#8c2330;border-radius:10px;padding:.7rem}.notice-success{margin-top:.75rem;background:#ecfff4;border:1px solid #bfe8cf;color:#17633a;border-radius:10px;padding:.7rem}input[type=text]{width:100%;border:1px solid var(--line);border-radius:10px;padding:.6rem .85rem;background:#fff;color:var(--text)}.row-password-field{display:flex;align-items:center;gap:.5rem;width:100%;margin-top:.6rem;border:1px solid #d3deee;border-radius:10px;padding:.15rem .65rem;color:var(--muted);background:#fbfdff}.row-password-field:focus-within{border-color:#72adf0;box-shadow:0 0 0 3px #0f7de81f}.row-password-field input{width:100%;border:0;background:transparent;outline:none;color:var(--text);padding:.62rem 0}.row-password-field input::placeholder{color:#8ba0b9}.preview-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.8rem;max-height:430px;overflow-y:auto;padding:.4rem}.preview-item{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.preview-item.marked-delete{border-color:var(--danger);box-shadow:inset 0 0 0 2px #dc262640}.preview-item.selectable{cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.preview-item.selectable:hover{transform:translateY(-1px)}.preview-item.selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px #2563eb47}.preview-item img{width:100%;display:block}.page-tag{display:inline-block;margin:.4rem;background:#e9f3ff;color:#0a66c1;border-radius:999px;font-size:.75rem;padding:.2rem .5rem}.app-footer{text-align:center;color:#60708f;font-size:.9rem;padding:.6rem 0 .3rem}.app-footer p{margin:0}.processing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f1e372e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;pointer-events:none;animation:processing-fade 1.5s ease both}.processing-pill{display:inline-flex;align-items:center;gap:.65rem;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:.75rem 1.1rem;font-weight:600;box-shadow:0 12px 30px #1225442e}.processing-spinner{width:18px;height:18px;border:2px solid #c7d7ec;border-top-color:var(--accent);border-radius:50%;animation:processing-spin .8s linear infinite}@keyframes processing-fade{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes processing-spin{to{transform:rotate(360deg)}}@media(max-width:700px){.app-shell{padding:1.25rem .8rem 1rem}.file-row{flex-direction:column;align-items:flex-start}}