:root{color-scheme:dark;--bg:#080d19;--panel:#111a2c;--panel-raised:#162139;--ink:#edf3ff;--muted:#8d9cb6;--line:#243149;--blue:#4980ff;--cyan:#6ee5ef;--error:#ff8d9a;--radius:20px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#172c554f,transparent 48%),var(--bg);color:var(--ink);font-family:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.36;cursor:not-allowed}[hidden]{display:none!important}a{color:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan)}
.topbar{height:94px;max-width:1440px;margin:auto;padding:0 46px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #ffffff0c}.brand{display:flex;align-items:center;gap:13px;font-weight:700;font-size:18px;letter-spacing:.2px;text-decoration:none;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:2.3px;color:#7890b8;font-weight:500;margin-top:6px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border:1px solid #7aa5ff70;border-radius:13px;background:linear-gradient(145deg,#4d86ff,#2f50c8);color:white;box-shadow:0 6px 25px #2767ff26;font-size:25px;font-weight:500;flex:none}.main-nav{display:flex;align-items:center;gap:30px}.nav-item{padding:13px 0;color:#9aaac3;text-decoration:none;white-space:nowrap;font-size:13px;position:relative}.nav-item:hover{color:white}.nav-item.selected{color:#f5f8ff}.nav-item.selected:after{content:"";position:absolute;bottom:2px;left:0;width:20px;height:2px;background:var(--blue)}.top-actions{display:flex;align-items:center;gap:17px;min-width:0}.user-chip{font-size:12px;color:#c4d0e5;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#91bba9;white-space:nowrap}.pill:before{content:"";width:5px;height:5px;border-radius:50%;background:#65d6a4;box-shadow:0 0 9px #65d6a433}.pill.offline{color:#e8b981}.pill.offline:before{background:#e8b981}.text-button{background:none;border:0;padding:5px 0;color:#93a6c3;font-size:12px}.text-button:hover{color:#dce9ff}.workspace{max-width:1348px;margin:auto;padding:44px 46px 22px}.page-heading{display:flex;justify-content:space-between;align-items:center;min-height:154px;margin-bottom:26px;gap:25px}.eyebrow{display:flex;align-items:center;gap:9px;color:#7096d6;font-size:10px;letter-spacing:2px;font-weight:600;margin:0 0 16px}.eyebrow>span{width:5px;height:5px;background:var(--cyan);border-radius:50%}h1{font-size:42px;line-height:1.2;letter-spacing:-1.5px;font-weight:700;margin:0}.title-dot{color:var(--blue)}.subtitle{font-size:14px;line-height:1.9;color:#91a2be;margin:17px 0 0}.mobile-break{display:none}.hero-visual{height:155px;width:324px;position:relative;flex:none;display:flex;align-items:center;justify-content:center;gap:22px}.hero-visual:before{content:"";position:absolute;inset:0;border:1px solid #4168ab22;border-radius:50%;transform:rotate(-15deg);background:radial-gradient(ellipse,#3773ff19,transparent 65%)}.format-sheet{width:76px;height:101px;padding:17px 13px;border:1px solid #5a86c65c;border-radius:11px;background:linear-gradient(145deg,#223759,#111e34);box-shadow:0 18px 35px #0004;position:relative}.format-sheet span{font-size:13px;letter-spacing:1px;font-weight:700}.format-sheet i{display:block;margin-top:9px;width:100%;height:3px;background:#7896c742;border-radius:2px}.format-sheet i:last-child{width:65%}.sheet-doc{transform:rotate(-13deg);color:#7aa8ff}.sheet-pdf{transform:rotate(12deg);color:#7fe6ec;border-color:#4cb3c16b}.conversion-orbit{font-size:28px;color:#7b9ddb;position:relative;font-weight:300}.orbit-caption{position:absolute;bottom:-4px;color:#45638e;font-size:8px;letter-spacing:4px}
.capability-row{display:flex;align-items:center;gap:24px;margin-bottom:24px;font-size:11px;color:#91a1bc}.capability-row>div{display:flex;gap:8px}.capability-row b{border:1px solid #2b3a53;background:#131e31;padding:6px 11px;border-radius:5px;color:#b2c3e0;font-size:10px;font-weight:500}.capability-row small{margin-left:auto;color:#526986;font-size:10px}.quota-strip{display:flex;gap:24px;border-top:1px solid #ffffff0b;padding:17px 0 22px;color:#7086a7;font-size:11px;min-height:45px}.quota-strip span+span:before{content:"";display:inline-block;vertical-align:middle;width:1px;height:10px;background:#2a3851;margin-right:24px}.converter-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:22px}.card{background:linear-gradient(145deg,#141e32,#10192b);border:1px solid #283650;border-radius:var(--radius);overflow:hidden}.upload-card,.options-card{padding:25px 27px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px;min-height:27px}.card-title>div{display:flex;align-items:center;gap:11px}h2{font-size:16px;line-height:1.4;font-weight:650;letter-spacing:.1px;margin:0}.step{color:#5879ae;font-size:11px;font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:1px}.dropzone{border:1px dashed #3d5c88;border-radius:13px;min-height:268px;padding:28px 15px 22px;text-align:center;background:radial-gradient(ellipse at 50% 25%,#2c5fbc1f,transparent 80%),#101b2e;transition:border-color .2s,background .2s}.dropzone.dragging{border-color:var(--cyan);background:#163255}.upload-symbol{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0 auto 18px;border-radius:16px;color:#89b4ff;background:linear-gradient(145deg,#304b77,#1c2e4b);border:1px solid #4b6fa24d;box-shadow:0 10px 28px #0002}h3{font-size:18px;font-weight:550;margin:0 0 10px}.dropzone p{font-size:12px;color:#7e92b3;line-height:1.8;margin:0 0 21px}.dropzone small{display:block;margin-top:16px;font-size:10px;color:#5b7499}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;border:1px solid transparent;border-radius:9px;min-height:44px;padding:12px 22px;font-size:13px;font-weight:650;transition:filter .15s,transform .15s}.button:hover:not(:disabled){filter:brightness(1.13);transform:translateY(-1px)}.primary{background:linear-gradient(120deg,#568bff,#3e6de9);color:white;box-shadow:0 5px 18px #2468ff20}.dark{background:linear-gradient(120deg,#568bff,#3e6de9);color:white}.full{width:100%;justify-content:space-between}.selection-heading{display:flex;justify-content:space-between;color:#8297b8;font-size:11px;margin-top:20px;padding-bottom:9px}.selected-files{max-height:150px;overflow:auto}.empty-selection{font-size:11px;line-height:1.8;color:#516a8f;margin:2px 0 0}.selected-file{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #25334b}.file-icon{width:33px;height:38px;border:1px solid #3c5880;border-radius:6px;background:#1c2f4e;color:#8eb4f3;display:flex;align-items:center;justify-content:center;flex:none;font-size:8px;font-weight:700;overflow:hidden}.file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#cad8ed}.file-size{color:#6682a9;font-size:10px;white-space:nowrap}.remove-file{background:none;border:0;color:#849bbc;font-size:18px}.field-label{display:block;font-size:12px;font-weight:550;color:#becce2;margin-bottom:11px}select{color:var(--ink);background:#111e34;border:1px solid #344b70;border-radius:8px;padding:0 13px;height:46px;max-width:100%}.options-card select{width:100%}select:disabled{color:#587095;background:#101b2e;border-color:#273851}.field-help{font-size:11px;color:#667fA4;line-height:1.9;margin:9px 0 20px}.quality-row{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.quality-row .field-label{margin:0}.quality-row output{padding:4px 8px;background:#23395c;color:#89b4ff;border-radius:5px;font-size:11px}input[type=range]{width:100%;margin:15px 0 0;height:14px;accent-color:#568bff}.range-labels{display:flex;justify-content:space-between;color:#5d779c;font-size:10px;margin-top:7px}.workflow-note{display:flex;gap:11px;border-top:1px solid #293650;margin:21px 0;padding-top:18px;color:#9aacc8}.workflow-note>span{width:22px;height:22px;background:#244769;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8ddfe7;flex:none;font-size:11px}.workflow-note strong{font-size:11px;font-weight:550;color:#b6c8e3}.workflow-note p{font-size:10px;line-height:1.8;margin:6px 0 0;color:#607ca3}.retention{font-size:10px;line-height:1.8;text-align:center;color:#587296;margin:12px 0 0}.history-card{margin-top:24px;padding:23px 27px 5px}.history-card .card-title{margin-bottom:18px}.count-badge{padding:3px 7px;border:1px solid #314464;background:#1c2b43;border-radius:5px;color:#8ba8d2;font-size:10px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{font-size:10px;color:#607ca4;font-weight:500;text-align:left;padding:12px 10px;background:#0d1728;border-bottom:1px solid #26334b}td{padding:18px 10px;border-bottom:1px solid #22314a;font-size:11px;color:#8da3c3}td:first-child{max-width:280px;color:#d1dff3;overflow:hidden;text-overflow:ellipsis}td small{display:block;font-size:9px;color:#526f98;margin-top:6px}.align-right{text-align:right}.job-state{padding:5px 8px;border-radius:5px;font-size:10px;display:inline-block;background:#1c2b43;color:#829abd}.state-done{background:#173e3d;color:#7bd9be}.state-running{background:#233c68;color:#8fb6ff}.state-failed{background:#4b293a;color:#ff9caa}.state-partial{background:#493d2a;color:#e6c18a}.job-actions{display:flex;justify-content:flex-end;align-items:center;gap:15px}.job-actions a{color:#80aaff;text-decoration:none;font-size:11px}.job-actions .text-button{font-size:11px}.empty-jobs{text-align:center;padding:33px 16px}.empty-jobs>span{font-size:25px;color:#3d5b84}.empty-jobs h3{color:#8fa4c3;font-size:13px;margin:13px 0 0;font-weight:500}.empty-jobs p{font-size:11px;color:#56749d;margin:9px 0 0}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:23px;margin:17px 0 0;font-size:11px;color:#587397}footer{display:flex;justify-content:space-between;gap:16px;color:#405b82;font-size:9px;letter-spacing:.3px;padding:25px 0 0}.alert{border:1px solid #704550;background:#352231;color:#ffc0ca;border-radius:10px;padding:13px 16px;line-height:1.8;font-size:12px;margin-bottom:20px}progress{width:100%;height:7px;accent-color:var(--blue);margin-top:15px}#upload-progress-text{display:block;color:#8299bd;font-size:10px;margin-top:8px}
.login-overlay{position:fixed;inset:0;z-index:20;overflow:auto;display:flex;align-items:center;justify-content:center;gap:100px;padding:55px;background:radial-gradient(ellipse at 22% 60%,#183b7170,transparent 53%),#080e1d}.login-showcase{max-width:550px}.login-showcase h2{font-size:62px;line-height:1.18;letter-spacing:-2px;margin:25px 0 20px;font-weight:700}.login-showcase h2>span{color:#5488ff}.login-showcase>p:not(.eyebrow){font-size:19px;line-height:1.8;color:#8ea6ca}.login-features{display:flex;gap:22px;margin-top:27px;color:#7995be;font-size:12px}.login-features span:before{content:"✓";color:#6a9fff;margin-right:7px}.login-format-art{display:flex;align-items:center;gap:14px;margin-top:40px}.login-format-art b{padding:17px 13px;border:1px solid #31517c;background:linear-gradient(140deg,#223d65,#142540);border-radius:9px;color:#9dbfff;font-size:12px;letter-spacing:1px;transform:rotate(-5deg)}.login-format-art b:nth-child(3n){color:#8de0ec;transform:rotate(5deg)}.login-format-art>span{font-size:23px;color:#3c6192}.login-card{width:405px;max-width:100%;flex:none;border:1px solid #2c4162;border-radius:24px;padding:37px;background:linear-gradient(140deg,#17253d,#101c31);box-shadow:0 30px 90px #0003}.login-card>.brand-mark{margin-bottom:31px}.login-card>.eyebrow{font-size:8px;letter-spacing:1.5px}.login-card h2{font-size:26px;letter-spacing:-.5px}.login-card>p:not(.eyebrow){font-size:12px;color:#839bbb;line-height:1.9;margin-top:17px}.login-card small{display:block;color:#49658d;text-align:center;font-size:10px;margin-top:23px}.login-error{min-height:17px;font-size:12px;line-height:1.7;color:var(--error);margin:17px 0 15px}
dialog{width:min(760px,calc(100% - 32px));max-height:80vh;overflow:auto;border:1px solid #395076;border-radius:19px;padding:27px;background:#131f34;color:var(--ink);box-shadow:0 25px 90px #0006}dialog::backdrop{background:#030814bf;backdrop-filter:blur(6px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.detail-item{padding:19px 0;border-top:1px solid #2b3e5d}.detail-item strong{font-size:12px;overflow-wrap:anywhere}.detail-item p{font-size:11px;line-height:1.9;color:#9fb3d1;overflow-wrap:anywhere}.detail-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.detail-links a{font-size:12px;text-decoration:none;color:#9dc0ff;border:1px solid #3c5c90;background:#1d3559;padding:9px 13px;border-radius:7px;overflow-wrap:anywhere}.form-card{padding:28px;max-width:720px}.form-card>p{font-size:13px;line-height:2;color:#829abd;margin:18px 0}.form-card>.text-button{display:inline-flex;border:1px solid #3c5680;border-radius:8px;padding:11px 17px;text-decoration:none;color:#acc7f5}.secondary-view{min-height:75vh}.secondary-view .page-heading{min-height:120px}
@media(min-width:1600px){.workspace{padding-top:56px}.page-heading{margin-bottom:35px}.dropzone{padding-top:38px;padding-bottom:32px;min-height:290px}}
@media(max-width:1150px){.topbar{padding:0 28px;gap:20px}.main-nav{gap:19px}.brand{font-size:16px}.top-actions{gap:12px}.pill{display:none}.user-chip{max-width:100px}.workspace{padding:34px 28px 20px}h1{font-size:36px}.hero-visual{width:270px}.converter-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:17px}.upload-card,.options-card{padding:23px}.login-overlay{gap:55px;padding:35px}.login-showcase h2{font-size:50px}.login-card{width:370px;padding:30px}.capability-row{gap:15px}.capability-row small{display:none}}
@media(max-width:800px){.topbar{height:auto;min-height:110px;flex-wrap:wrap;padding:20px 22px 0;gap:13px}.brand{font-size:17px}.brand small{font-size:8px}.brand-mark{width:36px;height:36px;border-radius:11px}.main-nav{order:3;width:100%;height:46px;gap:30px}.nav-item{font-size:12px}.top-actions{margin-left:auto}.user-chip{max-width:110px;font-size:10px}.top-actions .text-button{font-size:11px}.workspace{padding:31px 22px 18px}.page-heading{min-height:0;margin-bottom:24px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:15px}h1{font-size:32px;letter-spacing:-1px}.subtitle{font-size:12px;line-height:1.9;margin-top:13px}.hero-visual{display:none}.mobile-break{display:block}.capability-row{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:17px}.capability-row>span{font-size:10px}.capability-row>div{gap:7px;flex-wrap:wrap}.capability-row b{font-size:9px;padding:5px 10px}.quota-strip{gap:10px 16px;flex-wrap:wrap;padding:15px 0 18px;font-size:10px}.quota-strip span+span:before{display:none}.converter-grid{grid-template-columns:1fr;gap:16px}.upload-card,.options-card{padding:23px 20px}.card{border-radius:16px}.card-title{margin-bottom:20px}h2{font-size:15px}.dropzone{padding:25px 12px;min-height:265px}h3{font-size:17px}.dropzone p{font-size:11px}.options-card{padding-top:23px}.quality-row{margin-top:18px}.history-card{padding:22px 18px 5px}.history-card .card-title h2{font-size:15px}td{padding:17px 9px}.pagination{font-size:10px}footer{font-size:8px;line-height:1.9;flex-wrap:wrap}.login-overlay{display:flex;flex-direction:column;gap:30px;align-items:center;justify-content:flex-start;padding:38px 22px}.login-showcase{width:100%;max-width:405px}.login-showcase .eyebrow{margin:0 0 16px}.login-showcase h2{font-size:39px;letter-spacing:-1px;line-height:1.2;margin:0 0 14px}.login-showcase h2 br{display:none}.login-showcase>p:not(.eyebrow){font-size:14px;line-height:1.8;margin:0}.login-showcase>p br{display:none}.login-features{gap:17px;font-size:10px;margin-top:19px}.login-format-art{display:none}.login-card{width:100%;max-width:405px;padding:28px;border-radius:19px}.login-card>.brand-mark{display:none}.login-card h2{font-size:23px}.login-card>.eyebrow{margin-bottom:14px}.login-card small{line-height:1.8}.secondary-view h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Keep the primary upload and convert actions in the first viewport. */
@media(min-width:801px){.topbar{height:80px}.workspace{padding-top:28px}.page-heading{min-height:118px;margin-bottom:18px}.hero-visual{height:120px;width:280px}.format-sheet{width:66px;height:89px;padding:15px 11px}.hero-visual .orbit-caption{bottom:-6px}.eyebrow{margin-bottom:12px}h1{font-size:38px}.subtitle{margin-top:12px}.capability-row{margin-bottom:16px}.quota-strip{padding:14px 0 18px}.upload-card,.options-card{padding:22px 25px}.card-title{margin-bottom:18px}.dropzone{min-height:242px;padding-top:22px;padding-bottom:20px}.upload-symbol{width:48px;height:48px;margin-bottom:13px}.dropzone h3{margin-bottom:8px}.dropzone p{margin-bottom:16px}.dropzone small{margin-top:12px}}
.advanced-options{border-top:1px solid #273a58;margin:10px 0 17px;padding-top:13px}.advanced-options summary{cursor:pointer;font-size:11px;color:#8da5c9;list-style:none;display:flex;justify-content:space-between;align-items:center}.advanced-options summary:after{content:'+';font-size:15px;color:#7a9bd0}.advanced-options[open] summary:after{content:'−'}.advanced-options summary span{margin-left:auto;margin-right:12px;color:#506c96;font-size:9px}.advanced-options .quality-row{margin-top:17px}.advanced-options .field-help{margin-bottom:4px}.workflow-note{margin-top:20px;margin-bottom:0;padding-top:17px}.options-card>.field-help{margin-bottom:12px}.options-card .button{min-height:46px}

.product-tagline{color:#c8d9f5;font-size:21px;font-weight:550;letter-spacing:1.2px;line-height:1.5;margin:13px 0 0}.product-tagline+.subtitle{margin-top:7px;font-size:12px;color:#7089b0}.login-showcase>.login-tagline{color:#bdd5ff!important;letter-spacing:1px;font-weight:550}@media(max-width:800px){.product-tagline{font-size:19px;margin-top:12px;letter-spacing:.7px}.product-tagline+.subtitle{font-size:11px;margin-top:8px}.login-showcase>.login-tagline{font-size:18px!important;margin-top:14px!important}}
