:root{--accent: #245bd8;--accent-2: #4778df;--accent-3: #70b8ff;--accent-soft: #eef4ff;--accent-shadow: rgba(36, 91, 216, .28);--page-tint: #eef2f7;color:#172033;background:var(--page-tint);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}.app-shell{min-height:100vh;background:var(--page-tint)}.app-shell--baf{--accent: #245bd8;--accent-2: #4778df;--accent-3: #70b8ff;--accent-soft: #eef4ff;--accent-shadow: rgba(36, 91, 216, .28);--page-tint: #eef2f7}.app-shell--h264{--accent: #0d8a7b;--accent-2: #17a394;--accent-3: #5ed0c0;--accent-soft: #e5f6f3;--accent-shadow: rgba(13, 138, 123, .28);--page-tint: #e7f3f1}.app-bar{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(94,113,140,.12);background:color-mix(in srgb,var(--page-tint) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-bar__inner{width:min(1180px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;padding:16px 0}.app-brand{display:flex;align-items:center;gap:12px;min-width:0}.app-brand__logo{display:block;width:76px;height:42px;object-fit:contain}.app-brand strong{display:block;color:#0e1729;font-size:18px;line-height:1.2}.tabs{display:flex;grid-column:2;flex:0 1 auto;gap:4px;padding:5px;border-radius:18px;background:#ffffffdb;box-shadow:0 12px 36px #1a2b4914}.tabs__item{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:14px;padding:11px 18px;color:#5c6b80;background:transparent;cursor:pointer;font-weight:800;white-space:nowrap}.tabs__icon{display:grid;flex:0 0 auto;place-items:center;width:18px;height:18px}.tabs__icon svg{width:18px;height:18px;fill:currentColor}.tabs__item--active{color:#fff;background:var(--accent);box-shadow:0 12px 28px var(--accent-shadow)}.page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:36px 0 48px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow,.dropzone__eyebrow{margin:0 0 10px;color:#58708f;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;color:#0e1729;font-size:clamp(32px,5vw,56px);line-height:1.05}.hero__desc{max-width:680px;margin:18px 0 0;color:#5c6b80;font-size:17px;line-height:1.7}.hero__badge{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:999px;padding:10px 16px;color:var(--accent);background:#ffffffb8;box-shadow:0 12px 36px #1a2b4914;font-size:14px;font-weight:700}.page--flow{width:min(860px,calc(100% - 32px))}.page--h264{width:min(1180px,calc(100% - 32px))}.page--h264 .page-intro{width:min(860px,100%);max-width:860px;margin-right:auto;margin-left:auto}.h264-layout{position:relative;width:min(860px,100%);margin:0 auto}.device-notice{position:absolute;top:0;left:calc(100% + 18px);box-sizing:border-box;width:190px;border:1px solid #f0c36a;border-radius:16px;padding:15px;background:linear-gradient(145deg,#fffaf0,#fff4d8);box-shadow:0 14px 36px #784c0a1a}.device-notice__badge{display:inline-flex;border-radius:999px;padding:5px 10px;color:#8a5200;background:#ffe4a8;font-size:11px;font-weight:800}.device-notice h2{margin:11px 0 8px;color:#6f4300;font-size:16px}.device-notice p{margin:0;color:#755727;font-size:12px;line-height:1.6}.device-notice p+p{margin-top:7px}.page--flow h1{font-size:clamp(28px,4vw,36px)}.page-intro{margin-bottom:22px}.page-intro p{max-width:640px;margin:10px 0 0;color:#5c6b80;font-size:16px;line-height:1.6}.flow{display:grid;gap:16px;margin:0;padding:0;list-style:none}.flow-step{border:1px solid rgba(94,113,140,.16);border-radius:24px;padding:22px;background:#ffffffdb;box-shadow:0 18px 50px #192a4614}.flow-step:not(.flow-step--current):not(.flow-step--done){background:#ffffff9e}.flow-step__head{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.flow-step__index{display:grid;flex:0 0 auto;place-items:center;width:32px;height:32px;border-radius:999px;color:var(--accent);background:var(--accent-soft);font-size:14px;font-weight:800}.flow-step--done .flow-step__index,.flow-step--current .flow-step__index{color:#fff;background:var(--accent)}.flow-step__head strong,.flow-step__head small{display:block}.flow-step__head strong{color:#0e1729;font-size:17px}.flow-step__head small{margin-top:4px;color:#6a7789;line-height:1.5}.flow-step .dropzone{min-height:168px;padding:28px 20px;border-style:dashed;box-shadow:none}.flow-step .dropzone--selected{min-height:0;padding:18px}.flow-step .hint{margin:14px 0 0}.flow-step__actions{display:grid;justify-items:center;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid #e8eef6;text-align:center}.flow-step__actions .button{min-width:240px;padding:15px 30px;font-size:16px}.stack{display:grid;gap:16px}.stack+.stack{margin-top:16px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px}.workspace__primary,.workspace__side{display:grid;gap:20px}.dropzone,.panel{border:1px solid rgba(94,113,140,.16);border-radius:28px;background:#ffffffdb;box-shadow:0 22px 70px #192a461a}.dropzone{display:grid;place-items:center;min-height:300px;padding:40px;text-align:center;cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.dropzone:hover{border-color:color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:0 28px 80px #192a4624;transform:translateY(-1px)}.dropzone input{display:none}.dropzone strong{display:block;color:#0e1729;font-size:26px}.dropzone small{margin-top:10px;color:#6c7b90}.file-meta,.summary-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.file-meta{justify-content:center}.file-meta span,.summary-grid span{border-radius:999px;padding:8px 12px;color:#50647f;background:#f1f5fb;font-size:13px;font-weight:700}.panel{padding:24px}.panel--muted{color:#718097;background:#ffffff8c}.panel__header{display:grid;gap:6px;margin-bottom:20px}.panel__header span{color:#0e1729;font-size:18px;font-weight:800}.panel__header small{color:#6a7789;line-height:1.5}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}.field-grid--nested{margin-top:14px}.field{display:grid;align-content:start;gap:8px}.field>span:first-child{display:flex;align-items:flex-end;min-height:28px}.field span,.check-field{color:#4d5f75;font-size:14px;font-weight:700}.field input,.field select{box-sizing:border-box;width:100%;height:44px;border:1px solid #d8e0eb;border-radius:14px;padding:12px 13px;color:#172033;background:#fbfdff;font:inherit;outline:none}.field input:focus,.field select:focus{border-color:var(--accent-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-2) 18%,transparent)}.field input[aria-invalid=true]{border-color:#d14343;background:#fff8f7}.field input[aria-invalid=true]:focus{box-shadow:0 0 0 4px #d1434324}.field .field-error{color:#b42318;font-size:12px;font-weight:600;line-height:1.45}.field-label,.check-label{display:inline-flex;align-items:center;gap:6px}.help-tip{position:relative;display:inline-grid;flex:0 0 auto;place-items:center;box-sizing:border-box;width:17px;height:17px;border:1px solid #aab7c8;border-radius:50%;color:#687991;background:#f5f8fc;cursor:help;font-size:11px;font-weight:800;line-height:1;outline:none}.help-tip:after{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:min(270px,calc(100vw - 48px));border:1px solid rgba(34,50,74,.14);border-radius:10px;padding:9px 11px;color:#fff;background:#24334a;box-shadow:0 12px 28px #121f3233;content:attr(data-tooltip);font-size:12px;font-weight:500;line-height:1.5;opacity:0;pointer-events:none;text-align:left;transform:translateY(-3px);transition:opacity .12s ease,transform .12s ease}.help-tip:hover:after,.help-tip:focus-visible:after{opacity:1;transform:translateY(0)}.check-label .help-tip:after{right:0;left:auto}.option-guide{display:flex;align-items:baseline;gap:9px;margin-top:16px;border:1px solid color-mix(in srgb,var(--accent-2) 24%,#d8e0eb);border-radius:14px;padding:10px 13px;color:#52647b;background:color-mix(in srgb,var(--accent-soft) 55%,#fff);font-size:13px;line-height:1.55}.option-guide strong{flex:0 0 auto;color:var(--accent);font-size:13px}.option-guide span{min-width:0}.check-field{display:flex;align-items:center;gap:10px;margin-top:18px}.progress-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.progress-line span{color:#0e1729;font-size:16px;font-weight:800}.progress-line__meta{display:flex;align-items:baseline;gap:14px;flex-shrink:0}.elapsed{color:#5b6b82;font-size:15px;font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.progress-line strong{color:var(--accent);font-size:20px;font-variant-numeric:tabular-nums}.progress{overflow:hidden;height:12px;margin-top:10px;border-radius:999px;background:#e6edf6}.progress__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent-3));transition:width .24s ease}.conversion-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;overflow:auto;padding:24px;background:#0c16268f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.conversion-modal__dialog{width:min(520px,100%);border:1px solid rgba(255,255,255,.72);border-radius:28px;padding:30px;background:#fffffffa;box-shadow:0 32px 90px #0c16264d}.conversion-modal__status{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border-radius:16px;background:var(--accent-soft)}.conversion-modal__status span{width:22px;height:22px;border:3px solid color-mix(in srgb,var(--accent) 22%,transparent);border-top-color:var(--accent);border-radius:50%;animation:conversion-spin .85s linear infinite}.conversion-modal h2{overflow-wrap:anywhere;margin:0;color:#0e1729;font-size:clamp(24px,5vw,32px);line-height:1.2}.conversion-modal__desc{margin:12px 0 24px;color:#5c6b80;line-height:1.65}.conversion-modal__actions{display:flex;justify-content:flex-end;margin-top:24px}.conversion-modal__stop{background:#c4322b;box-shadow:0 14px 30px #c4322b3d}body:has(.conversion-modal){overflow:hidden}@keyframes conversion-spin{to{transform:rotate(360deg)}}.error-text{overflow:auto;max-height:160px;margin:16px 0 0;white-space:pre-wrap;color:#b42318;font-size:13px;line-height:1.5}.report{overflow:auto;max-height:220px;margin:16px 0 0;padding:14px;border-radius:16px;background:#f4f7fb;color:#3d4d63;font-size:12px;line-height:1.6;white-space:pre-wrap}.actions,.footer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.footer-actions{margin-top:22px}.button{border:0;border-radius:16px;padding:13px 22px;color:#fff;background:var(--accent);box-shadow:0 16px 36px var(--accent-shadow);cursor:pointer;font-weight:800}.button:disabled{color:#8a96a8;background:#dce3ee;box-shadow:none;cursor:not-allowed}.button--secondary{color:var(--accent);background:var(--accent-soft);box-shadow:none}.hint{color:#7a8799;font-size:14px}@media (max-width: 1280px){.device-notice{position:static;width:100%;margin-top:16px}}@media (max-width: 920px){.app-bar__inner,.hero,.workspace{grid-template-columns:1fr}.app-bar__inner,.hero{display:grid;align-items:start}.tabs{grid-column:1;width:100%}.tabs__item{flex:1}}@media (min-width: 641px){.app-bar__inner{padding:10px 0}.app-brand__logo{width:66px;height:36px}.app-brand .eyebrow{margin-bottom:4px;font-size:11px}.app-brand strong{font-size:16px}.page--flow{padding-top:18px;padding-bottom:22px}.page--flow h1{font-size:30px}.page-intro{margin-bottom:14px}.page-intro p{margin-top:6px;font-size:14px;line-height:1.45}.flow{gap:10px}.flow-step{border-radius:20px;padding:14px 16px}.flow-step__head{align-items:center;gap:10px;margin-bottom:9px}.flow-step__index{width:28px;height:28px;font-size:13px}.flow-step__head strong{font-size:15px}.flow-step__head small{margin-top:2px;font-size:12px;line-height:1.35}.flow-step .dropzone{min-height:104px;padding:14px 18px}.flow-step .dropzone--selected{padding:10px 14px}.dropzone strong{font-size:21px}.dropzone small{margin-top:6px;font-size:12px}.file-meta,.summary-grid{margin-top:10px}.file-meta span,.summary-grid span{padding:6px 10px;font-size:12px}.page--flow .field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 12px}.page--flow .field{gap:4px}.page--flow .field span,.page--flow .check-field{font-size:12px}.page--flow .field input,.page--flow .field select{border-radius:11px;padding:8px 10px}.page--flow .check-field{margin-top:10px}.flow-step__actions{gap:6px;margin-top:11px;padding-top:11px}}@media (max-width: 640px){.app-bar__inner,.page,.page--flow{width:min(100% - 20px,1180px)}.page{padding:24px 0 28px}.field-grid,.page--flow .field-grid{grid-template-columns:1fr}.dropzone,.panel{border-radius:22px}.conversion-modal{align-items:end;padding:12px}.conversion-modal__dialog{border-radius:24px;padding:24px 20px}.conversion-modal__stop{width:100%}}