*{box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f2f3f5;background:#191919;font-synthesis:none}body{margin:0}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,.drop-zone:focus-within{outline:2px solid #38afff;outline-offset:4px}[hidden]{display:none!important}.app-header{height:72px;display:flex;align-items:center;gap:22px;padding:0 28px;border-bottom:1px solid #363638;background:#202020}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f4f4f5;font-size:20px;letter-spacing:-.5px}.brand b{font-weight:400;color:#b2b3b5}.brand-mark{display:grid;place-items:center;background:#008bdf;color:#fff;width:30px;height:32px;border-radius:5px;font-weight:800;font-style:italic;letter-spacing:-2px;padding-right:3px}.header-divider{height:24px;width:1px;background:#48494b}.app-header h1{font-size:16px;font-weight:500;margin:0}.demo-badge{font-size:11px;color:#a9abb0;border:1px solid #45464a;padding:4px 8px;border-radius:4px;margin-left:auto}main{height:calc(100dvh - 72px);min-height:650px;display:grid;grid-template-columns:368px minmax(0,1fr)}aside{background:#232323;border-right:1px solid #393939;padding:30px 24px 24px;overflow:auto;display:flex;flex-direction:column}.panel-heading h2{font-size:20px;font-weight:600;margin:0 0 10px}.panel-heading p{font-size:14px;line-height:1.6;color:#aeb0b5;margin:0 0 28px}#upload-form{display:flex;flex-direction:column;gap:18px;flex:1}.scan-card{border:1px solid #45464a;border-radius:6px;background:#292929;padding:18px 16px 13px;border-left:3px solid #008ee3}.scan-card.lower{border-left-color:#9759ee}.scan-card.dragging{background:#303b43;border-color:#00a1ff}.scan-card.loading{opacity:.65}.scan-heading{display:flex;align-items:center;gap:11px}.scan-heading img{width:34px;height:30px;object-fit:contain}.scan-heading h3{font-size:14px;line-height:1.5;margin:0;font-weight:600}.file-check{color:#87c777;font-size:16px;margin-left:auto}.drop-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:108px;gap:10px;cursor:pointer;margin-top:10px;border:1px dashed #535456;border-radius:4px;padding:12px;text-align:center;transition:background .15s}.drop-zone:hover{background:#333}.drop-zone input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.drop-title{font-size:12px;color:#a9abb0}.browse{font-size:13px;color:#46b1f2}.file-name{max-width:100%;overflow-wrap:anywhere;font-size:13px;color:#e4e5e8;line-height:1.5}.has-file .drop-zone{min-height:80px;border-style:solid;border-color:#3d3e40}.has-file .drop-title,.has-file .browse{display:none}.file-details{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#989ba1;font-size:11px}.remove{border:0;background:none;color:#b8b9bd;font-size:11px;padding:3px 0}.remove:hover{color:#fff}.formats{color:#8b8e94;font-size:11px;margin:-3px 0 0;line-height:1.6}.panel-footer{margin-top:auto;padding-top:24px}.panel-footer p{font-size:12px;line-height:1.6;color:#b3b6bc;margin:0 0 14px;min-height:20px}.primary,.secondary{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:5px;background:#00a1ff;color:#fff;font-size:14px;font-weight:600}.primary:not(:disabled):hover{background:#1cafff}.primary:disabled{background:#515359;color:#c1c3c6;opacity:.7}.primary span{font-size:19px}.secondary{background:#36383b;color:#ebedf0;border:1px solid #53565b;font-weight:500}.secondary:hover{background:#414449}#error{font-size:12px;line-height:1.6;color:#ffb7b7;margin:0}.viewer{position:relative;overflow:hidden;min-width:0;background:#191c20}#canvas{height:100%;width:100%;touch-action:none}canvas{display:block;width:100%;height:100%}#empty{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:85%;color:#60656c}#empty>svg{width:64px;height:64px;margin-bottom:18px;color:#69727b}#empty h2{font-size:18px;font-weight:500;color:#a0a6ae;margin:0 0 10px}#empty p{font-size:13px;color:#6d757e;margin:0}#view-controls{position:absolute;top:24px;left:24px;display:flex;gap:3px;border:1px solid #3e434a;border-radius:5px;padding:3px;background:#22262bd9}#view-controls button{background:none;border:0;border-radius:3px;padding:7px 12px;color:#a6adb6;font-size:12px}#view-controls button.selected{background:#3a424c;color:#f0f2f5}.right-tools{position:absolute;right:24px;top:24px;display:flex;flex-direction:column;gap:8px}.right-tools button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:72px;height:64px;border:1px solid #45464a;border-radius:5px;color:#bfc4ca;background:#22262bd9;font-size:10px}.right-tools button:hover{background:#363c45}.right-tools img,.right-tools svg{width:21px;height:21px}.right-tools img{filter:brightness(0) invert(1);opacity:.8}#color-toggle[aria-pressed=true]{color:#f7f8fa;background:#11699a;border-color:#2d9bd9}#color-toggle[aria-pressed=true] img{opacity:1}#mode{position:absolute;left:26px;bottom:26px;font-size:11px;color:#a5abb3}.navigation-hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);color:#737c87;font-size:11px;white-space:nowrap;margin:0;pointer-events:none}#progress{position:absolute;bottom:68px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:11px;padding:13px 19px;border:1px solid #414853;border-radius:7px;background:#282d35ed;box-shadow:0 7px 26px #0003;font-size:13px;white-space:nowrap}.spinner{display:inline-block;width:18px;height:18px;border:2px solid #526171;border-top-color:#4dbaff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){main{grid-template-columns:300px minmax(0,1fr)}aside{padding:24px 18px}.app-header{padding:0 20px;gap:15px}.brand{font-size:17px}.navigation-hint{display:none}.right-tools{right:14px;top:18px}#view-controls{left:14px;top:18px}#view-controls button{padding:7px 8px}}@media(max-width:620px){.app-header{height:60px}.brand{font-size:15px}.app-header h1{font-size:14px}.demo-badge{display:none}main{height:auto;min-height:calc(100dvh - 60px);display:flex;flex-direction:column}aside{border:0;border-bottom:1px solid #393939;padding:20px}.panel-heading p{margin-bottom:18px}#upload-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scan-card{padding:12px 10px 10px}.scan-heading img{width:27px;height:27px}.scan-heading{gap:7px}.scan-heading h3{font-size:12px}.drop-zone{min-height:93px;padding:8px}.drop-title{font-size:11px}.formats,#error,.panel-footer{grid-column:1/-1}.panel-footer{padding-top:6px}.panel-footer p{margin-bottom:10px}.viewer{height:62dvh;min-height:390px}#progress{max-width:90%;font-size:12px}#empty h2{font-size:16px}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}