.style_container__VQJfu{max-width:1400px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.style_header__ynfTf{text-align:center;margin-bottom:32px;padding:24px}.style_header__ynfTf h1{font-size:2.8rem;font-weight:800;color:#1e293b;margin-bottom:12px;letter-spacing:-.5px}.style_header__ynfTf p{font-size:1.2rem;color:#64748b;font-weight:500;max-width:600px;margin:0 auto;line-height:1.6}.style_controls__ndryd{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 4px 0 rgba(0,0,0,.05)}@media(max-width:768px){.style_controls__ndryd{flex-direction:column;gap:16px;align-items:stretch}}.style_encodingControl__Y9m5s{display:flex;align-items:center;gap:12px}.style_encodingControl__Y9m5s label{font-weight:600;color:#374151;font-size:.95rem}.style_encodingControl__Y9m5s select{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;cursor:pointer;font-weight:500;transition:all .2s ease;min-width:120px}.style_encodingControl__Y9m5s select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.style_encodingControl__Y9m5s select:hover{border-color:#d1d5db}.style_actionButtons__JkUTu{display:flex;justify-content:flex-end;align-items:center;gap:16px}@media(max-width:768px){.style_actionButtons__JkUTu{justify-content:center}}.style_buttons__SQLbc{display:flex;gap:12px}@media(max-width:768px){.style_buttons__SQLbc{justify-content:center;width:100%}}.style_testBtn__uSX3j{padding:10px 18px;border:2px solid #10b981;background:#fff;color:#10b981;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.style_testBtn__uSX3j:hover{background:#10b981;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.2)}.style_testBtn__uSX3j:active{transform:translateY(0)}.style_clearBtn__R4IMC,.style_swapBtn___zWLQ{padding:10px 18px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.style_clearBtn__R4IMC:hover,.style_swapBtn___zWLQ:hover{transform:translateY(-1px)}.style_clearBtn__R4IMC:active,.style_swapBtn___zWLQ:active{transform:translateY(0)}.style_clearBtn__R4IMC{background:#ef4444;color:#fff;box-shadow:0 1px 3px rgba(239,68,68,.2)}.style_clearBtn__R4IMC:hover{background:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.3)}.style_swapBtn___zWLQ{background:#06b6d4;color:#fff;box-shadow:0 1px 3px rgba(6,182,212,.2)}.style_swapBtn___zWLQ:hover{background:#0891b2;box-shadow:0 4px 12px rgba(6,182,212,.3)}.style_editorContainer__2XrgN{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}@media(max-width:768px){.style_editorContainer__2XrgN{grid-template-columns:1fr;gap:20px}}.style_editorSection__MWJO_{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff;position:relative;z-index:1;display:flex;flex-direction:column;min-height:500px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);transition:all .2s ease}.style_editorSection__MWJO_:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transform:translateY(-1px)}.style_editorHeader__r2i_1{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;position:relative;z-index:2}.style_editorHeader__r2i_1 h3{margin:0;font-size:1.2rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.style_editorHeader__r2i_1 h3:before{content:"";width:4px;height:20px;background:#3b82f6;border-radius:2px}.style_charCount__0hrvc{font-size:.9rem;color:#64748b;font-weight:600;padding:4px 12px;background:rgba(148,163,184,.1);border-radius:6px}.style_editorWrapper__3HHnL{position:relative;z-index:1}.style_codeEditor__gIFeV,.style_editorWrapper__3HHnL{width:100%;height:100%;min-height:400px;flex:1;display:flex;flex-direction:column}.style_codeEditor__gIFeV{border:none;border-radius:0;overflow:hidden}.style_codeEditor__gIFeV:focus-within{box-shadow:inset 0 0 0 2px rgba(59,130,246,.2)}.style_codeEditor__gIFeV .cm-editor{height:100%;flex:1;display:flex;flex-direction:column}.style_codeEditor__gIFeV .cm-editor .style_cm-scroller__34Dtj{flex:1;height:100%}.style_codeEditor__gIFeV .cm-editor .style_cm-scroller__34Dtj::-webkit-scrollbar{width:8px;height:8px}.style_codeEditor__gIFeV .cm-editor .style_cm-scroller__34Dtj::-webkit-scrollbar-track{background:rgba(241,245,249,.5);border-radius:4px}.style_codeEditor__gIFeV .cm-editor .style_cm-scroller__34Dtj::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3);border-radius:4px;-webkit-transition:all .2s ease;transition:all .2s ease}.style_codeEditor__gIFeV .cm-editor .style_cm-scroller__34Dtj::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.5)}.style_codeEditor__gIFeV .cm-editor .style_cm-scroller__34Dtj::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.style_codeEditor__gIFeV .cm-editor .style_cm-content__OwmrP{padding:16px;font-family:JetBrains Mono,Fira Code,Monaco,Menlo,Ubuntu Mono,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;min-height:100%}.style_diffContainer__gza2t{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff;margin-bottom:32px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.style_diffHeader__pQ1GA{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}@media(max-width:768px){.style_diffHeader__pQ1GA{flex-direction:column;gap:12px;align-items:stretch}}.style_diffHeader__pQ1GA h3{margin:0;font-size:1.2rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.style_diffHeader__pQ1GA h3:before{content:"";width:4px;height:20px;background:#10b981;border-radius:2px}.style_diffStats__2qUHH{display:flex;gap:24px}@media(max-width:768px){.style_diffStats__2qUHH{justify-content:center;flex-wrap:wrap;gap:16px}}.style_statItem__RlROK{display:flex;align-items:center;gap:6px;font-size:.95rem;color:#64748b;font-weight:600;padding:6px 12px;background:rgba(241,245,249,.8);border-radius:6px;transition:all .2s ease}.style_statItem__RlROK:hover{background:#f1f5f9;transform:translateY(-1px)}.style_added__X4CII{color:#059669;font-weight:700}.style_removed__8jzyn{color:#dc2626;font-weight:700}.style_unchanged__U1W3T{color:#475569;font-weight:700}.style_diffContent__q6k10{padding:20px;min-height:200px;background:#f8fafc}.style_noDiff__LR2wG{display:flex;align-items:center;justify-content:center;height:200px;color:#64748b;font-size:1.1rem;text-align:center;font-weight:500}.style_diffSummary__kvlRm{padding:24px}.style_diffSummary__kvlRm p{margin:0 0 16px;font-weight:600;color:#1e293b;font-size:1rem}.style_diffSummary__kvlRm ul{margin:0;padding-left:24px}.style_diffSummary__kvlRm ul li{margin-bottom:10px;line-height:1.6;color:#475569;font-weight:500}.style_diffSummary__kvlRm ul li:last-child{margin-bottom:0}.style_diffResult__xky2q{margin-top:20px;padding:0}.style_diffResult__xky2q h4{margin:0 0 15px;color:#1e293b;font-size:1rem;font-weight:600}.style_diffText__enXkb{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;font-family:JetBrains Mono,Fira Code,Monaco,Menlo,Ubuntu Mono,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;max-height:400px;overflow-y:auto}.style_diffText__enXkb .style_added__X4CII{background:#dcfce7;color:#166534;padding:2px 4px;border-radius:3px;font-weight:600}.style_diffText__enXkb .style_removed__8jzyn{background:#fef2f2;color:#991b1b;text-decoration:line-through;padding:2px 4px;border-radius:3px;font-weight:600}.style_diffText__enXkb .style_unchanged__U1W3T{background:rgba(0,0,0,0);color:#374151}.style_diffPart__gobzq{padding:2px 4px;border-radius:3px}.style_diffPart__gobzq.style_added__X4CII{background:#dcfce7;color:#166534;font-weight:600}.style_diffPart__gobzq.style_removed__8jzyn{background:#fef2f2;color:#991b1b;text-decoration:line-through;font-weight:600}.style_diffPart__gobzq.style_unchanged__U1W3T{background:rgba(0,0,0,0);color:#374151}.style_tips__4ttSo{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:24px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.style_tips__4ttSo h4{margin:0 0 16px;color:#1e40af;font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:8px}.style_tips__4ttSo h4:before{content:"💡";font-size:1.1rem}.style_tips__4ttSo ul{margin:0;padding-left:24px;color:#1e293b}.style_tips__4ttSo ul li{margin-bottom:10px;line-height:1.6;font-weight:500}.style_tips__4ttSo ul li:last-child{margin-bottom:0}.style_tips__4ttSo .style_added__X4CII{color:#059669;font-weight:700}.style_tips__4ttSo .style_removed__8jzyn{color:#dc2626;font-weight:700}