@font-face{font-family:Noto Sans KR Label;src:url(../../../fonts/noto-sans-kr-label.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+AD6D,U+C5B4,U+D55C}@font-face{font-family:Noto Sans KR;src:url(../../../fonts/noto-sans-kr-common.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+AC00-AC01,U+AC04,U+AC12,U+AC15,U+AC19,U+AC1C,U+AC70,U+AC78,U+AC83,U+AC8C,U+ACA9,U+ACB0,U+ACBD,U+ACC4,U+ACE0,U+ACF3,U+ACF5,U+ACFC,U+AD00,U+AD50,U+AD6C,U+AD81,U+AD8C,U+ADDC,U+ADF8,U+ADFC,U+AE00,U+AE08,U+AE30,U+AE34,U+AE38,U+AE41,U+AE4C,U+AED8,U+AFB8,U+AFD4,U+B04C,U+B05D,U+B098,U+B0A0,U+B0A8,U+B0AE,U+B0B4,U+B0BC,U+B108,U+B113,U+B118,U+B124,U+B179,U+B192-B193,U+B204,U+B208,U+B274,U+B294,U+B298,U+B2A5,U+B2C8,U+B2D9,U+B2E4,U+B2E8,U+B2EB-B2EC,U+B2F4,U+B2F9,U+B300,U+B354,U+B36E,U+B370-B371,U+B3C4,U+B3D9,U+B418,U+B41C,U+B420,U+B429,U+B450,U+B4A4,U+B4C8,U+B4DC,U+B4E0,U+B4E4,U+B514,U+B529,U+B530,U+B54C,U+B5A0,U+B5A8,U+B5BB,U+B610,U+B73B,U+B77C,U+B798-B799,U+B7A8,U+B7AB,U+B7C9,U+B7EC,U+B808,U+B824-B825,U+B838,U+B85C-B85D,U+B8CC,U+B958,U+B960,U+B974,U+B978,U+B97C,U+B985,U+B9AC,U+B9B0,U+B9B4,U+B9BC,U+B9C8-B9C9,U+B9CC,U+B9CE,U+B9D0,U+B9DE,U+BA3C,U+BA48,U+BA54,U+BA70,U+BA74,U+BA85,U+BAA8-BAA9,U+BABB,U+BB18,U+BB34,U+BB38,U+BB3B-BB3C,U+BB49,U+BBC0,U+BBF8,U+BC14,U+BC18,U+BC1B-BC1C,U+BC29,U+BC84,U+BC88,U+BC94-BC95,U+BC97,U+BCC0,U+BCC4,U+BCF4-BCF5,U+BCF8,U+BCFC,U+BD80,U+BD84,U+BD88,U+BE0C,U+BE14,U+BE44,U+BE48,U+BE60,U+C0AC,U+C0B0,U+C0B4,U+C0C1,U+C0C8,U+C0D8,U+C0DD,U+C11C,U+C120,U+C124,U+C131,U+C138,U+C140,U+C14B,U+C18C-C18D,U+C190,U+C1A1,U+C218,U+C21C,U+C220,U+C27D,U+C2A4,U+C2B5,U+C2B7,U+C2DC-C2DD,U+C2E0,U+C2E4,U+C4F0,U+C4F8,U+C528,U+C544,U+C548,U+C54A,U+C54C,U+C555,U+C558,U+C571,U+C57C-C57D,U+C591,U+C5B8,U+C5C5-C5C6,U+C5C8,U+C5D0,U+C5EC-C5ED,U+C5F0,U+C5F4,U+C601,U+C608,U+C624,U+C62C,U+C640,U+C644,U+C65C,U+C694,U+C6A9,U+C6B0,U+C6B4,U+C6C0,U+C6CC,U+C6D0,U+C6E8,U+C704,U+C720,U+C728,U+C73C,U+C740,U+C744,U+C74C,U+C758,U+C774,U+C778,U+C77C-C77D,U+C784-C785,U+C788,U+C790-C791,U+C798,U+C7A0,U+C7A5,U+C7AC,U+C800-C801,U+C804,U+C808,U+C810-C811,U+C815,U+C81C,U+C84C,U+C870-C871,U+C885,U+C88B,U+C8FC,U+C900,U+C904,U+C911,U+C9C0-C9C1,U+C9C4,U+C9C8,U+C9D1,U+C9DD,U+C9E7,U+C9F8,U+CC28,U+CC3D,U+CC44,U+CC98,U+CCAB,U+CCB4,U+CD08,U+CD2C,U+CD5C,U+CD94-CD95,U+CD9C,U+CDA5,U+CDB0,U+CDE8,U+CE20,U+CE58,U+CE68,U+CEE8,U+CEEC,U+CEF4,U+CF1C,U+CF54,U+CF58,U+D06C,U+D070,U+D0DD,U+D0ED,U+D130,U+D14C,U+D150,U+D2B8,U+D30C,U+D328,U+D398,U+D3B4,U+D3B8,U+D3EC-D3ED,U+D3F0,U+D3FC,U+D45C,U+D48D,U+D4E8,U+D504,U+D50C,U+D53D,U+D544,U+D558,U+D560,U+D568-D569,U+D574,U+D588-D589,U+D5C8,U+D5D8,U+D604,U+D615,U+D638,U+D654-D655,U+D658,U+D6A8,U+D6C4,U+D734,U+D750,U+D788}@font-face{font-family:Noto Sans KR;src:url(../../../fonts/noto-sans-kr-remaining.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+1100-11FF,U+3131-318E,U+A960-A97C,U+AC02-AC03,U+AC05-AC11,U+AC13-AC14,U+AC16-AC18,U+AC1A-AC1B,U+AC1D-AC6F,U+AC71-AC77,U+AC79-AC82,U+AC84-AC8B,U+AC8D-ACA8,U+ACAA-ACAF,U+ACB1-ACBC,U+ACBE-ACC3,U+ACC5-ACDF,U+ACE1-ACF2,U+ACF4,U+ACF6-ACFB,U+ACFD-ACFF,U+AD01-AD4F,U+AD51-AD6B,U+AD6E-AD80,U+AD82-AD8B,U+AD8D-ADDB,U+ADDD-ADF7,U+ADF9-ADFB,U+ADFD-ADFF,U+AE01-AE07,U+AE09-AE2F,U+AE31-AE33,U+AE35-AE37,U+AE39-AE40,U+AE42-AE4B,U+AE4D-AED7,U+AED9-AFB7,U+AFB9-AFD3,U+AFD5-B04B,U+B04D-B05C,U+B05E-B097,U+B099-B09F,U+B0A1-B0A7,U+B0A9-B0AD,U+B0AF-B0B3,U+B0B5-B0BB,U+B0BD-B107,U+B109-B112,U+B114-B117,U+B119-B123,U+B125-B178,U+B17A-B191,U+B194-B203,U+B205-B207,U+B209-B273,U+B275-B293,U+B295-B297,U+B299-B2A4,U+B2A6-B2C7,U+B2C9-B2D8,U+B2DA-B2E3,U+B2E5-B2E7,U+B2E9-B2EA,U+B2ED-B2F3,U+B2F5-B2F8,U+B2FA-B2FF,U+B301-B353,U+B355-B36D,U+B36F,U+B372-B3C3,U+B3C5-B3D8,U+B3DA-B417,U+B419-B41B,U+B41D-B41F,U+B421-B428,U+B42A-B44F,U+B451-B4A3,U+B4A5-B4C7,U+B4C9-B4DB,U+B4DD-B4DF,U+B4E1-B4E3,U+B4E5-B513,U+B515-B528,U+B52A-B52F,U+B531-B54B,U+B54D-B59F,U+B5A1-B5A7,U+B5A9-B5BA,U+B5BC-B60F,U+B611-B73A,U+B73C-B77B,U+B77D-B797,U+B79A-B7A7,U+B7A9-B7AA,U+B7AC-B7C8,U+B7CA-B7EB,U+B7ED-B807,U+B809-B823,U+B826-B837,U+B839-B85B,U+B85E-B8CB,U+B8CD-B957,U+B959-B95F,U+B961-B973,U+B975-B977,U+B979-B97B,U+B97D-B984,U+B986-B9AB,U+B9AD-B9AF,U+B9B1-B9B3,U+B9B5-B9BB,U+B9BD-B9C7,U+B9CA-B9CB,U+B9CD,U+B9CF,U+B9D1-B9DD,U+B9DF-BA3B,U+BA3D-BA47,U+BA49-BA53,U+BA55-BA6F,U+BA71-BA73,U+BA75-BA84,U+BA86-BAA7,U+BAAA-BABA,U+BABC-BB17,U+BB19-BB33,U+BB35-BB37,U+BB39-BB3A,U+BB3D-BB48,U+BB4A-BBBF,U+BBC1-BBF7,U+BBF9-BC13,U+BC15-BC17,U+BC19-BC1A,U+BC1D-BC28,U+BC2A-BC83,U+BC85-BC87,U+BC89-BC93,U+BC96,U+BC98-BCBF,U+BCC1-BCC3,U+BCC5-BCF3,U+BCF6-BCF7,U+BCF9-BCFB,U+BCFD-BD7F,U+BD81-BD83,U+BD85-BD87,U+BD89-BE0B,U+BE0D-BE13,U+BE15-BE43,U+BE45-BE47,U+BE49-BE5F,U+BE61-C0AB,U+C0AD-C0AF,U+C0B1-C0B3,U+C0B5-C0C0,U+C0C2-C0C7,U+C0C9-C0D7,U+C0D9-C0DC,U+C0DE-C11B,U+C11D-C11F,U+C121-C123,U+C125-C130,U+C132-C137,U+C139-C13F,U+C141-C14A,U+C14C-C18B,U+C18E-C18F,U+C191-C1A0,U+C1A2-C217,U+C219-C21B,U+C21D-C21F,U+C221-C27C,U+C27E-C2A3,U+C2A5-C2B4,U+C2B6,U+C2B8-C2DB,U+C2DE-C2DF,U+C2E1-C2E3,U+C2E5-C4EF,U+C4F1-C4F7,U+C4F9-C527,U+C529-C543,U+C545-C547,U+C549,U+C54B,U+C54D-C554,U+C556-C557,U+C559-C570,U+C572-C57B,U+C57E-C590,U+C592-C5B3,U+C5B5-C5B7,U+C5B9-C5C4,U+C5C7,U+C5C9-C5CF,U+C5D1-C5EB,U+C5EE-C5EF,U+C5F1-C5F3,U+C5F5-C600,U+C602-C607,U+C609-C623,U+C625-C62B,U+C62D-C63F,U+C641-C643,U+C645-C65B,U+C65D-C693,U+C695-C6A8,U+C6AA-C6AF,U+C6B1-C6B3,U+C6B5-C6BF,U+C6C1-C6CB,U+C6CD-C6CF,U+C6D1-C6E7,U+C6E9-C703,U+C705-C71F,U+C721-C727,U+C729-C73B,U+C73D-C73F,U+C741-C743,U+C745-C74B,U+C74D-C757,U+C759-C773,U+C775-C777,U+C779-C77B,U+C77E-C783,U+C786-C787,U+C789-C78F,U+C792-C797,U+C799-C79F,U+C7A1-C7A4,U+C7A6-C7AB,U+C7AD-C7FF,U+C802-C803,U+C805-C807,U+C809-C80F,U+C812-C814,U+C816-C81B,U+C81D-C84B,U+C84D-C86F,U+C872-C884,U+C886-C88A,U+C88C-C8FB,U+C8FD-C8FF,U+C901-C903,U+C905-C910,U+C912-C9BF,U+C9C2-C9C3,U+C9C5-C9C7,U+C9C9-C9D0,U+C9D2-C9DC,U+C9DE-C9E6,U+C9E8-C9F7,U+C9F9-CC27,U+CC29-CC3C,U+CC3E-CC43,U+CC45-CC97,U+CC99-CCAA,U+CCAC-CCB3,U+CCB5-CD07,U+CD09-CD2B,U+CD2D-CD5B,U+CD5D-CD93,U+CD96-CD9B,U+CD9D-CDA4,U+CDA6-CDAF,U+CDB1-CDE7,U+CDE9-CE1F,U+CE21-CE57,U+CE59-CE67,U+CE69-CEE7,U+CEE9-CEEB,U+CEED-CEF3,U+CEF5-CF1B,U+CF1D-CF53,U+CF55-CF57,U+CF59-D06B,U+D06D-D06F,U+D071-D0DC,U+D0DE-D0EC,U+D0EE-D12F,U+D131-D14B,U+D14D-D14F,U+D151-D2B7,U+D2B9-D30B,U+D30D-D327,U+D329-D397,U+D399-D3B3,U+D3B5-D3B7,U+D3B9-D3EB,U+D3EE-D3EF,U+D3F1-D3FB,U+D3FD-D45B,U+D45D-D48C,U+D48E-D4E7,U+D4E9-D503,U+D505-D50B,U+D50D-D53C,U+D53E-D543,U+D545-D557,U+D559-D55B,U+D55D-D55F,U+D561-D567,U+D56A-D573,U+D575-D587,U+D58A-D5C7,U+D5C9-D5D7,U+D5D9-D603,U+D605-D614,U+D616-D637,U+D639-D653,U+D656-D657,U+D659-D6A7,U+D6A9-D6C3,U+D6C5-D733,U+D735-D74F,U+D751-D787,U+D789-D7A3,U+D7B0-D7C6,U+D7CB-D7FB}@font-face{font-family:Noto Sans Thai;src:url(../../../fonts/noto-sans-thai.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0E00-0E7F}:root{font-family:Inter,Noto Sans Thai,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172b4d;background:#f5f7fb;font-synthesis:none;font-size:16px;line-height:1.6;--ink: #172b4d;--muted: #526379;--blue: #1d4ed8;--line: #dce3ed;--surface: #fff;scroll-padding-top:24px}:lang(ko){font-family:Inter,Noto Sans KR Label,Noto Sans KR,ui-sans-serif,sans-serif;word-break:keep-all;overflow-wrap:anywhere}:lang(ko) :is(h1,h2,h3,button){letter-spacing:normal}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}#main{flex:1 0 auto;min-width:0}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;background:none;border:none;padding:0}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}.shell{width:calc(100% - 64px);max-width:1280px;margin:0 auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:16px;background:var(--blue);color:#fff;padding:12px 20px;z-index:100}.skip-link:focus{top:12px}.site-header{flex-shrink:0;background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--blue);flex-shrink:0}.brand-mark{height:40px;width:40px}.brand-name{font-size:14px;font-weight:650;line-height:1.3;color:var(--ink)}.brand-name,.savings-badge{direction:ltr;unicode-bidi:isolate}.brand-name>span{display:block;font-size:18px;font-weight:750}.brand-dot{color:var(--blue)}.header-inner nav{display:flex;align-items:center;gap:28px;font-size:15px;font-weight:550}.header-inner nav>a{padding:12px 0}.header-inner nav>a:hover{color:var(--blue)}.language-picker select{border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 25px 9px 12px;font-size:16px;max-width:150px;min-height:44px}.hero{padding:28px 0 26px}.hero-copy{max-width:1000px}.eyebrow{color:var(--blue);font-size:14px;letter-spacing:.65px;font-weight:650}.hero .eyebrow{display:none}.hero h1{font-size:clamp(30px,3.1vw,42px);line-height:1.2;letter-spacing:-1.2px;font-weight:700;margin-bottom:10px}.hero-copy>p{font-size:17px;color:var(--muted);max-width:960px}.hero-checks{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px;margin-top:12px;color:var(--muted)}.hero-checks>span{display:flex;align-items:center;gap:6px}.hero-checks svg{color:var(--blue)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2563eb;flex-shrink:0}.workspace{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 28px #1b315408;scroll-margin-top:16px;overflow:clip}.workspace:not(.has-file){max-width:960px;margin:0 auto}.workspace:not(.has-file) .workspace-grid{display:block}.workspace:not(.has-file) .source-heading{display:none}.workspace:not(.has-file) .drop-zone{min-height:310px}.workspace-top{padding:15px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fbfcfe}.workspace-title{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:650}.workspace-title svg{color:var(--blue)}.local-badge{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--muted)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}.source-pane{grid-column:1;grid-row:1 / 3;padding:24px;min-width:0;display:flex;flex-direction:column}.settings-pane{grid-column:2;grid-row:1;padding:24px 24px 16px;border-left:1px solid var(--line);background:#fcfdff;min-width:0}.pane-heading{display:flex;align-items:center;gap:9px;margin-bottom:18px;min-height:32px}.step-number{font-size:13px;font-weight:650;background:#edf3ff;color:var(--blue);width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.pane-heading h2{font-size:18px;font-weight:650}.pane-detail{margin-left:auto;font-size:14px;color:var(--muted)}.reset-button{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:14px;color:var(--muted);min-height:32px}.reset-button:hover{color:var(--blue)}.reset-button:disabled{opacity:.55}.drop-zone{border:2px dashed #a8bfe8;border-radius:10px;min-height:354px;background:#f6f9ff;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:26px 20px;transition:background .2s,border-color .2s}.drop-zone.dragging{border-color:var(--blue);background:#eaf1ff}.upload-illustration{position:relative;width:74px;height:68px;margin-bottom:18px}.paper-back{position:absolute;background:#dbe8ff;border:1px solid #adc5ef;inset:8px 15px 6px 5px;border-radius:8px;transform:rotate(-9deg)}.paper-front{position:absolute;inset:0 9px 8px 12px;border-radius:8px;background:#fff;border:1px solid #adc5ef;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--blue);transform:rotate(5deg)}.paper-front>span{display:none}.upload-bubble{position:absolute;right:1px;bottom:0;width:30px;height:30px;border:3px solid #f6f9ff;border-radius:50%;background:var(--blue);display:grid;place-items:center;color:#fff}.drop-zone h3{font-size:21px;font-weight:650;margin-bottom:6px;line-height:1.4}.drop-zone>p{font-size:16px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:8px;padding:11px 18px;font-size:16px;font-weight:650;transition:background .15s}.button.primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}.button.primary:hover:not(:disabled){background:#1e40af}.button.primary:disabled{background:#e8edf5;color:#63738c;border-color:#e1e7ef}.choose-button{margin:20px 0 12px;min-width:185px}.format-hint{font-size:14px;color:var(--muted)}.sample-button{font-size:14px;color:var(--blue);display:flex;align-items:center;gap:5px;margin-top:8px;min-height:44px}.sample-button:hover{text-decoration:underline}.privacy-line{display:flex;align-items:flex-start;justify-content:center;gap:7px;color:var(--muted);font-size:14px;margin-top:16px}.privacy-line svg{color:var(--blue);margin-top:3px}fieldset{margin:0;padding:0;border:0;min-width:0}fieldset:disabled{opacity:.68}.field-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.field-label{font-size:16px;font-weight:650;display:block}.presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.presets button{border:1px solid #cfd9e8;border-radius:8px;background:#fff;padding:11px 13px;min-height:77px;text-align:left}.presets button:hover{border-color:#7199e8;background:#f7faff}.presets button.active{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#edf4ff}.presets button>span{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:650}.presets button>span>svg:last-child{margin-left:auto}.presets button>span>svg:first-child:not(:last-child){margin-left:0}.presets [data-preset=custom]{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px}.presets [data-preset=custom]>span{flex:1}.presets button small{display:block;color:var(--muted);font-size:14px;line-height:1.5;margin-top:2px}.target-field{margin-top:18px}.target-row{display:flex;gap:10px;align-items:stretch}.size-input{display:flex;align-items:center;border:1px solid #bac9dc;border-radius:8px;background:#fff;min-width:0;flex:1}.size-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.size-input.invalid{border-color:#c63535}.size-input input{border:0;outline:none;background:transparent;min-width:0;width:100%;padding:9px 12px;font-size:21px;font-weight:650}.size-input>span{font-size:15px;padding-right:12px;color:var(--muted)}.encoding-fields{display:grid;gap:14px;margin-top:16px}.codec-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}.codec-options button{flex:1 1 max-content;min-width:0;min-height:72px;padding:11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-content:center;border:1px solid #cfd9e8;border-radius:8px;background:#fff;text-align:left}.codec-options button:hover:not(:disabled){border-color:#7199e8;background:#f7faff}.codec-options button.active{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#edf4ff}.codec-options strong{grid-column:1;grid-row:1;display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:16px}.codec-options span{grid-column:1 / -1;grid-row:2;display:block;font-size:14px;line-height:1.45;color:var(--muted)}.codec-options small{grid-column:2;grid-row:1;align-self:center;display:block;font-size:13px;color:var(--muted)}.codec-options button:disabled{cursor:not-allowed;background:#f4f6f9}.codec-status:empty{margin-top:0}.capability-retry{display:inline;border:0;background:none;color:var(--blue);font:inherit;text-decoration:underline;text-underline-offset:3px;padding:2px 0}.select-wrap{position:relative;margin-top:7px}.select-wrap select{appearance:none;border:1px solid #bac9dc;border-radius:8px;background:#fff;font-size:16px;width:100%;min-height:48px;padding:10px 30px 10px 12px;text-overflow:ellipsis}.select-wrap>svg{pointer-events:none;position:absolute;right:10px;top:16px;color:var(--muted)}.field-help{font-size:14px;color:var(--muted);line-height:1.55;margin-top:7px}.validation-error{color:#b42318}.setting-note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid #d7e3f8;border-radius:8px;background:#f1f6ff;font-size:14px;margin-top:14px;color:#244976}.setting-note svg{margin-top:3px}.setting-note.caution{background:#fffbeb;border-color:#e6d9b9;color:#785a21}.action-dock{grid-column:2;grid-row:2;align-self:end;display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#fcfdff;border-left:1px solid var(--line);padding:0 24px 24px}.compress-button{flex:1;min-width:160px}.compression-action{flex:1;min-width:0;display:grid}.compression-action>*{grid-area:1 / 1}.compression-action .action-hidden{visibility:hidden;pointer-events:none}.button-caption{width:100%;text-align:center;color:var(--muted);font-size:14px}.settings-done{display:flex;gap:8px;align-items:flex-start;color:#244976;background:#edf4ff;border-radius:8px;padding:13px;font-size:15px;margin-top:18px}.has-result .workspace-grid{display:block}.has-result .source-pane{max-width:900px;margin-inline:auto}.has-result .source-heading{display:none}.has-result .result-card{margin-top:0}.source-preview{background:#fff;border-radius:10px;min-width:0}.source-media-player{background:#eff3f9;border:1px solid var(--line);border-radius:10px;overflow:hidden}.source-media-player .video-stage{border-radius:0}.video-stage{width:min(100%,calc(75svh * var(--media-ratio, 1.77778)));aspect-ratio:var(--media-ratio, 16 / 9);margin-inline:auto;border-radius:9px;background:#101b2f;position:relative;overflow:hidden;display:grid;place-items:center}.video-stage video{width:100%;height:100%;min-height:0;object-fit:contain;position:absolute;inset:0}.source-media-player:fullscreen,.comparison-player:fullscreen{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#101b2f}:is(.source-media-player,.comparison-player):fullscreen>:is(.video-stage,.comparison-frame){width:100%;height:100%;min-width:0;min-height:0;margin:0;aspect-ratio:auto;border-radius:0}.preview-label{position:absolute;pointer-events:none;top:10px;left:10px;background:#0b1329b8;color:#fff;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600}.preview-placeholder{color:#dbeafe;padding:20px;text-align:center;font-size:15px}.preview-placeholder p{margin:8px 0}.preview-placeholder span{font-size:14px;color:#b7c8e4}.file-summary{display:flex;align-items:center;gap:10px;padding:14px 0}.file-summary-icon{padding:9px;background:#edf3ff;border-radius:8px;color:var(--blue)}.file-description{min-width:0;flex:1}.file-description>strong{font-size:16px;font-weight:650;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-description>span{display:block;font-size:14px;color:var(--muted);margin-top:2px}.dot-divider{padding:0 5px}.icon-button{display:inline-grid;place-items:center;width:40px;height:44px;border-radius:7px;color:var(--muted);flex-shrink:0}.icon-button:hover{background:#eef3fa;color:var(--blue)}.change-file{font-size:14px;font-weight:600;color:var(--blue);min-height:44px;max-width:85px;line-height:1.4}.reading-state{display:flex;gap:8px;align-items:center;padding:10px 0;font-size:15px;color:var(--muted)}.feedback{display:flex;gap:9px;align-items:flex-start;padding:15px;border:1px solid #dce3ed;border-radius:8px;margin-top:14px;font-size:15px}.feedback>svg{margin-top:3px}.feedback>div,.feedback>p{min-width:0;flex:1}.feedback strong{display:block;font-size:16px;margin-bottom:4px}.feedback.error{background:#fff4f3;color:#922b28;border-color:#efc6c3}.feedback.neutral{background:#eff5ff;color:#244976}.feedback details{margin-top:10px}.feedback summary{cursor:pointer;font-size:14px}.feedback pre{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.feedback-region{display:flow-root}.processing-inline{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:66px;padding:9px 12px 13px;border:1px solid #c7d9fb;background:#f0f6ff;border-radius:8px;overflow:hidden}.progress-readout{display:flex;align-items:center;gap:8px;min-width:0;color:var(--blue)}.progress-readout>div{min-width:0}.progress-readout strong{display:block;font-size:15px;line-height:22px}.progress-readout span{display:block;font-size:14px;line-height:20px;font-variant-numeric:tabular-nums}.processing-inline button{min-height:44px;flex-shrink:0;padding-inline:8px;color:#b42318;font-size:15px;font-weight:600}.processing-inline progress{position:absolute;left:0;bottom:0;width:100%;appearance:none;display:block;height:4px;border:0;background:#dce8fc}.processing-inline progress::-webkit-progress-bar{background:#dce8fc}.processing-inline progress::-webkit-progress-value{background:var(--blue);transition:width .3s}.processing-inline progress::-moz-progress-bar{background:var(--blue)}.result-card{border:1px solid #bad2fa;background:#f3f7ff;border-radius:10px;padding:20px;margin-top:12px}.result-card.result-warning{background:#fffcf3;border-color:#e7d7ac}.result-heading{display:flex;align-items:flex-start;gap:10px}.result-heading>div{flex:1;min-width:0}.result-heading h3{font-size:20px;line-height:1.35}.result-heading p{font-size:15px;color:var(--muted);margin-top:5px}.result-check{color:var(--blue);margin-top:2px}.result-warning .result-check{color:#956b1e}.savings-badge{font-size:14px;font-weight:650;background:#dbeafe;color:#1e40af;border-radius:5px;padding:3px 8px}.size-comparison{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin:20px 0 10px}.size-comparison>div{min-width:0}.size-comparison>div>span{color:var(--muted);font-size:13px;letter-spacing:.5px}.size-comparison strong{display:block;font-size:27px}.size-comparison>svg{color:#6b84aa}.size-bar{height:5px;border-radius:3px;margin-top:8px}.original-bar{background:#c7d4e8}.output-bar{background:var(--blue)}.output-details{font-size:14px;color:var(--muted);margin-bottom:16px}.download-button{width:100%}.share-button{width:100%;margin-top:10px;border:1px solid var(--blue);color:var(--blue)}.share-button:hover:not(:disabled){background:#eff6ff}.share-button:disabled{opacity:.6}.share-message{margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--muted)}.download-button>span{margin-left:auto;font-size:14px;font-weight:400}.result-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 15px;margin-top:10px;font-size:15px;color:var(--blue)}.result-actions button,.result-actions a{display:inline-flex;align-items:center;gap:5px;min-height:44px}.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:34px 4px;border-bottom:1px solid var(--line)}.benefits>div{display:flex;gap:13px;align-items:flex-start}.benefit-icon{display:grid;place-items:center;color:var(--blue);background:#e9f0fc;width:42px;height:42px;border-radius:9px;flex-shrink:0}.benefits h2{font-size:17px;margin-bottom:5px;font-weight:650}.benefits p{font-size:15px;line-height:1.65;color:var(--muted)}.how-section,.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:75px;padding:64px 4px}.section-intro h2{font-size:33px;line-height:1.2;letter-spacing:-.8px;margin:13px 0 16px}.section-intro>p{font-size:16px;color:var(--muted);max-width:390px}.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:15px;font-weight:600;margin-top:19px}.text-link:hover{text-decoration:underline}.steps article{display:flex;align-items:flex-start;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.steps article:first-child{padding-top:0}.steps article:last-child{border-bottom:0;padding-bottom:0}.how-number{font-size:15px;color:var(--blue);font-weight:600}.steps article>div{flex:1}.steps article>svg{color:#6a84ac;margin-top:3px}.steps h3{font-size:18px;margin-bottom:6px}.steps p{font-size:16px;color:var(--muted)}.size-guide{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:36px;border:1px solid #d6e3f8;background:#edf3fc;border-radius:12px}.size-guide h2{font-size:31px;line-height:1.25;letter-spacing:-.7px;margin:13px 0 15px}.size-guide>div>p{font-size:16px;color:var(--muted)}.guide-table>div{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ccd9ee;padding:15px 0;font-size:16px}.guide-table .guide-table-head{font-size:13px;letter-spacing:.5px;color:var(--muted);padding-top:0}.guide-table small{font-size:14px;display:block;color:var(--muted)}.guide-table strong{font-size:15px;text-align:right;flex-shrink:0;max-width:140px}.guide-table>p{display:flex;gap:6px;margin-top:13px;font-size:14px!important}.guide-table>p svg{margin-top:5px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:17px;font-weight:600;padding:21px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{color:#6882aa;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details>p{font-size:16px;color:var(--muted);padding-bottom:22px;line-height:1.8}.site-footer{flex-shrink:0;border-top:1px solid var(--line);background:#fff}.footer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;padding-top:36px;padding-bottom:30px}.footer-main p{font-size:14px;color:var(--muted);margin-top:12px}.footer-links{display:flex;flex-direction:column;gap:8px;font-size:15px;min-width:190px}.footer-links>span{font-size:13px;color:var(--muted);margin-bottom:7px}.footer-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:32px}.footer-links a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:14px;padding-top:20px;padding-bottom:20px}.footer-bottom>span:last-child{display:flex;align-items:center;gap:6px}.language-links{display:flex;flex-wrap:wrap;gap:20px;padding-bottom:24px;font-size:14px;color:var(--muted)}.language-links [aria-current]{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.info-page{max-width:850px;padding-top:45px;padding-bottom:65px}.info-page h1{font-size:42px;letter-spacing:-1px;line-height:1.2;margin:24px 0 16px}.info-lead{font-size:20px;color:var(--muted);margin-bottom:35px}.info-page section{margin:27px 0}.info-page h2{font-size:22px;margin-bottom:10px}.info-page p{line-height:1.8}.info-page>p:last-child a{color:var(--blue);text-decoration:underline}.content-section{padding:48px 4px;border-bottom:1px solid var(--border, #e2e8f0);scroll-margin-top:24px}.content-heading{max-width:820px;margin-bottom:24px}.content-heading h2{font-size:clamp(25px,2.5vw,32px);line-height:1.3;letter-spacing:-.5px;margin:0 0 14px;text-wrap:balance}.content-heading>p,.content-prose p,.content-points p{font-size:17px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.content-prose{max-width:880px}.content-prose p+p{margin-top:18px}.content-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.content-points h3{font-size:19px;line-height:1.4;margin:0 0 10px}.content-points p{margin:0}.content-table-wrap{max-width:100%}.content-table-wrap table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.6;table-layout:fixed}.content-table-wrap caption{text-align:start;color:var(--muted);font-size:14px;margin-bottom:12px}.content-table-wrap th,.content-table-wrap td{text-align:start;padding:14px 16px;border-bottom:1px solid #dce5f1;overflow-wrap:anywhere;vertical-align:top}.content-table-wrap thead{background:#eff5ff;color:#1e3a8a}.content-table-wrap tbody th{font-weight:600}.language-links{flex-wrap:wrap;gap:10px 18px;padding-bottom:24px}.language-picker select{max-width:150px}[dir=rtl] .hero-copy,[dir=rtl] .section-intro,[dir=rtl] .info-page,[dir=rtl] .codec-options button{text-align:start}:lang(th) :is(h1,h2,h3,button){letter-spacing:normal}[dir=rtl] .content-heading h2,[dir=rtl] .hero h1{letter-spacing:0}[dir=rtl] .guide-table strong{text-align:end}[dir=rtl] .player-controls,[dir=rtl] .size-comparison,[dir=rtl] .comparison-frame{direction:ltr}@media(max-width:760px){.content-section{padding:34px 0}.content-points{grid-template-columns:1fr;gap:22px}.content-heading>p,.content-prose p,.content-points p{font-size:16px}.content-table-wrap th,.content-table-wrap td{padding:12px 8px;font-size:14px}.content-table-wrap th:first-child{width:28%}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.shell{width:calc(100% - 40px)}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.source-pane{padding:20px}.settings-pane{padding:20px 20px 16px}.action-dock{padding:0 20px 20px}.target-row{flex-wrap:wrap}.size-input{flex-basis:145px}.how-section,.faq-section{gap:40px}.size-guide{gap:35px;padding:30px}}@media(max-width:850px){.workspace-grid{display:flex;flex-direction:column;align-items:stretch}.source-pane{padding:20px}.settings-pane{padding:20px;border-left:0;border-top:1px solid var(--line)}.action-dock{align-self:stretch;border-left:0;border-top:1px solid var(--line);padding:14px 20px}.has-file .source-pane{display:block;padding:16px}.has-file .source-heading{display:none}.has-file .source-pane>.privacy-line{display:none}.has-file .source-preview{position:static;padding:0}.has-file .action-dock{position:static;padding-bottom:max(18px,env(safe-area-inset-bottom))}.has-file .settings-pane{border-top:1px solid var(--line)}.has-result .source-pane{padding:16px}.file-summary-icon{display:none}.benefits{gap:20px}.benefits>div{flex-direction:column}.how-section,.faq-section{grid-template-columns:1fr;gap:28px;padding:44px 0}.section-intro>p{max-width:100%}.size-guide{grid-template-columns:1fr;gap:26px}.size-guide h2{max-width:580px}}@media(max-width:600px){.shell{width:calc(100% - 28px)}.header-inner{min-height:66px;gap:12px}.brand{gap:8px}.brand-mark{width:34px;height:34px}.brand-name{font-size:12px}.brand-name>span{font-size:16px}.header-inner nav>a{display:none}.language-picker select{font-size:16px;max-width:125px;padding:8px 21px 8px 8px}.hero{padding:18px 0}.hero h1{font-size:29px;letter-spacing:-.65px;margin-bottom:8px}.hero-copy>p{font-size:16px;line-height:1.55}.hero-checks{display:none}.workspace{border-radius:10px}.workspace-top{padding:12px 14px;flex-wrap:wrap;gap:5px 16px}.workspace:not(.has-file) .workspace-top{display:none}.workspace-title{font-size:15px}.local-badge{font-size:13px}.source-pane{padding:16px 14px}.pane-heading{gap:7px;margin-bottom:12px}.pane-heading h2{font-size:17px}.pane-detail{font-size:13px}.drop-zone{min-height:280px;padding:20px 12px}.workspace:not(.has-file) .drop-zone{min-height:280px}.drop-zone h3{font-size:20px}.drop-zone>p{display:none}.upload-illustration{height:50px;width:62px;margin-bottom:12px}.paper-front svg{width:26px}.choose-button{margin-top:16px}.format-hint{font-size:13px}.settings-pane{padding:18px 14px}.presets button{padding:10px;min-height:79px}.presets button>span{font-size:16px}.presets button small{font-size:14px}.target-row{gap:8px;flex-wrap:nowrap}.size-input{flex-basis:0}.size-input input{padding:9px 7px;font-size:20px}.size-input>span{padding-right:7px;font-size:14px}.encoding-fields{gap:10px}.field-label{font-size:16px}.select-wrap select{font-size:16px;padding-left:10px}.has-file .file-summary{gap:8px;padding:14px 0 0;flex-wrap:wrap}.has-file .file-description{flex-basis:100%}.has-file .file-summary .icon-button{margin-left:auto}.file-description>strong{font-size:15px}.file-description>span{font-size:13px;line-height:1.5}.change-file{font-size:15px;max-width:none;padding:8px 14px;border:1px solid var(--line);border-radius:7px}.icon-button{width:44px}.has-file .file-summary .dot-divider{padding:0 3px}.action-dock{gap:10px;padding:12px 14px}.compress-button{min-width:0;font-size:16px;padding-left:12px;padding-right:12px}.result-card{padding:0;border:0;background:#fff}.result-heading{flex-wrap:wrap;gap:8px}.result-heading>div{min-width:150px}.result-heading h3{font-size:18px}.result-heading p{font-size:15px}.size-comparison{gap:10px}.size-comparison strong{font-size:25px}.size-comparison strong{white-space:nowrap}.output-details{font-size:14px}.download-button{flex-wrap:wrap;font-size:16px}.benefits{grid-template-columns:1fr;gap:24px;padding:30px 0}.benefits>div{flex-direction:row;gap:13px}.benefits p{font-size:16px}.benefits h2{font-size:18px}.section-intro h2{font-size:29px}.steps article{gap:13px}.steps h3{font-size:18px}.steps article>svg{display:none}.size-guide{padding:24px 18px}.size-guide h2{font-size:28px}.guide-table>div{font-size:15px;gap:14px}.guide-table strong{font-size:14px;max-width:95px}.faq-list summary{font-size:17px;padding:20px 0}.footer-main{flex-wrap:wrap;gap:26px;padding-top:28px;padding-bottom:26px}.footer-links{min-width:160px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}.info-page{padding-top:28px;padding-bottom:45px}.info-page h1{font-size:32px}.info-lead{font-size:18px}}@media(max-width:360px){.shell{width:calc(100% - 20px)}.language-picker select{max-width:118px}.brand-name{font-size:11px}.brand-name>span{font-size:14px}.brand-mark{width:32px;height:32px}.hero h1{font-size:27px}.source-pane,.settings-pane{padding-left:12px;padding-right:12px}.source-heading .pane-detail{display:none}.presets button{padding:9px}.compress-button{font-size:15px;gap:6px;padding-left:9px;padding-right:9px}.result-heading{display:grid;grid-template-columns:minmax(0,1fr) auto}.result-card{padding:0}.result-heading .result-check{display:none}.result-heading>div{min-width:0}.savings-badge{align-self:start}.size-comparison{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:16px}.size-comparison>svg{display:none}.download-button>span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}