html,body{height:100%;margin:0;background-color:#212529;overflow-y:scroll;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;font-family:"Pretendard",sans-serif}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.text-compare-container{display:flex;flex-direction:column;max-width:900px;min-width:320px;margin:0 auto;padding:20px}.text-compare-main{min-height:100vh;display:flex;flex-direction:column;padding-bottom:24px}.input-label-row{display:flex;gap:15px;margin-bottom:4px}.input-label-row .col-half{flex:1;min-width:0}.input-row{display:flex;gap:15px;margin-bottom:20px;position:relative}.input-row .col-half{flex:1;min-width:0}.input-row textarea{width:100%;min-height:100px;resize:both;font-family:"Pretendard",sans-serif;font-size:15px;background-color:#1e1e1e !important;padding-bottom:1em}.input-row textarea::placeholder{color:#8b949e;opacity:1}.input-row textarea::-webkit-input-placeholder{color:#8b949e}.input-row textarea::-moz-placeholder{color:#8b949e;opacity:1}.textarea-scroll{scrollbar-width:thin;scrollbar-color:#444 #1a1a1a}.textarea-scroll::-webkit-scrollbar{width:8px;height:8px}.textarea-scroll::-webkit-scrollbar-track{background:#1a1a1a}.textarea-scroll::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.textarea-scroll::-webkit-scrollbar-thumb:hover{background:#555}.textarea-scroll:not(.scrollbar-visible):not(:hover)::-webkit-scrollbar-thumb{background:rgba(0,0,0,0)}.textarea-scroll.scrollbar-visible::-webkit-scrollbar-thumb,.textarea-scroll:hover::-webkit-scrollbar-thumb{background:#444}.diff-result-wrapper{margin-top:20px;margin-bottom:40px;flex:1;min-height:0;display:flex;flex-direction:column}.diff-result-container{flex:1;min-height:200px;display:flex;flex-direction:column}.diff-result-container.collapsed{display:none}.diff-toggle-btn{background:none;border:none;padding:0;cursor:pointer;font-size:.875rem}.diff-toggle-btn .diff-toggle-main{color:#fff}.diff-toggle-btn .diff-toggle-kbd{color:#8b949e}.diff-toggle-btn:hover .diff-toggle-kbd{color:#c9d1d9}.diff-result{margin-top:0;margin-bottom:0;padding:15px;flex:1;min-height:200px;text-align:left;background:#1e1e1e;border:1px solid #6c757d;border-radius:8px;font-family:"Pretendard",sans-serif;font-size:15px;line-height:1.7;white-space:pre-wrap;word-break:break-word;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 #1a1a1a}.diff-result::-webkit-scrollbar{width:8px}.diff-result::-webkit-scrollbar-track{background:#1a1a1a}.diff-result::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.diff-result .diff-removed{background-color:rgba(63,185,80,.4);color:#3fb950}.diff-result .diff-added{background-color:rgba(248,81,73,.4);color:#f85149}.diff-result .diff-same{color:#fff}.diff-result .diff-muted{color:#3a3f45}.diff-result .diff-space{background-color:rgba(248,81,73,.4);color:#f85149}.diff-empty{color:#8b949e;font-style:normal;font-family:"Pretendard",sans-serif;font-size:15px;text-align:left;display:block;white-space:normal}.textarea-wrapper{position:relative}.textarea-wrapper .clear-btn{position:absolute;top:8px;right:12px;z-index:2;background:none;border:none;padding:0;color:#8b949e;cursor:pointer;line-height:1}.textarea-wrapper .clear-btn:hover{color:#c9d1d9}.textarea-wrapper .clear-btn i{font-size:.75rem}.textarea-wrapper textarea{padding-right:28px}#origColHalf.orig-collapsed{display:none}@keyframes tcFadeOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.97)}}@keyframes tcFadeIn{from{opacity:0;transform:scale(0.97)}to{opacity:1;transform:scale(1)}}.tc-fade-out{animation:tcFadeOut .15s ease forwards}.tc-fade-in{animation:tcFadeIn .15s ease forwards}.tc-seo-h2{margin-top:4.5rem;margin-bottom:.35rem}.tc-seo-h2-first{margin-top:1rem;margin-bottom:.35rem}.tc-seo-shortcuts{margin-bottom:2.5rem}.tc-seo-shortcuts-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem 1.25rem;padding:.55rem 0}.tc-seo-shortcuts-kbd{flex:0 0 auto;min-width:10.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;font-weight:600;color:#e6edf3;letter-spacing:.06em;background:#2d333b;border:1px solid #444c56;border-radius:6px;padding:.28rem .55rem;box-shadow:0 1px 0 rgba(0,0,0,.25)}.tc-seo-shortcuts-desc{flex:1;min-width:10rem;font-size:.95rem;line-height:1.55;color:#adbac7}@media(max-width: 480px){.tc-seo-shortcuts-row{flex-direction:column;gap:.45rem}.tc-seo-shortcuts-kbd{min-width:0}}@media(max-width: 768px){.input-row{flex-direction:column;gap:12px;margin-bottom:0px}.input-row textarea{min-height:72px}}