.ux-premium [data-tool-workspace=empty],.ux-converter [data-tool-workspace=empty],.ux-pdf-pages [data-tool-workspace=empty]{flex-direction:column;justify-content:flex-start;align-items:center;gap:.85rem;width:100%;padding-top:1.5rem;display:flex}@media (min-width:640px){.ux-premium [data-tool-workspace=empty],.ux-converter [data-tool-workspace=empty],.ux-pdf-pages [data-tool-workspace=empty]{min-height:calc(100svh - 14rem);padding-top:2rem}}.ux-upload{border:1.5px dashed color-mix(in srgb, var(--scanonix-orange) 42%, var(--border,#d8d2cb));background:var(--surface,#fff);text-align:center;border-radius:1.75rem;width:min(100%,40rem);padding:2.75rem 1.5rem 2.25rem;transition:border-color .18s,background-color .18s,box-shadow .18s;box-shadow:0 1px 2px #0000000a,0 16px 40px #0000000f}html[data-theme=dark] .ux-upload{border-color:color-mix(in srgb, var(--scanonix-orange) 38%, transparent);background:#1c1b19;box-shadow:inset 0 1px #ffffff0a,0 16px 34px #00000052}html[data-theme=bright] .ux-upload{border-color:color-mix(in srgb, var(--scanonix-orange) 34%, #e4ddd4);background:#fff;box-shadow:0 1px 1px #00000008,0 14px 32px #0000000d}.ux-upload.is-dragging{border-style:solid;border-color:var(--scanonix-orange);background:color-mix(in srgb, var(--scanonix-orange) 8%, var(--surface,#fff))}.ux-upload.is-disabled{opacity:.6}.ux-upload-marks{justify-content:center;align-items:center;gap:.85rem;display:flex}.ux-upload-mark{background:color-mix(in srgb, var(--scanonix-orange) 12%, transparent);width:3.25rem;height:3.25rem;color:var(--scanonix-orange);border-radius:.9rem;justify-content:center;align-items:center;display:flex}.ux-upload-mark svg,.ux-upload-chevron{width:1.45rem;height:1.45rem}.ux-upload-chevron{color:color-mix(in srgb, var(--foreground-muted,#8a8178) 80%, transparent)}.ux-upload-mark-label{letter-spacing:.04em;font-size:.68rem;font-weight:700}.ux-upload-prompt{letter-spacing:-.015em;color:var(--foreground,inherit);margin:1.35rem 0 0;font-size:1.05rem;font-weight:600}.ux-upload-formats{color:var(--foreground-muted,#8a8178);margin:.4rem 0 0;font-size:.84rem}.ux-upload-button{background:var(--scanonix-orange);min-height:2.85rem;color:var(--on-brand,#141210);letter-spacing:-.01em;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb, var(--scanonix-orange) 28%, transparent);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;margin-top:1.35rem;padding:0 1.35rem;font-size:.98rem;font-weight:600;transition:transform .16s,background-color .16s,box-shadow .16s;display:inline-flex}.ux-upload-button svg{width:1.05rem;height:1.05rem}.ux-upload-button:hover:not(:disabled){background:color-mix(in srgb, var(--scanonix-orange) 88%, white)}.ux-upload-button:focus-visible{outline:3px solid var(--scanonix-orange);outline-offset:3px}.ux-upload-button:disabled{cursor:not-allowed;box-shadow:none}@media (prefers-reduced-motion:no-preference){.ux-upload-button:hover:not(:disabled){transform:translateY(-1px)}}.ux-command{flex-direction:column;gap:.75rem;display:flex}.ux-command-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ux-command-primary{flex:1 0 100%;order:-1;border-radius:999px!important}@media (min-width:640px){.ux-command{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.ux-command-actions{justify-content:flex-end}.ux-command-primary{flex:none;order:0;min-width:12.5rem}}.ux-premium .ux-preview-stage .grid,.ux-converter .ux-preview-stage .grid{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.ux-premium .ux-preview-stage .grid>*,.ux-converter .ux-preview-stage .grid>*{flex:16rem;width:min(100%,18rem);max-width:18rem}:is(.ux-premium .ux-preview-stage .grid:has(>:only-child)>*,.ux-converter .ux-preview-stage .grid:has(>:only-child)>*){flex-basis:28rem;width:min(100%,28rem);max-width:28rem}.ux-workspace{width:min(100%,68rem);min-width:0;margin-inline:auto}.ux-stage{border:1px solid color-mix(in srgb, var(--border,#e8e2da) 88%, transparent);background:var(--surface,#fff);border-radius:1.35rem;flex-direction:column;gap:1rem;min-width:0;padding:.85rem .85rem 1.1rem;display:flex;box-shadow:0 1px 1px #00000008,0 12px 28px #0000000d}html[data-theme=dark] .ux-stage{background:#1c1b19;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0d,0 16px 34px #00000057}.ux-stage .ux-command{border-bottom:1px solid color-mix(in srgb, var(--border,#e8e2da) 80%, transparent);padding:.15rem .35rem .85rem}html[data-theme=dark] .ux-stage .ux-command{border-bottom-color:#ffffff1a}.ux-result-line{color:var(--foreground-muted,#8a8178);margin:0;padding-inline:.35rem;font-size:.875rem}.ux-stage .ux-preview-stage{background:#f0ede9;border-radius:1rem;padding:.9rem .75rem 1rem}html[data-theme=dark] .ux-stage .ux-preview-stage{background:#121110}.ux-setup{padding:0 .35rem .1rem}@media (max-width:767px){.ux-premium~aside[aria-label^=About],.ux-converter~aside[aria-label^=About],.ux-pdf-pages~aside[aria-label^=About]{margin-top:4.5rem}}@media (max-width:420px){.ux-upload-button,.ux-command-primary{scroll-margin-bottom:19rem}}html[data-theme=dark] .ux-premium .ux-preview-stage article,html[data-theme=dark] .ux-converter .ux-preview-stage article{color:#fafafa;background-color:#1c1917}html[data-theme=dark] .ux-premium .ux-preview-stage article .border-t,html[data-theme=dark] .ux-converter .ux-preview-stage article .border-t{background-color:#1c1917;border-top-color:#ffffff24}html[data-theme=dark] .ux-premium .ux-preview-stage article .border-t>p:first-child,html[data-theme=dark] .ux-converter .ux-preview-stage article .border-t>p:first-child{color:#fafafa}html[data-theme=dark] .ux-premium .ux-preview-stage article .border-t>p+p,html[data-theme=dark] .ux-converter .ux-preview-stage article .border-t>p+p{color:#d6d3d1}html[data-theme=dark] .ux-premium .ux-preview-stage article button[aria-label^=Rotate],html[data-theme=dark] .ux-converter .ux-preview-stage article button[aria-label^=Rotate]{color:#fafafa;background-color:#2a2623;border-color:#ffffff5c}html[data-theme=dark] .ux-premium .ux-preview-stage article button[aria-label^=Rotate]:focus-visible,html[data-theme=dark] .ux-converter .ux-preview-stage article button[aria-label^=Rotate]:focus-visible{outline:2px solid var(--scanonix-orange);outline-offset:2px}html[data-theme=dark] .ux-premium .ux-stage label:has(input[type=radio]:not(:disabled):not(:checked)){color:#f5f5f4;background-color:#2c2825;border-color:#ffffff3d}html[data-theme=dark] .ux-premium .ux-stage label:has(input[type=radio]:disabled){color:#a8a29e;background-color:#1a1816;border-color:#ffffff14}