*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff}#root{min-height:100vh}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;min-height:100vh;background:#fff}.app-container{max-width:none;margin:0;padding:40px;width:100%}.app-container>div{width:100%}.input-section{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;width:100%}.error-message{color:#ef4444;padding:10px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px}.diff-content>div,.diff-content .diff-view,.diff-content .diff,.diff-content .diff-container{width:100%!important;max-width:100%!important;min-width:100%!important}.diff-content table{width:100%!important;max-width:100%!important;min-width:100%!important;table-layout:fixed!important;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden}.diff-content colgroup,.diff-content col{width:auto!important}.diff-content .diff-gutter-col{width:60px!important}.diff-content .diff-code-col{width:auto!important}.diff-content td,.diff-content th{max-width:none!important;padding:8px 12px;border:none}.diff-content .diff-gutter{color:#6c757d;background-color:#f8f9fa;min-width:60px;font-weight:600;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;text-align:right;-webkit-user-select:none;user-select:none;border-right:2px solid #e9ecef}.diff-content .diff-code{color:#1a1a1a;background-color:#fff;white-space:pre-wrap;word-break:break-all;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6}.diff-content .diff-gutter-insert{background:linear-gradient(to right,#d1f4e0,#e6f9f0);border-right-color:#10b981;color:#059669}.diff-content .diff-code-insert{background:linear-gradient(to right,#ecfdf5,#f0fdf4);border-left:3px solid #10b981}.diff-content .diff-gutter-delete{background:linear-gradient(to right,#fecaca,#fee2e2);border-right-color:#ef4444;color:#dc2626}.diff-content .diff-code-delete{background:linear-gradient(to right,#fef2f2,#fee2e2);border-left:3px solid #ef4444}.diff-content .diff-line{color:#1a1a1a;transition:background-color .15s ease}.diff-content .diff-line:hover{background-color:#667eea0d}.diff-content .diff-line-number{color:#6c757d}.diff-content .diff-code-insert .diff-code-edit{background-color:#86efac;border-radius:3px;padding:2px 0;font-weight:600}.diff-content .diff-code-delete .diff-code-edit{background-color:#fca5a5;border-radius:3px;padding:2px 0;font-weight:600;text-decoration:line-through;opacity:.8}@media(max-width:768px){.input-section{grid-template-columns:1fr;gap:24px}}@media(max-width:480px){.app-container{padding:24px 16px}}._header_1rdh1_1{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px}._headerContent_1rdh1_9{flex:1;text-align:center}._title_1rdh1_14{margin:0;font-size:1.5rem;font-weight:600;color:#1a1a1a;letter-spacing:-.02em}._subtitle_1rdh1_22{margin:4px 0 0;font-size:.875rem;font-weight:400;color:#666;letter-spacing:-.01em}._storageNote_1rdh1_30{margin:8px 0 0;font-size:.75rem;font-weight:400;color:#999;letter-spacing:-.01em}@media(max-width:768px){._title_1rdh1_14{font-size:1.25rem}._subtitle_1rdh1_22{font-size:.8rem}._storageNote_1rdh1_30{font-size:.7rem}}@media(max-width:480px){._title_1rdh1_14{font-size:1.125rem}._subtitle_1rdh1_22{font-size:.75rem}._storageNote_1rdh1_30{font-size:.65rem}}._languageBtn_18ato_1{padding:8px 16px;background:#fff;border:1px solid #d1d1d1;border-radius:6px;color:#1a1a1a;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}._languageBtn_18ato_1:hover{background:#f5f5f5;border-color:#b1b1b1}._languageBtn_18ato_1:active{transform:scale(.95)}@media(max-width:768px){._languageBtn_18ato_1{padding:6px 12px;font-size:.8rem}}._panel_wq4hw_1{display:flex;flex-direction:column;gap:16px}._textInput_wq4hw_7{width:100%;min-height:400px;padding:16px;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#1a1a1a;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;-webkit-appearance:none;-moz-appearance:none;appearance:none}._textInput_wq4hw_7::placeholder{color:#adb5bd}._textInput_wq4hw_7:focus{outline:none;background:#fff;border-color:#495057;box-shadow:0 0 0 3px #4950571a,0 1px 3px #0000000d}@media(max-width:768px){._textInput_wq4hw_7{min-height:300px}}:root{--diff-background-color:initial;--diff-text-color:initial;--diff-font-family:Consolas,Courier,monospace;--diff-selection-background-color:#b3d7ff;--diff-selection-text-color:var(--diff-text-color);--diff-gutter-insert-background-color:#d6fedb;--diff-gutter-insert-text-color:var(--diff-text-color);--diff-gutter-delete-background-color:#fadde0;--diff-gutter-delete-text-color:var(--diff-text-color);--diff-gutter-selected-background-color:#fffce0;--diff-gutter-selected-text-color:var(--diff-text-color);--diff-code-insert-background-color:#eaffee;--diff-code-insert-text-color:var(--diff-text-color);--diff-code-delete-background-color:#fdeff0;--diff-code-delete-text-color:var(--diff-text-color);--diff-code-insert-edit-background-color:#c0dc91;--diff-code-insert-edit-text-color:var(--diff-text-color);--diff-code-delete-edit-background-color:#f39ea2;--diff-code-delete-edit-text-color:var(--diff-text-color);--diff-code-selected-background-color:#fffce0;--diff-code-selected-text-color:var(--diff-text-color);--diff-omit-gutter-line-color:#cb2a1d}.diff{background-color:var(--diff-background-color);border-collapse:collapse;color:var(--diff-text-color);table-layout:fixed;width:100%}.diff::-moz-selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:var(--diff-text-color);color:var(--diff-selection-text-color)}.diff::selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:var(--diff-text-color);color:var(--diff-selection-text-color)}.diff td{padding-bottom:0;padding-top:0;vertical-align:top}.diff-line{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);line-height:1.5}.diff-gutter>a{color:inherit;display:block}.diff-gutter{cursor:pointer;padding:0 1ch;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff-gutter-insert{background-color:#d6fedb;background-color:var(--diff-gutter-insert-background-color);color:var(--diff-text-color);color:var(--diff-gutter-insert-text-color)}.diff-gutter-delete{background-color:#fadde0;background-color:var(--diff-gutter-delete-background-color);color:var(--diff-text-color);color:var(--diff-gutter-delete-text-color)}.diff-gutter-omit{cursor:default}.diff-gutter-selected{background-color:#fffce0;background-color:var(--diff-gutter-selected-background-color);color:var(--diff-text-color);color:var(--diff-gutter-selected-text-color)}.diff-code{word-wrap:break-word;padding:0 0 0 .5em;white-space:pre-wrap;word-break:break-all}.diff-code-edit{color:inherit}.diff-code-insert{background-color:#eaffee;background-color:var(--diff-code-insert-background-color);color:var(--diff-text-color);color:var(--diff-code-insert-text-color)}.diff-code-insert .diff-code-edit{background-color:#c0dc91;background-color:var(--diff-code-insert-edit-background-color);color:var(--diff-text-color);color:var(--diff-code-insert-edit-text-color)}.diff-code-delete{background-color:#fdeff0;background-color:var(--diff-code-delete-background-color);color:var(--diff-text-color);color:var(--diff-code-delete-text-color)}.diff-code-delete .diff-code-edit{background-color:#f39ea2;background-color:var(--diff-code-delete-edit-background-color);color:var(--diff-text-color);color:var(--diff-code-delete-edit-text-color)}.diff-code-selected{background-color:#fffce0;background-color:var(--diff-code-selected-background-color);color:var(--diff-text-color);color:var(--diff-code-selected-text-color)}.diff-widget-content{vertical-align:top}.diff-gutter-col{width:7ch}.diff-gutter-omit{height:0}.diff-gutter-omit:before{background-color:#cb2a1d;background-color:var(--diff-omit-gutter-line-color);content:" ";display:block;height:100%;margin-left:4.6ch;overflow:hidden;white-space:pre;width:2px}.diff-decoration{line-height:1.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff-decoration-content{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);padding:0}._section_1g477_1{margin-top:0;margin-bottom:32px;padding:0;background:#fff;border-radius:16px;border:1px solid #e9ecef;box-shadow:0 4px 20px #00000014;width:100%;max-width:100%;overflow:hidden}._content_1g477_14{padding:24px}._noDiffView_1g477_19 pre{margin:0;padding:0;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6}._line_1g477_27{display:flex;padding:0}._lineNumber_1g477_32{display:inline-block;width:50px;padding:0 12px;text-align:right;color:#6c757d;background:#f8f9fa;border-right:1px solid #e9ecef;-webkit-user-select:none;user-select:none}._lineText_1g477_43{padding:0 12px;flex:1;white-space:pre-wrap;word-break:break-all;color:#1a1a1a}._content_1g477_14 .diff{font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6}._content_1g477_14 .diff-line{line-height:1.6}._content_1g477_14 .diff-gutter{width:50px;padding:0 12px;color:#6c757d;background:#f8f9fa}._content_1g477_14 .diff-code{padding:0 12px}._controls_1epr1_1{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:20px 24px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 1px 3px #0000000d;width:100%}._controlsLeft_1epr1_14{justify-content:flex-start;gap:16px}._modeToggleGroup_1epr1_20{display:flex;gap:0;background:#e9ecef;padding:4px;border-radius:10px}._modeToggleBtn_1epr1_28{padding:8px 24px;border:none;background:transparent;color:#495057;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}._modeToggleBtnActive_1epr1_41{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #0003}._modeToggleBtn_1epr1_28:hover:not(._modeToggleBtnActive_1epr1_41):not(:disabled){background:#ffffffb3;color:#1a1a1a}._modeToggleBtn_1epr1_28:disabled{cursor:not-allowed;opacity:.6}._sampleBtn_1epr1_58{padding:12px 24px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:8px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em;width:320px;text-align:center;box-sizing:border-box}._sampleBtn_1epr1_58:hover{background:#f8f9fa;border-color:#adb5bd;color:#1a1a1a}@media(max-width:768px){._controls_1epr1_1{flex-direction:column;gap:16px;padding:16px}}._toggle_1y6yk_1{display:flex;gap:8px;background:#e9ecef;padding:4px;border-radius:10px;width:320px;justify-content:center;box-sizing:border-box}._button_1y6yk_12{padding:8px 24px;border:none;background:transparent;color:#495057;border-radius:8px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}._buttonActive_1y6yk_25{background:#fff;color:#1a1a1a;box-shadow:0 1px 3px #0000001a}._button_1y6yk_12:hover:not(._buttonActive_1y6yk_25){background:#ffffff80;color:#1a1a1a}@media(max-width:768px){._toggle_1y6yk_1{width:100%;justify-content:center}}._footer_1qaev_1{margin-top:64px;padding:24px;text-align:center;border-top:1px solid #e9ecef;color:#6c757d;font-size:.875rem}._footer_1qaev_1 p{margin:0}._container_dweez_1{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:2rem}._content_dweez_9{text-align:center;max-width:480px}._title_dweez_14{font-size:1.5rem;font-weight:600;color:#dc2626;margin-bottom:1rem}._message_dweez_21{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}._actions_dweez_27{display:flex;gap:1rem;justify-content:center}._button_dweez_33{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background-color:#3b82f6;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s}._button_dweez_33:hover{background-color:#2563eb}._buttonSecondary_dweez_49{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#374151;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:background-color .2s}._buttonSecondary_dweez_49:hover{background-color:#e5e7eb}
