@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#10090d;--panel:rgba(34,20,27,.72);--line:rgba(255,255,255,.12);--muted:#b7aab0;--red:#f0445e;--white:#fff;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#4a1726 0,transparent 48%),var(--bg);color:var(--white);font-family:var(--font);overflow-x:hidden}.ambient{position:fixed;width:380px;height:380px;border-radius:50%;filter:blur(110px);opacity:.16;pointer-events:none;z-index:-1}.ambient-one{background:#f02e50;top:25%;left:-220px}.ambient-two{background:#a01d44;right:-230px;top:60%}.topbar{height:76px;max-width:1120px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;font:700 15px var(--display);letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.48);border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 #ffffff40,0 5px 20px #e52b4c30;color:#fff;font-size:18px}.privacy{font-size:12px;color:#d6cbd0}.privacy i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#68d69b;margin-right:8px;box-shadow:0 0 10px #68d69b}.hero{max-width:900px;margin:74px auto 48px;padding:0 24px;text-align:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:#ff7388;margin:0 0 14px}.hero h1{font:600 clamp(48px,8vw,82px)/.99 var(--display);letter-spacing:-5px;margin:0}.hero h1 span{color:#ff526d}.intro{color:#c6b9bf;font-size:16px;margin:22px 0 0}.workspace{width:min(900px,calc(100% - 36px));margin:0 auto;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 90px #0008,inset 0 1px 0 #ffffff20;backdrop-filter:blur(24px);overflow:hidden}.tabs{display:flex;gap:5px;padding:12px;border-bottom:1px solid var(--line);overflow:auto}.tab{flex:1;min-width:max-content;padding:12px 15px;border:1px solid transparent;border-radius:10px;background:transparent;color:#c8bbc1;font:600 12px var(--font);cursor:pointer}.tab.active{background:rgba(240,68,94,.16);border-color:#f0445e55;color:#fff}.tool-panel{display:none;padding:34px}.tool-panel.active{display:block}.tool-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.tool-heading h2{font:600 28px var(--display);margin:0 0 7px;letter-spacing:-1px}.tool-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0}.tool-icon{font:500 26px var(--display);color:#ff7084;border:1px solid #f0445e55;background:#f0445e12;border-radius:13px;width:53px;height:53px;display:grid;place-items:center}.dropzone{min-height:170px;border:1px dashed #ffffff45;border-radius:15px;background:#ffffff06;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;cursor:pointer;transition:.2s}.dropzone:hover{border-color:#ff6b82;background:#f0445e0c}.dropzone input{display:none}.upload-symbol{font-size:26px;color:#ff7084}.dropzone strong{font-size:14px}.dropzone small{font-size:11px;color:#a99ca2}.controls{display:flex;align-items:end;gap:12px;margin-top:18px}.controls label{flex:1}.controls label,.field-label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#cdbfc5}select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#170f14;color:#fff;padding:12px 13px;font:13px var(--font);outline:none}select:focus,textarea:focus{border-color:#f0445e99}textarea{min-height:150px;resize:vertical;line-height:1.6;margin-bottom:14px}textarea::placeholder{color:#81747b}.primary,.secondary,.download{border:0;border-radius:10px;padding:13px 17px;font:600 12px var(--font);cursor:pointer;white-space:nowrap}.primary{background:linear-gradient(110deg,#ed3857,#b91e40);color:#fff;box-shadow:0 8px 22px #e52b4c35}.primary:disabled{opacity:.4;cursor:not-allowed}.primary span{padding-left:13px;font-size:16px}.secondary{background:#ffffff12;color:#fff;border:1px solid var(--line)}.download{display:inline-block;text-decoration:none;background:#f0445e1b;border:1px solid #f0445e66;color:#fff;margin-top:12px}.message{min-height:18px;color:#ff9cac;font-size:12px;margin:12px 0 0}.message.success{color:#83e3ad}.output-row{display:flex;gap:10px;align-items:stretch;margin-top:8px}.output-row code{flex:1;min-width:0;overflow-wrap:anywhere;padding:14px;border-radius:10px;background:#0b070a;border:1px solid var(--line);color:#f5d8de;font-size:12px;line-height:1.6}.hidden{display:none}.promise{max-width:900px;margin:55px auto 70px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.promise div{border-top:1px solid #ffffff22;padding-top:16px}.promise span{display:block;color:#ff7084;font:600 11px var(--display);margin-bottom:15px}.promise b{font:600 14px var(--display)}.promise p{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0 0}footer{max-width:1120px;margin:auto;border-top:1px solid #ffffff14;padding:24px 28px 32px;display:flex;justify-content:space-between;align-items:center;color:#95868d;font-size:11px}.footer-brand{font-size:12px}.footer-brand .brand-mark{width:26px;height:26px;font-size:15px}
@media(max-width:650px){.topbar{height:65px;padding:0 18px}.privacy{font-size:10px}.hero{margin:54px auto 34px}.hero h1{letter-spacing:-3px}.intro{font-size:13px;line-height:1.6}.workspace{width:calc(100% - 22px);border-radius:16px}.tabs{padding:9px}.tab{padding:11px 12px;font-size:11px}.tool-panel{padding:22px 17px}.tool-heading h2{font-size:23px}.tool-heading p:not(.eyebrow){max-width:260px;font-size:12px;line-height:1.5}.tool-icon{width:44px;height:44px}.controls{align-items:stretch;flex-direction:column}.primary{width:100%}.promise{grid-template-columns:1fr;gap:20px;margin:38px auto 48px}.promise div{padding-top:12px}.promise span{margin-bottom:8px}footer{padding:20px 18px;gap:15px;flex-wrap:wrap}.output-row{flex-direction:column}}

.pdf-description{font-size:12px;color:var(--muted);margin:10px 0 18px;line-height:1.6}.pdf-drop{margin-top:14px}.pdf-extra{display:grid;gap:12px;margin-top:16px}.pdf-extra input{width:100%;border:1px solid var(--line);border-radius:10px;background:#170f14;color:#fff;padding:11px;font:13px var(--font)}.settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.settings-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#cdbfc5}.pdf-organiser{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#ffffff06}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:12px}.page-thumb{position:relative;padding:7px;border:1px solid var(--line);border-radius:9px;background:#0e090c;cursor:grab;min-width:0}.page-thumb canvas{display:block;width:100%;height:auto;background:white}.page-thumb span{display:block;text-align:center;font-size:11px;color:#d7cbd0;padding-top:6px}.page-thumb.dragging{opacity:.4;border-color:#ff7084}.dropzone.dragging{border-color:#ff7084;background:#f0445e18}
@media(max-width:650px){.settings-grid{grid-template-columns:repeat(2,1fr)}.thumb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.ambient{animation:ambient-drift 22s ease-in-out infinite alternate;will-change:transform,opacity}.ambient-two{animation-delay:-9s;animation-duration:27s}.ambient-one{animation-delay:-4s}@keyframes ambient-drift{0%{transform:translate3d(-15px,-35px,0) scale(.9);opacity:.13}50%{opacity:.25}100%{transform:translate3d(125px,100px,0) scale(1.22);opacity:.2}}.promise{display:block;max-width:900px;text-align:center;color:#b7aab0;font-size:13px;line-height:1.8}.extract-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.extract-toolbar b{margin-right:auto;font-size:13px}.extract-thumb{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;border:1px solid var(--line);transition:border-color .2s,background .2s}.extract-thumb.selected{border-color:#ff647d;background:#f0445e18}.extract-thumb .page-check{align-self:flex-start;accent-color:#f0445e}.extract-thumb canvas{width:100%;height:auto}.qr-output{margin-top:18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.qr-output canvas{width:min(240px,100%);height:auto;background:#fff;padding:10px;border-radius:12px}.qr-note{font-size:11px;color:var(--muted);line-height:1.7;margin-top:14px}.qr-output .download{margin-top:0}
@media(prefers-reduced-motion:reduce){.ambient{animation:none}}