:root{--ink:#17171d;--green:#c90068;--pale:#fff0f7;--muted:#656570;--line:#e5dfe7}*{box-sizing:border-box}body{margin:0;background:#f7f7fa;color:var(--ink);font:15px/1.6 system-ui,sans-serif}header{display:flex;align-items:center;gap:24px;padding:24px 5%;border-bottom:1px solid var(--line);background:#111116}.brand{text-decoration:none;color:var(--ink);font-size:24px;font-weight:850;letter-spacing:-1px}.brand span{font-weight:450}.tag{font-size:10px;letter-spacing:2px;color:var(--muted)}header button{margin-left:auto}main{max-width:1250px;padding:0 30px;margin:auto}.intro{display:grid;grid-template-columns:1.7fr 1fr;gap:75px;padding:60px 0 40px;align-items:center}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px}h1{font-size:clamp(36px,4.8vw,60px);line-height:1.12;letter-spacing:-2.5px;font-weight:550;margin:20px 0}h1 em{font-family:Georgia,serif;color:var(--green);font-weight:400}.intro p{max-width:570px;color:var(--muted)}.trust{border-left:3px solid #f72585;padding:22px;background:var(--pale);border-radius:0 12px 12px 0}.trust p{font-size:14px}.trust small{font-size:11px}.steps{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:25px;color:#777580}.steps span{padding:13px 0}.steps .active{color:var(--green);border-bottom:3px solid var(--green);font-weight:700}.panel{background:#fff;border:1px solid var(--line);border-radius:14px}.drop{text-align:center;display:block;padding:36px 20px;cursor:pointer;border:1px dashed #e4abc8;border-radius:10px;margin:20px;background:#fffafd}.drop.over{background:var(--pale)}.drop h2{font:30px Georgia,serif;margin:10px}.drop p{color:var(--muted)}.upload-icon{font-size:30px;background:var(--pale);border-radius:50%;display:inline-grid;place-items:center;width:56px;height:56px}.primary{background:var(--green);color:white;border:0;display:inline-block;border-radius:7px;padding:13px 23px;font-weight:700}.drop input{position:absolute;width:1px;height:1px;opacity:0}.drop:focus-within{outline:3px solid #c90068}.drop small{display:block;margin-top:15px;color:var(--muted)}button{font:inherit;cursor:pointer;padding:9px 14px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:not-allowed}.scope{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:12px 35px}.scope p{font-size:13px;color:var(--muted)}#demo{margin:0 35px 25px;border:0;color:var(--green);padding:0}#status:not(:empty){padding:14px;background:var(--pale);border-radius:8px}.notice{background:#fff4dc;padding:15px;border:1px solid #ecd9ac;border-radius:9px;margin-bottom:18px;font-size:13px}.workspace{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}.sidebar{padding:20px;position:sticky;top:15px;max-height:85vh;overflow:auto}h3{margin:0 0 10px;font-size:16px}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.sidebar input{width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;margin:8px 0}.sidebar small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.page-button{display:block;text-align:left;width:100%;margin:6px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-button.selected{border-color:var(--green);background:var(--pale)}.mask{font-size:12px;display:block;width:100%;text-align:left;margin:5px 0}.hint{font-size:12px;color:var(--muted);margin:9px 0}.document{padding:20px;min-width:0}.toolbar{display:flex;align-items:center;gap:8px}.toolbar>div{flex:1}.toolbar small{display:block;color:var(--muted);font-size:11px}.toolbar button{font-size:12px}#sheet{background:#eeeef3;overflow:auto;padding:16px;text-align:center}canvas{max-width:100%;height:auto;display:block;margin:auto;touch-action:none;box-shadow:0 3px 15px #0001;cursor:crosshair}.review{display:flex;gap:10px;padding:15px 0;font-size:13px;align-items:start}.review input{margin-top:6px}.footer-actions{display:flex;justify-content:space-between;align-items:center;font-size:12px}.export{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:25px;margin:22px 0}.export p{margin:5px 0;font-size:13px;color:var(--muted)}.export small{font-size:11px;color:var(--muted)}.export button{white-space:nowrap}.danger{color:#8b3932;margin-bottom:25px}footer{border-top:1px solid var(--line);margin-top:50px;padding:30px 5%;font-weight:700}footer span{font-weight:400;color:var(--muted);margin-left:20px}footer small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:10px}dialog{max-width:620px;width:90%;border:1px solid var(--line);border-radius:15px;padding:30px;color:var(--ink)}dialog::backdrop{background:#111116bb}.close{float:right}dialog p{font-size:14px} [hidden]{display:none!important}@media(max-width:760px){header{gap:10px}.tag{display:none}header button{font-size:11px}main{padding:0 15px}.intro{grid-template-columns:1fr;gap:20px;padding-top:35px}.steps{gap:12px;font-size:11px}.workspace{grid-template-columns:1fr}.sidebar{position:static;max-height:300px}.scope{grid-template-columns:1fr;gap:0}.export{display:block}.export button{margin-top:18px}.toolbar{flex-wrap:wrap}.toolbar>div{flex-basis:100%}footer span{display:block;margin:0}}

#openPdf{margin-top:10px;background:#fff;color:var(--green);border:1px solid var(--green)}#savePdf,#openPdf{cursor:pointer;text-decoration:none}#exportStatus{max-width:380px}

#anotherFile{display:block;margin-top:12px;color:var(--green)}

/* DocMask brand */
header{background:#111116;color:white;border-bottom:3px solid #f72585}
.brand{color:#fff;font-size:28px;letter-spacing:-1.2px}.brand span{color:#ff4c9d;font-weight:700}
.tag{color:#ddd4df;font-weight:650;letter-spacing:1.4px}
header button{color:#fff;background:#25232b;border-color:#4b414c}
h1{font-weight:750}h1 em{font-family:inherit;font-style:normal;font-weight:750;color:#c90068}
.eyebrow{color:#a00056}.trust{background:#19171f;color:#fff;border-left:4px solid #f72585;border-radius:12px;box-shadow:0 12px 35px #18121b14}.trust p,.trust small{color:#e4dbe5}.trust b{color:#ff85bb}
.primary{background:linear-gradient(115deg,#c90068,#a90060);box-shadow:0 4px 12px #c9006820}.primary:hover{filter:brightness(1.08)}
.upload-icon{color:#b40060}.panel{box-shadow:0 5px 25px #1b122505}.steps .active{border-color:#f72585}.review input{accent-color:#c90068}
footer{background:#111116;color:#fff;border-top:3px solid #f72585}footer span,footer small{color:#d7cfda}.powered{display:block;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#ff85bb;margin-top:4px}footer span{margin-left:0;display:block;margin-top:12px}
@media(max-width:760px){.tag{display:block;font-size:8px;max-width:115px;line-height:1.5}header{gap:12px;flex-wrap:wrap}header button{padding:6px 8px}.brand{font-size:24px}}
.footer-logo{background:#fff;border-radius:8px;width:320px;max-width:100%;height:100px;overflow:hidden;margin-top:16px}.footer-logo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:760px){.footer-logo{width:260px;height:82px}}

#exportFormat{display:block;width:100%;max-width:420px;margin:8px 0;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--pale);color:var(--ink);font:inherit}#exportFormat:disabled{opacity:.5}#retryImageOnly{display:block;margin:12px 0;color:var(--green)}.export>div{min-width:0;flex:1}
@media(max-width:760px){#exportFormat{font-size:11px;padding:10px 6px}}

/* Export waiting animation (decorative; shown only while .export.exporting) */
.export{position:relative}.export-anim{display:none;position:absolute;right:16px;bottom:12px;width:180px;height:180px;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 4px 14px #1b122510;pointer-events:none}
.export.exporting{padding-bottom:206px}.export.exporting .export-anim{display:block}
.ea-sprite{position:absolute;inset:0;background:url("/redactor/docmask-comic-sprites.png?v=20261019-5") 0 0/300% 200% no-repeat;animation:ea-frames 2.4s infinite step-end}
@keyframes ea-frames{0%{background-position:0 0}30%{background-position:50% 0}42%{background-position:100% 0}54%{background-position:0 100%}70%{background-position:50% 100%}82%{background-position:100% 100%}100%{background-position:0 0}}
.ea-dots{position:absolute;right:10px;top:10px;display:flex;gap:4px}.ea-dots i{width:6px;height:6px;border-radius:50%;background:#c90068;opacity:.25;animation:ea-dot 1.4s ease-in-out infinite}.ea-dots i:nth-child(2){animation-delay:.2s}.ea-dots i:nth-child(3){animation-delay:.4s}
@keyframes ea-dot{0%,100%{opacity:.25}40%{opacity:1}}
@media(max-width:760px){.export-anim{width:130px;height:130px;right:10px;bottom:8px;border-radius:12px}.export.exporting{padding-bottom:150px}.ea-dots i{width:5px;height:5px}}
@media(prefers-reduced-motion:reduce){.ea-sprite,.ea-dots i{animation:none}.ea-sprite{background-position:0 0}.ea-dots i{opacity:.6}}