*{box-sizing:border-box}:root{color-scheme:dark;--bg:#070b14;--side:#0b1020;--panel:#111827;--raised:#172238;--line:#273349;--text:#edf3ff;--muted:#a4b1c8;--accent:#79d7ff;--focus:#20c7f7;--danger:#ff9caa;font:15px/1.55 Inter,ui-sans-serif,system-ui,sans-serif}:root[data-theme=light]{color-scheme:light;--bg:#f8fafc;--side:#eef4ff;--panel:#fff;--raised:#e8eef9;--line:#ced8e8;--text:#14213b;--muted:#53647c;--accent:#1551ab;--focus:#1660b9;--danger:#b31e43}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:9px 14px;transition:background .18s,transform .18s}button:hover{background:var(--raised)}button:active{transform:translateY(1px)}button:disabled{opacity:.42;cursor:not-allowed}button.primary{background:linear-gradient(110deg,#126fbd,#6245d9);color:white;border-color:#657de0}button.danger{color:var(--danger)}a{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.skip{position:fixed;top:-100px;left:12px;z-index:100}.skip:focus{top:12px;background:var(--panel);padding:12px}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--side);border-right:1px solid var(--line);padding:28px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-size:29px;letter-spacing:-1.5px;font-weight:750}.brand .v{background:linear-gradient(130deg,#20c7f7,#7047eb,#b83df0);color:transparent;background-clip:text}.brand .dot{color:var(--accent)}.brand small{display:block;letter-spacing:4px;font-size:9px;margin-left:4px;color:var(--muted)}.app-label{font-size:12px;color:var(--muted);margin:22px 0 14px;text-transform:uppercase;letter-spacing:2px}.nav{display:grid;gap:5px}.nav button{display:flex;gap:13px;align-items:center;border-color:transparent;background:transparent;text-align:left;padding:11px 14px;color:var(--muted)}.nav button[aria-current=page]{background:var(--raised);border-color:var(--line);color:var(--text)}.sidebar-foot{margin-top:auto;padding-top:25px;font-size:12px;color:var(--muted)}.privacy-dot{display:inline-block;width:7px;height:7px;background:#40cfaa;border-radius:50%;margin-right:7px}.main{min-width:0}.topbar{min-height:78px;padding:15px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.crumb{font-size:13px;color:var(--muted)}.pill{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;border:1px solid var(--line);border-radius:20px;padding:5px 10px;color:var(--accent)}.top-actions,.row,.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.workspace{padding:40px;max-width:1600px;margin:auto}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--accent)}h1{font-size:clamp(28px,3vw,44px);line-height:1.13;letter-spacing:-1.6px;font-weight:650;margin:14px 0}h2{font-size:18px;font-weight:600;margin:0 0 10px}p{margin:8px 0;color:var(--muted)}.intro{max-width:740px;margin-bottom:26px}.dropzone{border:1px dashed #657b9e;border-radius:18px;min-height:235px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 0%,#3478f611,transparent 65%),var(--panel);padding:28px;text-align:center}.dropzone.dragover{background:var(--raised);outline:3px solid var(--focus)}.drop-mark{width:50px;height:60px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:var(--accent);font-size:11px;margin-bottom:13px;transform:rotate(-5deg);box-shadow:6px 5px 0 var(--raised)}.dropzone h2{font-size:21px}.dropzone p{font-size:13px;margin-bottom:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:23px}.feature{padding:23px;text-align:left;border-radius:14px;min-height:130px}.feature strong{display:block;margin:12px 0 5px}.feature span{font-size:12px;color:var(--muted)}.panel{border:1px solid var(--line);border-radius:14px;padding:23px;background:var(--panel);margin:18px 0}.field{display:grid;gap:7px;margin:12px 0;color:var(--muted);font-size:13px;flex:1;min-width:150px}input:not([type=checkbox]),select{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 12px}input[type=checkbox]{width:18px;height:18px;accent-color:#467bef}.checkbox{display:flex;align-items:center;gap:10px;font-size:13px;margin:14px 0}.toolbar{padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:20px}.toolbar small{color:var(--muted);margin-right:auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:18px;margin-top:20px}.page-card{min-width:0;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px}.page-card.selected{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}.page-paper{height:190px;width:100%;display:grid;place-items:center;background:var(--raised);border-radius:6px;overflow:hidden;cursor:zoom-in}.page-paper canvas{max-width:100%;max-height:180px;object-fit:contain}.page-info{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:5px;font-size:12px}.page-info label{display:flex;align-items:center;gap:6px}.page-name{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px}.page-tools{display:flex;gap:5px;margin-top:10px}.page-tools button{padding:4px 8px;flex:1;font-size:11px}.source{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.source strong{overflow-wrap:anywhere}.source .source-info{flex:1;min-width:0}.source small{display:block;color:var(--muted)}.note{font-size:12px;color:var(--muted);margin:18px 0}.warning{border-left:3px solid #d7993d;padding:10px 15px;background:var(--raised);font-size:12px}.status{position:relative;background:var(--panel);border:1px solid var(--line);box-shadow:0 20px 70px #0003;padding:16px 20px;border-radius:12px;margin-top:20px;z-index:5;overflow-wrap:anywhere}.status:empty{display:none}.status.error{border-color:var(--danger)}.status progress{width:100%;height:5px;accent-color:var(--accent)}.status p{font-size:13px}.result{border-color:#268572}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px;width:min(680px,92vw);max-height:90vh;padding:25px;box-shadow:0 20px 70px #0005}dialog::backdrop{background:#020611bb}dialog canvas{display:block;max-width:100%;height:auto;margin:18px auto}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.preview-details{font-size:12px}#print-area{display:none}.pagination{display:flex;justify-content:space-between;margin-top:20px}.filename{max-width:320px}.metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
@media(max-width:1000px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:24px 12px}.workspace{padding:25px}.topbar{padding:15px 25px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.shell{display:block}.sidebar{position:static;height:auto;padding:15px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:23px}.brand small{display:inline;font-size:8px;margin-left:10px}.app-label,.sidebar-foot{display:none}.nav{display:flex;overflow-x:auto;margin-top:14px;padding-bottom:6px}.nav button{white-space:nowrap;padding:8px 10px;font-size:12px}.nav svg{width:16px}.topbar{padding:14px 18px;flex-wrap:wrap}.workspace{padding:22px 18px}.feature-grid{gap:10px}.feature{padding:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.page-paper{height:150px}.page-paper canvas{max-height:145px}.metadata{grid-template-columns:1fr}.panel{padding:17px}.toolbar button{font-size:12px;padding:8px 10px}h1{letter-spacing:-1px}.crumb{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}@media print{body>*{display:none!important}body>#print-area{display:block!important}#print-area img{display:block;max-width:100%;max-height:98vh;margin:auto;break-after:page}#print-area img:last-child{break-after:auto}@page{margin:8mm}}
.status.busy{position:fixed;bottom:18px;left:278px;right:40px;z-index:20;max-width:1200px}@media(max-width:1000px){.status.busy{left:215px;right:25px}}@media(max-width:680px){.status.busy{left:18px;right:18px}}
/* "Powered by Velorex. Studio" credit. Used unchanged by every free tool in the suite.
   The wordmark is the Velorex Studio logo: gradient V, plain "elorex", accent dot, spaced STUDIO.
   It uses the tool's own text colour (currentColor), so it works on dark and light backgrounds.
   No web font is loaded: the display font is used when the tool has one, otherwise the system font. */
.vx-powered {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  color: inherit;
  text-decoration: none;
  line-height: 1;
  border-radius: 6px;
}
.vx-powered:focus-visible {
  outline: 2px solid #7c5cff;
  outline-offset: 4px;
}
.vx-powered-by {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  opacity: 0.6;
}
.vx-powered-mark {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}
.vx-powered-mark b {
  font-family: "Outfit", "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.vx-v {
  background: linear-gradient(120deg, #2ad4ff, #7c5cff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.vx-d {
  color: #7c5cff;
}
.vx-powered-sub {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.vx-powered:hover .vx-powered-sub,
.vx-powered:focus-visible .vx-powered-sub {
  opacity: 1;
}
.powered-row{margin-top:18px}
/* Export bar: the label sits above the field, so everything lines up on the field's bottom edge at one height */
.export-row{align-items:flex-end;gap:10px}
.export-row .field{margin:0}
.export-row input:not([type=checkbox]),.export-row button,.export-row .pill{height:44px}
.export-row .pill{display:inline-flex;align-items:center;border-radius:9px;padding:0 14px;white-space:nowrap}
.export-row button{white-space:nowrap}
@media(max-width:680px){.export-row .field{flex-basis:100%}.export-row button{flex:1}}
/* Back to the website: a clear button, in the top bar at every width and in the sidebar */
.top-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0}
.back-studio{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s}
.back-studio:hover{background:var(--raised);border-color:var(--focus)}
.back-studio:active{transform:translateY(1px)}
.back-studio:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.back-studio span{color:var(--accent);font-size:15px;line-height:1}
.sidebar-foot .back-studio{margin-top:14px;width:100%;justify-content:center}
@media(max-width:680px){.top-left .crumb{display:none}}
.vx-powered-by{white-space:nowrap}
.sidebar-foot .vx-powered{flex-direction:column;align-items:flex-start;gap:7px}