:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf1f7;--paper:#fff;--ink:#192e4b;--muted:#596b84;--blue:#345bd6;--line:#d5deeb;--success:#1d7365}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.65 Hiragino Sans,Yu Gothic,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:4px;outline:3px solid #1c3992}button:disabled{cursor:default}.app{max-width:1024px;margin:auto;padding:24px 32px}header{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-.9px;align-items:center;gap:10px;font:700 27px Avenir Next,sans-serif;display:flex}.brand svg{color:var(--blue);width:24px;height:26px}.local{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.dot{background:var(--success);border-radius:50%;width:6px;height:6px}.intro{margin:24px 0 22px}h1{letter-spacing:-.9px;margin:0 0 8px;font-size:36px;font-weight:650;line-height:1.45}.intro p{color:var(--muted);margin:0}.console{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}.steps{border-bottom:1px solid var(--line);color:var(--muted);gap:25px;margin:0;padding:15px 24px;font-size:12px;list-style:none;display:flex}.steps li{align-items:center;gap:7px;display:flex}.steps b{border:1px solid var(--line);border-radius:50%;place-items:center;width:21px;height:21px;font:600 11px Avenir Next,sans-serif;display:grid}.steps [aria-current]{color:var(--blue);font-weight:600}.steps [aria-current] b{background:var(--blue);border-color:var(--blue);color:#fff}.workspace{grid-template-columns:minmax(0,1fr) 194px;display:grid}.stage{min-width:0;min-height:305px;padding:25px}.drop{text-align:center;background:#fafbfe;border:1.5px dashed #a6b5cc;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:253px;display:flex}.upload{width:34px;height:34px;color:var(--blue);margin-bottom:9px}h2{margin:0;font-size:18px;font-weight:600;line-height:1.6}p{margin:5px 0 0}.hint{color:var(--muted);font-size:.875rem}.primary{background:var(--blue);color:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 22px;font-weight:600;display:inline-flex}.drop .primary{margin-top:15px}.limits{color:var(--muted);margin-top:12px;font-size:.75rem}.output{border-left:1px solid var(--line);background:#f7f9fd;padding:24px 22px}.output h2{color:var(--muted);margin:16px 0 5px;font-size:.75rem;font-weight:500}.sheet{width:61px;height:73px;color:var(--blue);background:#e8edfc;border:1px solid #c5d0f1;border-radius:6px;place-items:center;font:700 17px Avenir Next,sans-serif;display:grid;position:relative}.sheet:after{content:"";background:#f7f9fd;border-bottom:1px solid #c5d0f1;border-left:1px solid #c5d0f1;border-bottom-left-radius:5px;width:16px;height:16px;position:absolute;top:-1px;right:-1px}.output strong{margin-top:0;font:600 17px Avenir Next,sans-serif;display:block}.output .hint{margin-top:5px}.output-note{border-top:1px solid var(--line);color:var(--muted);margin-top:20px;padding-top:14px;font-size:.75rem}footer{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:.75rem;display:flex}footer svg{width:14px;height:14px}.file{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding-bottom:15px;display:flex}.file-badge{width:38px;height:43px;color:var(--muted);background:#edf1f8;border-radius:5px;flex:none;place-items:center;font:700 10px Avenir Next,sans-serif;display:grid}.file-info{min-width:0}.file-name{overflow-wrap:anywhere;font-size:13px;font-weight:600}.file-meta{color:var(--muted);margin-top:1px;font-size:.75rem}.file .text-button{flex:none;margin-left:auto}.text-button{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:7px;min-width:44px;min-height:44px;padding:9px 13px}.signal{justify-content:center;align-items:center;gap:4px;height:65px;margin:12px 0 4px;display:flex}.signal i{background:#abbbe9;border-radius:3px;width:4px}.busy .signal i{background:var(--blue);animation:.85s ease-in-out infinite alternate signal}@keyframes signal{0%{opacity:.55;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}.status{text-align:center}.status h2{font-size:17px}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:18px;display:flex}.progress-line{color:var(--muted);justify-content:space-between;align-items:baseline;margin-top:10px;font-size:11px;display:flex}.percentage{color:var(--blue);font:600 20px Avenir Next,sans-serif}.track{background:#e8edf7;border-radius:3px;height:5px;margin-top:5px;overflow:hidden}.track span{background:var(--blue);border-radius:inherit;height:100%;display:block}.indeterminate span{width:30%;animation:1.3s ease-in-out infinite alternate loading}@keyframes loading{to{transform:translate(230%)}}.result-icon{width:49px;height:49px;color:var(--success);background:#e6f3ed;border-radius:50%;place-items:center;margin:20px auto 11px;font-size:24px;display:grid}.error .result-icon{color:#a33e25;background:#fff0e9}.result-name{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.drop-mobile{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=680px){.app{padding:14px 18px 12px}.brand{font-size:24px}.local{font-size:10px}.intro{margin:16px 0}h1{font-size:29px}.intro p{font-size:.8125rem}.console{border-radius:14px}.steps{justify-content:space-between;gap:9px;padding:12px 17px;font-size:11px}.workspace{grid-template-columns:minmax(0,1fr)}.stage{min-height:270px;padding:14px 18px}.drop{min-height:240px}.output{border-left:0;border-top:1px solid var(--line);align-items:center;gap:13px;padding:12px 18px;display:flex}.output h2{margin:0;font-size:11px}.sheet{flex:none;order:-1;width:40px;height:47px;font-size:11px}.sheet:after{width:11px;height:11px}.output strong{margin:2px 0 0;font-size:15px}.output .hint{margin:0;font-size:.75rem}.output-note{display:none}footer{margin-top:14px;font-size:.6875rem}.file-name{font-size:12px}.signal{height:50px;margin-top:10px}.actions{margin-top:15px}.status h2{font-size:16px}.drop-desktop{display:none}.drop-mobile{display:inline}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}