:root{color:#242b33;font-synthesis:none;background:#f1f3f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:#1769aa;text-underline-offset:3px}button,input,select,textarea{font:inherit}button,summary,.file-control{cursor:pointer}button{color:#fff;background:#1769aa;border:1px solid #1769aa;border-radius:4px;padding:8px 14px;line-height:1.35}button:hover{background:#11558e}button:disabled{cursor:default;opacity:.45}.quiet,.choice{color:#343c45;background:#fff;border-color:#cbd2da}.quiet:hover,.choice:hover{background:#f4f6f8}.small{padding:5px 9px;font-size:14px}input,select{color:inherit;background:#fff;border:1px solid #778391;border-radius:3px;max-width:100%;min-height:38px;padding:7px 9px}input[type=checkbox]{accent-color:#1769aa;width:17px;height:17px;min-height:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.counts:focus-visible{outline-offset:3px;outline:3px solid #1769aa}.container{width:100%;margin:auto;padding:0 18px}.header{background:#fff;border-bottom:1px solid #dce1e6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:10px 18px;display:flex}.header-top{justify-content:space-between;align-items:center;padding:0;display:flex}.brand{color:#242b33;font-size:21px;font-weight:700;text-decoration:none}.header nav{flex-wrap:wrap;align-items:center;gap:6px;padding-bottom:0;display:flex}.header nav>a{color:#4a535e;padding:7px 10px;font-size:14px;text-decoration:none}.header a[aria-current=page]{color:#1769aa;background:#eef5fb;border-radius:3px}.menu-toggle{display:none}.skip{z-index:5;background:#fff;padding:10px;position:absolute;top:-100px;left:24px}.skip:focus{top:8px}main{grid-template-columns:max-content minmax(0,1fr);align-content:start;column-gap:24px;min-height:calc(100vh - 220px);display:grid}main>:not(h1):not(#controls){grid-column:1/-1}#controls{align-self:center;padding:8px 0}h1{margin:16px 0 12px;font-size:32px;font-weight:700;line-height:1.3}p{margin:10px 0}.choices{flex-wrap:wrap;gap:8px;margin-bottom:0;display:flex}.choice[aria-pressed=true]{color:#135c98;background:#edf5fc;border-color:#1769aa}.choice strong{font-weight:550}.choice span{color:#64707d;white-space:nowrap;text-overflow:ellipsis;max-width:230px;margin-top:6px;font-size:13px;display:block;overflow:hidden}#cases{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}#cases .choice{text-align:left;min-width:0;padding:10px 12px}.options.clean-options{gap:4px 16px;margin:0}.clean-options .check{min-height:32px}.options{flex-wrap:wrap;align-items:flex-end;gap:14px;margin:12px 0;display:flex}.field{flex-direction:column;gap:5px;min-width:170px;max-width:100%;font-size:14px;display:flex}.check{align-items:center;gap:7px;min-height:38px;font-size:14px;display:inline-flex}.editor-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:12px 0 8px;display:grid}.editor-pair:has(>.editor:only-child){grid-template-columns:1fr}.editor{min-width:0}.editor-heading{justify-content:space-between;align-items:center;gap:10px;min-height:38px;margin-bottom:6px;display:flex}.editor-heading>label{font-size:15px;font-weight:700}.result-actions{align-items:center;gap:8px;display:flex}.editor textarea{width:100%;height:var(--editor-height,max(480px,calc(100dvh - 180px)));resize:vertical;color:#252c34;background:#fff;border:1px solid #778391;border-radius:4px;padding:14px;line-height:1.55;display:block}.comparison-editors{--editor-height:max(240px,calc(50dvh - 90px))}.editor textarea[readonly]{background:#fff}.stats{color:#65717e;flex-wrap:wrap;gap:14px;margin:8px 0;font-size:12px;display:flex}.stats strong{font-weight:500}.input-tools{margin:8px 0 16px}.file-control{color:#1769aa;text-underline-offset:3px;font-size:14px;text-decoration:underline}.error{color:#8c2520;overflow-wrap:anywhere;background:#fff6f5;border:1px solid #edb1ad;padding:12px;font-size:14px}[hidden]{display:none!important}.counts{overscroll-behavior-x:contain;color:#000;grid-template-columns:repeat(6,minmax(140px,1fr));gap:24px;margin:18px 24px;padding-bottom:6px;display:grid;overflow-x:auto}.counts dt{white-space:nowrap;font-size:18px;font-weight:500}.counts dd{margin:4px 0;font-size:28px;font-weight:700}.diff-key{font-size:13px}ins{color:#155b2b;background:#daf0df;text-decoration:none}del{color:#902c25;background:#fde1df}.diff-key ins,.diff-key del{padding:2px 6px}.footer{color:#68727e;border-top:1px solid #e2e6ea;margin-top:18px;font-size:13px}.footer>.container{justify-content:space-between;gap:20px;padding-top:12px;padding-bottom:12px;display:flex}.footer nav{gap:18px;display:flex}.footer a{color:#68727e}#toast{color:#fff;opacity:0;pointer-events:none;background:#26323f;border-radius:4px;max-width:90%;padding:10px 18px;font-size:14px;transition:opacity .15s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}#toast.visible{opacity:1}@media (width<=760px){main{display:block}#controls{padding:0}.choices{margin-bottom:8px}.header{padding:0 12px;display:block}.container{padding:0 12px}.header-top{padding:12px 0}.menu-toggle{display:block}.header nav{display:none}.header.menu-open nav{flex-direction:column;align-items:stretch;gap:1px;padding-bottom:14px;display:flex}.header nav>a{padding:9px 0}h1{margin:14px 0 10px;font-size:28px}.editor-pair{grid-template-columns:1fr;gap:15px}.editor textarea{height:var(--editor-height,max(360px,75dvh))}.comparison-editors{--editor-height:max(180px,37.5dvh)}.choices .choice{flex:1;min-width:140px}#cases{grid-template-columns:repeat(2,minmax(0,1fr))}#cases .choice{min-width:0}.counts{gap:20px;margin:16px 12px}.options{align-items:stretch}.field{flex:1;min-width:145px}.result-actions{gap:5px}.result-actions button{padding:7px 9px}.footer>.container{flex-wrap:wrap;gap:10px}}.comparison-field{background:#fff;border-radius:4px;position:relative}.comparison-field textarea{caret-color:#252c34;overflow-wrap:break-word;tab-size:8;background:0 0;position:relative}.comparison-backdrop{pointer-events:none;white-space:pre-wrap;overflow-wrap:break-word;color:#0000;tab-size:8;padding:14px;line-height:1.55;position:absolute;top:1px;left:1px;overflow:hidden}.comparison-backdrop .diff-removed{background:#fbe4e6;-webkit-text-decoration:line-through #902c25;text-decoration:line-through #902c25}.comparison-backdrop .diff-added{text-underline-offset:3px;background:#d9f1e0;-webkit-text-decoration:underline #155b2b;text-decoration:underline #155b2b}.comparison-summary{flex-wrap:wrap;align-items:center;gap:18px;margin:0 0 8px;font-size:13px;display:flex}.comparison-summary .diff-key{margin:0}.comparison-summary ins{text-underline-offset:3px;text-decoration:underline}@media (forced-colors:active){.comparison-backdrop .diff-removed,.comparison-backdrop .diff-added{text-decoration-color:canvastext}}.tool-description{color:#4a535e;max-width:85ch;margin:0 0 8px}.tool-guide{border-top:1px solid #dce1e6;max-width:1000px;margin:24px 0 12px;padding-top:16px}.tool-guide h2{margin:16px 0 8px;font-size:22px}.tool-guide h3{margin:8px 0;font-size:15px}.example-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.example-pair>div{min-width:0}.example-pair pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #dce1e6;border-radius:4px;margin:0;padding:12px;font-size:14px}.tool-links{flex-wrap:wrap;gap:8px 24px;padding-left:20px;display:flex}.tool-guide>p{max-width:85ch}.dedicated-tool{grid-template-columns:minmax(0,1fr)}.dedicated-tool #controls{grid-column:1/-1;padding:0}.dedicated-tool h1{overflow-wrap:anywhere}.input-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.option-note{color:#7a3b0c;max-width:75ch;font-size:14px}.article{grid-column:1/-1;max-width:850px}.article h2{margin-top:24px;font-size:23px}.article pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #dce1e6;padding:16px}.article li{margin:8px 0}@media (width<=760px){.example-pair{grid-template-columns:1fr}.tool-guide h2{font-size:20px}.tool-links{display:block}.tool-links li{margin:8px 0}}
