:root{--rd-indigo:#4f46d8;--rd-blue:#2563eb;--rd-ink:#17213b;--rd-muted:#68748b;--rd-line:#dfe6f1;--rd-red:#c43d3d}.rpd-hero{position:relative;overflow:hidden;border:1px solid #dfdef3;background:linear-gradient(135deg,#f0efff,#edf5ff 65%,#fff)}.rpd-hero:after{content:"↕";position:absolute;right:8%;top:50%;transform:translateY(-50%);color:rgba(79,70,216,.06);font-size:11rem;font-weight:800}.rpd-page{max-width:1220px}.rpd-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:15px}.rpd-trust span{padding:10px;border:1px solid var(--rd-line);border-radius:10px;background:#fff;color:#56627a;font-size:.76rem;font-weight:600;text-align:center}.rpd-shell{padding:20px;border:1px solid var(--rd-line);border-radius:24px;background:linear-gradient(145deg,#fff,#fafaff);box-shadow:0 22px 70px rgba(31,48,85,.1)}.upload-zone{position:relative;display:flex;min-height:380px;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #bbb8e4;border-radius:20px;background:radial-gradient(circle at 50% 0,#eae8ff,transparent 50%),#fff;text-align:center;cursor:pointer;transition:.2s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--rd-indigo);transform:translateY(-2px);box-shadow:0 18px 50px rgba(79,70,216,.12)}.upload-zone.loading{opacity:.65;pointer-events:none}.upload-zone>input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-mark{display:flex;align-items:flex-end;gap:5px}.upload-mark span{display:grid;place-items:center;width:46px;height:60px;border-radius:6px 12px 6px 6px;background:#fff;color:var(--rd-indigo);font-weight:800;box-shadow:0 10px 25px rgba(45,50,90,.16)}.upload-mark span:nth-child(1){transform:rotate(-7deg)}.upload-mark span:nth-child(3){transform:rotate(7deg)}.upload-zone h2{margin:18px 0 5px;color:var(--rd-ink)}.upload-zone p{margin:0;color:var(--rd-muted)}.choose-file{margin:18px 0 10px;padding:10px 22px;border-radius:99px;background:var(--rd-ink);color:#fff;font-weight:700}.upload-zone small{color:#7c869a}.upload-password{position:relative;z-index:2;width:min(360px,85%);margin-top:16px;padding:10px 12px;border:1px solid var(--rd-line);border-radius:10px;background:#fff;text-align:left;cursor:default}.upload-password label{color:#566178;font-size:.68rem;font-weight:700}.upload-password>div{position:relative}.upload-password input{width:100%;box-sizing:border-box;margin-top:5px;padding:9px 58px 9px 10px;border:1px solid #d5deeb;border-radius:8px;font:500 .78rem inherit}.pw-toggle{position:absolute;right:4px;bottom:4px;padding:5px 8px;border:0;border-radius:6px;background:#edf2fa;font:700 .65rem inherit;cursor:pointer}.editor-banner{display:none;margin-bottom:13px;padding:11px 14px;border-radius:10px;font-size:.78rem}.editor-banner.visible{display:block}.editor-banner.error{border:1px solid #f1b7b7;background:#fff0f0;color:#ad2929}.editor-banner.success{border:1px solid #a7d8bf;background:#eaf9f0;color:#116f43}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 2px 17px}.file-summary{display:flex;align-items:center;gap:11px;min-width:0}.file-icon{display:grid;place-items:center;flex:0 0 47px;height:56px;border-radius:7px 12px 7px 7px;background:#ffe8e8;color:#c03c3c;font-size:.64rem;font-weight:800}.file-summary strong,.file-summary span{display:block;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-summary strong{color:var(--rd-ink);font-size:.84rem}.file-summary span{margin-top:3px;color:var(--rd-muted);font-size:.7rem}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stats-strip div{min-width:70px;padding:8px;border-radius:9px;background:#f3f5fa;text-align:center}.stats-strip span,.stats-strip b{display:block}.stats-strip span{color:var(--rd-muted);font-size:.58rem;text-transform:uppercase}.stats-strip b{margin-top:3px;color:var(--rd-ink)}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--rd-line);border-radius:12px;background:#f8f9fd}.editor-toolbar>div{display:flex;flex-wrap:wrap;gap:6px}.editor-toolbar button{padding:7px 9px;border:1px solid #d5dcea;border-radius:8px;background:#fff;color:#4d5870;font:700 .66rem inherit;cursor:pointer}.editor-toolbar button:hover{border-color:var(--rd-indigo);color:var(--rd-indigo)}.editor-toolbar button.danger{color:var(--rd-red)}.editor-toolbar p{margin:0;color:var(--rd-muted);font-size:.66rem}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:560px;margin:14px 0 8px;padding:4px;overflow:auto}.page-tile{padding:10px;border:1px solid var(--rd-line);border-radius:13px;background:#fff;cursor:grab;transition:.15s;user-select:none}.page-tile:hover{border-color:#9892e5;box-shadow:0 8px 22px rgba(45,45,90,.09)}.page-tile.dragging{opacity:.35}.page-tile.drag-over{border-color:var(--rd-indigo);box-shadow:0 0 0 3px #e4e2ff}.page-paper{position:relative;display:grid;place-items:center;height:100px;border-radius:7px 13px 7px 7px;background:linear-gradient(145deg,#f8f9fd,#e9edf6)}.page-paper:after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 0 18px 18px;border-color:transparent transparent #cfd6e4 transparent}.page-paper span{color:var(--rd-indigo);font-size:1.5rem;font-weight:800}.page-paper i{position:absolute;bottom:6px;color:#8994a7;font-size:.55rem;font-style:normal;text-transform:uppercase}.page-position{padding:8px 2px 6px}.page-position b,.page-position small{display:block}.page-position b{color:var(--rd-ink);font-size:.7rem}.page-position small{margin-top:2px;color:var(--rd-muted);font-size:.6rem}.tile-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.tile-actions button{padding:5px 2px;border:1px solid #dae1ec;border-radius:6px;background:#fff;color:#536078;font-weight:800;cursor:pointer}.tile-actions button:hover:not(:disabled){border-color:var(--rd-indigo);color:var(--rd-indigo)}.tile-actions button:last-child{color:var(--rd-red)}.tile-actions button:disabled{opacity:.3;cursor:not-allowed}.empty-note{padding:9px;border-radius:8px;background:#f7f8fb;color:var(--rd-muted);font-size:.66rem;text-align:center}.export-panel{display:grid;grid-template-columns:1.4fr 1fr auto auto;align-items:end;gap:10px;margin-top:15px;padding:15px;border-radius:15px;background:linear-gradient(135deg,#222c48,#303c61);color:#fff}.export-panel h2{margin:0;font-size:.93rem}.export-panel p{margin:4px 0 0;color:#c9d2e7;font-size:.67rem}.export-panel label{color:#dce3f1;font-size:.65rem;font-weight:700}.filename-wrap{position:relative}.filename-wrap input{width:100%;box-sizing:border-box;margin-top:5px;padding:9px 43px 9px 10px;border:0;border-radius:8px;font:500 .75rem inherit}.filename-wrap span{position:absolute;right:8px;bottom:9px;color:#7c8798;font-size:.62rem}.submit-btn,.new-btn{padding:10px 14px;border-radius:9px;font:700 .75rem inherit;cursor:pointer}.submit-btn{border:0;background:linear-gradient(135deg,#7770ff,#4589ff);color:#fff}.submit-btn:disabled{opacity:.45}.new-btn{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff}.export-panel>small{grid-column:1/-1;color:#aebbd4;font-size:.61rem}.progress-overlay{position:fixed;inset:0;z-index:1000;display:none;place-items:center;align-content:center;background:rgba(248,250,255,.94);text-align:center}.progress-overlay.visible{display:grid}.reorder-loader{display:flex;gap:6px}.reorder-loader span{width:36px;height:48px;border-radius:5px 10px 5px 5px;background:#dcd9ff;animation:shift 1.1s infinite}.reorder-loader span:nth-child(2){animation-delay:.15s}.reorder-loader span:nth-child(3){animation-delay:.3s}@keyframes shift{50%{transform:translateY(-9px);background:#6860e5}}.progress-overlay h2{margin:17px 0 5px;color:var(--rd-ink)}.progress-overlay p{color:var(--rd-muted)}.feature-section,.preserve-guide,.rpd-steps,.rpd-faq{margin-top:56px}.section-heading{max-width:780px}.section-heading>span{color:var(--rd-indigo);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.section-heading h2,.preserve-guide>h2,.rpd-steps>h2,.rpd-faq>h2{margin:7px 0;color:var(--rd-ink);font-size:1.5rem}.section-heading p{color:var(--rd-muted);line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.feature-grid article,.preserve-guide article,.rpd-steps article{padding:18px;border:1px solid var(--rd-line);border-radius:15px;background:#fff}.feature-grid b{color:var(--rd-indigo);font-size:1.2rem}.feature-grid h3,.rpd-steps h3{margin:9px 0 5px;color:var(--rd-ink);font-size:.88rem}.feature-grid p,.preserve-guide p,.rpd-steps p,.rpd-faq p{color:var(--rd-muted);font-size:.79rem;line-height:1.6}.preserve-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.preserve-guide strong{color:var(--rd-ink)}.rpd-steps>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.rpd-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--rd-ink);color:#fff}.rpd-faq{max-width:880px;margin-left:auto;margin-right:auto}.rpd-faq details{padding:15px 2px;border-bottom:1px solid var(--rd-line)}.rpd-faq summary{color:var(--rd-ink);font-weight:700;cursor:pointer}@media(max-width:900px){.rpd-trust{grid-template-columns:1fr 1fr}.editor-head{align-items:flex-start;flex-direction:column}.export-panel{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.rpd-steps>div{grid-template-columns:1fr 1fr}}@media(max-width:560px){.rpd-trust,.feature-grid,.preserve-guide>div,.rpd-steps>div{grid-template-columns:1fr}.rpd-shell{padding:9px}.upload-zone{min-height:410px;padding:15px}.stats-strip{width:100%;grid-template-columns:repeat(2,1fr)}.editor-toolbar{align-items:flex-start;flex-direction:column}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:520px}.export-panel{grid-template-columns:1fr}.export-panel>small{grid-column:auto}.submit-btn,.new-btn{width:100%}}