:root{--ink:#181818;--muted:#737373;--accent:#fa4b29;--canvas:#f7f7f7;--line:#c8c8c8;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#fff}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:34px 3.6vw}.brand{display:flex;align-items:center;gap:18px;font-size:32px;font-weight:650;letter-spacing:-1px}.brand svg{width:44px;height:36px;fill:var(--ink)}.text-button{padding:4px 0;border:0;background:none;font-size:20px;color:var(--muted)}.text-button:hover{color:var(--ink)}main{max-width:1316px;width:87.4%;margin:0 auto}.intro{text-align:center;margin:42px 0 44px}h1{font-size:80px;font-weight:650;line-height:1.25;letter-spacing:-3px;margin:0}.intro p{font-size:26px;color:var(--muted);margin:16px 0 0}.dropzone{height:394px;border:1.5px dashed var(--line);border-radius:16px;background:var(--canvas);position:relative;transition:border-color .18s,background .18s;display:flex;align-items:center;justify-content:center}.dropzone.dragging{border-color:var(--accent);background:#fff3ef}.empty{display:flex;align-items:center;flex-direction:column;gap:24px}.plus{width:76px;height:76px;margin-bottom:5px}.button{height:72px;min-width:256px;border:0;border-radius:10px;font-size:26px;font-weight:500;padding:0 34px;transition:background .18s,transform .18s}.button:active:not(:disabled){transform:translateY(1px)}.dark{background:var(--ink);color:white}.dark:hover{background:#333}.accent{background:var(--accent);color:white}.accent:hover:not(:disabled){background:#e63b19}.accent:disabled{background:#ff927a}.empty p{font-size:22px;color:var(--muted);margin:-6px 0 0}.toolbar{display:flex;justify-content:space-between;gap:24px;margin-top:44px}.segmented{display:flex;border:1.5px solid #aaa;border-radius:10px;overflow:hidden;flex-shrink:0}.segmented button{border:0;background:#fff;color:var(--ink);font-size:24px;padding:0 40px;min-height:76px;min-width:174px;transition:background .18s,color .18s}.segmented button[aria-pressed=true]{background:var(--ink);color:white}.segmented button:focus-visible{outline-offset:-5px}.toolbar>.button{width:330px;height:78px}.footnote{display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--muted);font-size:20px;margin:40px 0 0}.formats{font-size:20px;text-align:left}.status{font-size:19px;line-height:1.6;margin:20px 0;min-height:30px;color:var(--muted)}.status.error{color:#b6301c}#format-details{font-size:18px;line-height:1.8;color:var(--muted);margin:20px 0}.gate{max-width:460px;margin:12vh auto 0;text-align:center}.gate h1{font-size:52px;letter-spacing:-2px;margin:32px 0}.gate-symbol{display:flex;justify-content:center;gap:7px}.gate-symbol span{width:40px;height:64px;background:var(--ink);border-radius:5px}.gate-symbol span:last-child{background:var(--accent)}.gate form{display:flex;flex-direction:column;gap:18px}.gate input{width:100%;height:78px;text-align:center;border:1.5px solid #ccc;border-radius:10px;font-size:30px;letter-spacing:5px;background:var(--canvas);color:var(--ink)}.gate input::placeholder{font-size:22px;letter-spacing:0;color:#888}.gate .button{height:72px}.gate #login-error{color:#b6301c;font-size:20px;min-height:32px;margin:0}.busy{position:absolute;inset:0;background:rgba(247,247,247,.96);border-radius:15px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:24px}.spinner{width:28px;height:28px;border:2px solid #d8d8d8;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.pieces{display:flex;gap:10px;align-items:stretch;justify-content:center;max-width:100%;max-height:100%;transition:gap .2s}.pieces.vertical{flex-direction:column}.pieces img{display:block;min-width:0;min-height:0;object-fit:fill;border-radius:3px;background-color:white;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.file-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 -20px;font-size:18px;color:var(--muted)}#file-info{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row .text-button{white-space:nowrap}.downloads{display:flex;gap:28px;padding:0 0 32px}.downloads a{font-size:20px;text-decoration:underline;text-underline-offset:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){main{max-width:1400px}.intro{margin-top:70px}.dropzone{height:420px}}@media(max-width:900px){h1{font-size:52px}.intro{margin:45px 0 35px}.footnote{font-size:18px}.formats{font-size:18px}.segmented button{min-width:120px;padding:0 24px}.toolbar>.button{width:250px;min-width:0}.dropzone{height:350px}}
@media(max-width:600px){header{padding:25px 24px}.brand{font-size:23px;gap:12px}.brand svg{width:35px}.text-button{font-size:18px}main{width:calc(100% - 40px)}.intro{margin:35px 0 28px}h1{font-size:34px;letter-spacing:-1.5px;white-space:nowrap}.intro p{font-size:20px;margin-top:13px}.dropzone{height:320px;border-radius:13px}.empty{gap:22px}.plus{width:54px;height:54px}.button{height:62px;font-size:22px;min-width:200px}.empty p{font-size:18px}.toolbar{flex-direction:column;gap:18px;margin-top:28px}.segmented{width:100%}.segmented button{width:50%;font-size:21px;min-height:58px}.toolbar>.button{width:100%;height:64px}.footnote{margin-top:26px;flex-direction:column;align-items:flex-start;gap:10px;font-size:17px}.formats{font-size:17px}.gate{margin-top:11vh;max-width:360px}.gate h1{font-size:42px;margin:28px 0}.gate input{height:72px}.gate .button{height:66px}.gate-symbol span{width:33px;height:53px}.file-row{margin-bottom:0;font-size:16px;gap:10px}.status,#format-details{font-size:17px}.downloads{gap:18px}.downloads a{font-size:17px}#preview{padding:12px}.busy{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}