:root{--page-bg:#f3eee7;--page-bg-soft:#ffffffc2;--card-bg:#fffcf7e0;--card-bg-strong:#fffffff5;--ink:#14323b;--ink-soft:#5a6f75;--border:#14323b1f;--accent:#0c7f73;--accent-strong:#095e58;--accent-soft:#0c7f731f;--focus:#0c7f735c;--addition-bg:#def5e7;--addition-ink:#0f6144;--removal-bg:#ffe4dd;--removal-ink:#8a4032;--change-bg:#fff0c8;--change-ink:#875d00;--muted-bg:#f5f0e8;--shadow:0 18px 55px #23343c1f;--font-sans:"Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;color:var(--ink);background:radial-gradient(circle at top left, #0c7f732e, transparent 28%), radial-gradient(circle at top right, #de875f33, transparent 32%), linear-gradient(180deg, #faf6ef 0%, var(--page-bg) 100%);font:17px/1.6 var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#14323b09 1px,#0000 1px),linear-gradient(90deg,#14323b08 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000001f,#0000 65%);mask-image:linear-gradient(#0000001f,#0000 65%)}a{color:inherit;text-decoration:none}button,textarea,input,summary{font:inherit}button,textarea,input{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}#root{min-height:100svh}.page-shell{width:100%;margin:0;padding:12px 12px 48px}.tool-layout{align-items:start;gap:18px;width:100%;margin:0 auto;display:grid}.tool-layout__main{min-width:0}.page-rail{display:none}.skip-link{background:var(--accent-strong);color:#fff;z-index:20;border-radius:999px;padding:10px 14px;position:absolute;top:-64px;left:16px}.skip-link:focus{top:16px}.site-header,.tool-card,.results-section,.info-card,.faq-card,.site-footer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:.55s both rise}.site-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.brand{align-items:center;gap:14px;display:inline-flex}.brand__mark{background:linear-gradient(135deg, var(--accent-strong), var(--accent));color:#f8f7f2;letter-spacing:.08em;border-radius:18px;place-items:center;width:52px;height:52px;font-weight:700;display:grid;box-shadow:0 16px 32px #0c7f7338}.brand__text{flex-direction:column;gap:2px;display:flex}.brand__text strong{color:var(--ink);font-size:1rem}.brand__text span{color:var(--ink-soft);font-size:.92rem}.site-nav{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff9e;border-radius:999px;flex-wrap:wrap;gap:10px;padding:8px;display:inline-flex}.site-nav a{color:var(--ink-soft);border-radius:999px;padding:10px 14px;transition:background-color .16s,color .16s,transform .16s}.compare-note{border:1px solid var(--border);color:var(--ink-soft);background:#ffffffa3;border-radius:999px;padding:10px 14px}.site-nav a:hover,.site-nav a:focus-visible{background:var(--accent-soft);color:var(--ink);transform:translateY(-1px)}.tool-card,.results-section,.info-card,.faq-card,.site-footer{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow)}.eyebrow,.section-kicker{color:var(--accent-strong);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:700}h1,h2,h3{color:var(--ink);margin:0}h2{font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,2.15rem);line-height:1.05}h3{font-size:1.15rem}p,ol,ul{margin:0}.info-card p,.faq-list p,.empty-state p,.site-footer p{color:var(--ink-soft)}.tool-card,.results-section,.faq-card,.site-footer{border-radius:32px}.ad-shell{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffcf7cc;border-radius:28px;margin-top:18px;padding:18px 20px 20px}.ad-shell--hero{margin-bottom:18px}.ad-shell--faq{margin-top:24px}.ad-shell--rail{margin-top:0}.ad-shell__meta{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.ad-shell__label{background:var(--accent-soft);min-height:34px;color:var(--accent-strong);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 14px;font-size:.8rem;font-weight:700;display:inline-flex}.ad-shell__caption{color:var(--ink-soft);text-align:right;font-size:.9rem}.ad-shell__unit,.ad-shell__placeholder{border-radius:22px;width:100%}.ad-shell__placeholder{color:var(--ink-soft);text-align:center;background:#ffffffb8;border:1px dashed #14323b2e;place-items:center;gap:8px;padding:18px;display:grid}.ad-shell__placeholder strong{color:var(--ink)}.tool-card,.results-section,.faq-card{padding:22px}.results-section{margin-top:24px}.section-header,.results-topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-header.compact{margin-bottom:18px}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.editor-panel{flex-direction:column;gap:10px;display:flex}.editor-heading{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;font-size:.92rem;display:flex}.editor-title-group{flex-direction:column;gap:4px;min-width:0;display:flex}.editor-heading label,.editor-label{color:var(--ink);font-weight:700}.editor-toggle{flex-shrink:0;padding:10px 14px;font-size:.86rem}.text-editor{background:var(--card-bg-strong);width:100%;min-height:clamp(320px,48vh,560px);font-family:var(--font-mono);resize:vertical;border:1px solid #14323b24;border-radius:24px;padding:16px;font-size:.96rem;line-height:1.55;box-shadow:inset 0 1px #ffffffb3}.text-editor::placeholder{color:#8ea0a5}.editor-diff-view{background:var(--card-bg-strong);border:1px solid #14323b24;border-radius:24px;min-height:clamp(320px,48vh,560px);overflow:auto;box-shadow:inset 0 1px #ffffffb3}.editor-diff-line{font-family:var(--font-mono);grid-template-columns:18px 46px minmax(0,1fr);gap:12px;padding:11px 16px;display:grid}.editor-diff-line+.editor-diff-line{border-top:1px solid #14323b14}.editor-marker{text-align:center;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;font-weight:700}.editor-diff-line-unchanged{color:#60757a;background:#f5f0e86b}.editor-diff-line-added,.editor-diff-line-gap-added{color:var(--addition-ink);background:#def5e7bd}.editor-diff-line-removed,.editor-diff-line-gap-removed{color:var(--removal-ink);background:#ffe4ddc2}.editor-diff-line-gap-added .line-placeholder,.editor-diff-line-gap-removed .line-placeholder{color:inherit;opacity:.72}.editor-diff-line.is-empty .line-text{font-style:italic}.action-bar{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}button{cursor:pointer;border:0;border-radius:16px;transition:transform .16s,box-shadow .16s,background-color .16s,color .16s}button:hover{transform:translateY(-1px)}.button-primary,.button-secondary,.button-chip{padding:14px 18px;font-weight:700}.button-primary{background:linear-gradient(135deg, var(--accent-strong), var(--accent));color:#f8fffd;box-shadow:0 14px 30px #0c7f733d}.button-secondary{color:var(--ink);background:#ffffffd6;border:1px solid #14323b1f}.button-chip{color:var(--ink-soft);border:1px solid var(--border);background:#ffffffad}.button-chip.is-active{background:var(--accent-soft);color:var(--accent-strong);border-color:#0c7f7338}.options-grid{border:1px solid var(--border);background:#fff9;border-radius:24px;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:16px;display:grid}.options-grid legend{padding:0 8px;font-weight:700}.option-pill{background:#ffffffe6;border:1px solid #14323b14;border-radius:18px;align-items:center;gap:10px;padding:12px 14px;display:flex}.option-pill input{width:18px;height:18px;accent-color:var(--accent)}.status-line{min-height:24px;color:var(--accent-strong);margin-top:14px;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.view-toggle{flex-wrap:wrap;gap:10px;display:flex}.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.stat-card{background:var(--card-bg-strong);border:1px solid #14323b17;border-radius:24px;flex-direction:column;gap:8px;padding:18px;display:flex}.stat-value{font-size:1.5rem;font-weight:800;line-height:1}.stat-label{color:var(--ink-soft);font-size:.88rem}.diff-shell,.unified-shell,.empty-state{background:var(--card-bg-strong);border:1px solid #14323b1a;border-radius:24px;overflow:auto}.diff-shell,.unified-shell{box-shadow:inset 0 1px #ffffffa8}.diff-table{border-collapse:separate;border-spacing:0;width:100%;min-width:920px}.diff-table thead th{text-align:left;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;background:#f8f4ec;padding:16px 18px;font-size:.88rem;position:sticky;top:0}.diff-table tbody th,.diff-table tbody td{vertical-align:top;border-top:1px solid #14323b14;padding:14px 18px}.line-cell{grid-template-columns:46px minmax(0,1fr);gap:12px;display:grid}.line-number{color:#92a0a5;text-align:right;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;font-size:.84rem}.line-text,.line-placeholder,.unified-text{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word}.line-placeholder{color:#98a7ac;font-style:italic}.line-cell.is-empty{opacity:.75}.row-pill{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.78rem;display:inline-flex}.pill-unchanged,.row-unchanged td{background:#f5f0e880}.pill-unchanged{color:#6e7c81}.row-unchanged .line-text{color:#60757a}.pill-added,.row-added td{background:#def5e7b8}.pill-added,.row-added .line-text{color:var(--addition-ink)}.pill-removed,.row-removed td{background:#ffe4ddbd}.pill-removed,.row-removed .line-text{color:var(--removal-ink)}.pill-changed,.row-changed td{background:#fff0c8bd}.pill-changed{color:var(--change-ink)}.row-changed .line-text{color:var(--ink)}.token-added,.token-removed{border-radius:6px;padding:1px 2px}.token-added{background:#0f614429}.token-removed{background:#8a40322e}.token-shared{color:inherit}.unified-shell{padding:14px}.unified-line{border-radius:14px;grid-template-columns:18px minmax(0,1fr);gap:12px;padding:8px 10px;display:grid}.line-added{color:var(--addition-ink);background:#def5e7b3}.line-removed{color:var(--removal-ink);background:#ffe4ddb8}.line-changed{color:var(--change-ink);background:#fff0c8b3}.line-unchanged{color:#62787d}.unified-prefix{font-family:var(--font-mono);font-weight:700}.empty-state{padding:28px}.empty-state h3{margin-bottom:10px}.success-state{background:linear-gradient(#eef9f6cc,#fffffff5)}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.info-card,.faq-card{padding:24px}.info-card{border-radius:28px}.info-card ol,.info-card ul{color:var(--ink-soft);padding-left:22px}.info-card h2,.faq-card h2{margin-bottom:12px}.info-card p,.info-card ol,.info-card ul{gap:10px;display:grid}.keyword-card{background:linear-gradient(#fcf7f0f5,#ffffffeb)}.faq-card{margin-top:24px}.faq-list{gap:12px;display:grid}.faq-list details{background:#ffffffd1;border:1px solid #14323b1a;border-radius:20px;padding:16px 18px}.faq-list summary{cursor:pointer;font-weight:700}.faq-list p{margin-top:10px}.site-footer{text-align:center;margin-top:24px;padding:18px 24px}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin-bottom:.75rem;display:flex}.site-footer a{color:var(--ink);font-weight:700;text-decoration:none}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=1080px){.content-grid{grid-template-columns:1fr}.options-grid,.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1280px){.tool-layout.has-rail{grid-template-columns:minmax(0,1fr) clamp(300px,18vw,336px)}.page-rail{display:block;position:sticky;top:12px}.page-rail .ad-shell__meta{flex-direction:column;align-items:flex-start}.page-rail .ad-shell__caption{text-align:left}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){:root{font-size:16px}.page-shell{padding:12px 8px 48px}.site-header,.section-header,.results-topbar,.editor-grid{grid-template-columns:1fr}.site-header,.section-header,.results-topbar{flex-direction:column;align-items:stretch}.ad-shell__meta{flex-direction:column;align-items:flex-start}.ad-shell__caption{text-align:left}.editor-grid,.content-grid,.options-grid,.stats-grid{grid-template-columns:1fr}.action-bar button,.view-toggle button{width:100%}.hero-copy,.tool-card,.results-section,.info-card,.faq-card{border-radius:24px;padding:20px}.text-editor,.editor-diff-view{min-height:min(40svh,320px)}.diff-table{min-width:740px}}