@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";.security-note{color:#849255!important;margin-top:12px!important;font:11px DM Mono,monospace!important}:root{--bg:#f3f2ed;--ink:#242723;--line:#d9d8d0;--green:#b5f05e;--dark:#242824}.panel{background:#fbfaf6;border-color:#d9d8d0}.form-panel,.tool-panel{color:#f4f5ef;background:#242824;border-color:#242824}.form-panel select,.tool-panel select{color:#f4f5ef;background:#2d332e;border-color:#454b45}.check-option,.form-panel input,.form-panel textarea,.tool-panel input,.tool-panel textarea{border-color:#454b45}.check-option{background:#2d332e}.tab.active{color:#b5f05e;background:#242824}.primary{color:#242824;background:#b5f05e}.result-panel{background:#fbfaf6}.form-panel{grid-template-columns:1.05fr .95fr;gap:15px;display:grid;color:#f6f7ef!important;background:#242824!important;border-color:#242824!important}.form-panel>.form-row,.form-panel>.panel-head,.form-panel>.primary,.form-panel>.security-note,.form-panel>label{grid-column:1}.form-panel>.panel-head{margin-bottom:10px}.form-panel>.panel-head h2{color:#f4f5ef}.form-panel>.panel-head p{color:#abb0a8}.form-panel>.inline-result{grid-area:1/2/span 8;margin:0}.form-panel>.inline-result .result-panel{height:100%;min-height:390px}.form-panel label{color:#b9beb5}.form-panel select{color:#f6f7ef;background:#2c312b}.form-panel input,.form-panel select,.form-panel textarea{border-color:#454b42}.form-panel>.diff-preview{color:#242723;background:#fbfaf6;border:1px solid #d9d8d0;grid-area:1/2/span 8;min-height:390px;padding:30px}.form-panel:has(.diff-preview)>.inline-result{display:none}.diff-preview-head{color:#849255;letter-spacing:.13em;justify-content:space-between;font:500 11px DM Mono,monospace;display:flex}.diff-preview-head span:last-child{color:#777a72;text-transform:none;letter-spacing:0}.diff-lines{border:1px solid #d9d8d0;margin-top:28px;font:13px/1.7 DM Mono,monospace;overflow:auto}.diff-line{white-space:pre;min-height:29px;padding:4px 12px;display:flex}.diff-marker{color:#8b8f88;flex:0 0 22px;width:22px}.diff-line code{font:inherit}.diff-removed{color:#a33f39;background:#ffe8e5}.diff-removed .diff-marker{color:#b34740}.diff-added{color:#47722c;background:#e8f8d2}.diff-added .diff-marker{color:#4d8a2c}.diff-empty{color:#9b9d96;margin-top:28px;font:13px DM Mono,monospace}.form-panel>.diff-inputs{grid-column:1;grid-template-columns:1fr 1fr;gap:15px;display:grid}.diff-summary{color:#777a72;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:12px;font:11px DM Mono,monospace;display:grid}.diff-count{white-space:nowrap;font-weight:600}.diff-count-removed{color:#b34740}.diff-count-added{color:#4d8a2c}.diff-lines-count{text-align:right;white-space:nowrap}.diff-copy{color:#777a72;font:inherit;cursor:pointer;background:0 0;border:0}.diff-swap{color:#a8ada6;text-align:center;font-size:17px}.diff-columns{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.diff-pane{border-top:1px solid #d9d8d0;border-bottom:1px solid #d9d8d0;max-height:520px;font:13px/1.7 DM Mono,monospace;overflow:auto}.diff-pane .diff-line{min-height:29px;padding:4px 10px}.diff-number{color:#a6aaa4;text-align:right;-webkit-user-select:none;user-select:none;flex:0 0 32px;width:32px;margin-right:12px}.diff-pane code{font:inherit}.diff-pane .diff-empty{color:#0000;background:0 0}.tool-options>.diff-inputs{grid-template-columns:1fr 1fr;gap:15px;display:grid}.diff-preview{color:#242723;background:#fbfaf6;border:1px solid #d9d8d0;min-height:390px;padding:30px}.diff-preview>.diff-empty{margin:40px 0}.form-panel{isolation:isolate;position:relative;background:0 0!important;border:0!important;padding:0!important}.form-panel:before{content:"";z-index:0;background:#242824;width:calc(52.5% - 7.5px);position:absolute;top:0;bottom:0;left:0}.form-panel>*{z-index:1;position:relative}.form-panel>.diff-inputs,.form-panel>.form-row,.form-panel>.panel-head,.form-panel>.primary,.form-panel>.security-note,.form-panel>label{padding-left:30px;padding-right:30px}.form-panel>.panel-head{padding-top:30px}.form-panel>.primary{width:calc(100% - 60px);margin-left:30px}.field-help{color:#9b9d96;text-transform:none;letter-spacing:0;margin-top:8px;font:10px DM Mono,monospace;display:block}.charset-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;display:grid}.check-option{cursor:pointer;text-transform:none;letter-spacing:0;background:#2c312b;border:1px solid #454b42;align-items:center;gap:9px;padding:11px 10px;display:flex;color:#b9beb5!important;margin:0!important}.check-option input{width:15px;height:15px;accent-color:var(--green);margin:0}.check-option code{color:var(--green);font:11px DM Mono,monospace}@media (width<=700px){.charset-grid{grid-template-columns:1fr}}.button-row,.shortcut-control,.shortcut-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.shortcut-control>span,.shortcut-row>span{color:#9b9d96;text-transform:uppercase;letter-spacing:.08em;margin-right:3px;font:10px DM Mono,monospace}.secondary,.shortcut-control button,.shortcut-row button{color:#b9beb5;cursor:pointer;background:#2c312b;border:1px solid #454b42;padding:8px 10px;font:11px DM Mono,monospace}.secondary:hover,.shortcut-control button:hover,.shortcut-row button:hover{color:var(--green);border-color:var(--green)}.button-row .primary{flex:1;margin-top:22px}.button-row .secondary{color:var(--dark);background:var(--green);border-color:var(--green);margin-top:22px;padding:15px 17px;font-weight:600}:root{--bg:#f5f4ef;--ink:#1b1d1a;--muted:#777a72;--line:#deded6;--green:#b9ef66;--dark:#20241f}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Space Grotesk,sans-serif}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;height:76px;padding:0 max(28px,50% - 560px);font:13px DM Mono,monospace}.brand,.topbar{align-items:center;display:flex}.brand{color:inherit;gap:8px;font-size:17px;font-weight:500;text-decoration:none}.brand-mark{background:var(--dark);color:var(--green);padding:5px 7px;font-size:12px}.accent{color:#7d9b3c}.status{color:var(--muted);align-items:center;gap:8px;display:flex}.status i{background:#83b93d;border-radius:50%;width:7px;height:7px}.shell{max-width:1120px;margin:auto;padding:80px 28px 40px}.hero{max-width:660px}.eyebrow,.result-label,.tool-kicker{letter-spacing:.13em;text-transform:uppercase;color:#849255;font:500 11px DM Mono,monospace}.hero h1{letter-spacing:-.07em;margin:17px 0 25px;font-size:clamp(48px,8vw,88px);line-height:.93}.hero h1 em{color:#8ca64f;font-style:normal}.subhead{color:var(--muted);max-width:445px;font-size:18px;line-height:1.5}.tabs{border-bottom:1px solid var(--line);gap:7px;margin:62px 0 18px;padding-bottom:13px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:10px 16px;font:500 13px DM Mono,monospace}.tab.active{background:var(--dark);color:var(--green)}.workspace{grid-template-columns:1.05fr .95fr;gap:15px;display:grid}.panel{border:1px solid var(--line);background:#fafaf7;padding:30px}.tool-panel{background:var(--dark);color:#f6f7ef;border-color:var(--dark)}.panel-head{justify-content:space-between;gap:20px;margin-bottom:32px;display:flex}.panel h2{letter-spacing:-.04em;margin:10px 0 8px;font-size:28px}.panel p{color:var(--muted);margin:0;line-height:1.45}.tool-panel p{color:#abb0a8}.icon{color:var(--green);font-size:28px}label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:21px 0;font:500 11px DM Mono,monospace;display:block}.tool-panel label{color:#b9beb5}output{float:right;color:var(--green)}input,select,textarea{border:1px solid var(--line);width:100%;color:inherit;background:0 0;border-radius:0;margin-top:10px;padding:13px 14px;font:14px DM Mono,monospace;display:block}input[type=range]{accent-color:var(--green);border:0;padding:0}select{background:#fff}textarea{resize:vertical;min-height:120px}.tool-panel select{color:#f6f7ef;background:#2c312b;border-color:#454b42}.primary{background:var(--green);width:100%;color:var(--dark);cursor:pointer;text-align:left;border:0;margin-top:22px;padding:15px 17px;font:600 13px DM Mono,monospace}.primary:disabled{opacity:.6}.primary span{float:right;font-size:18px}.result-panel{flex-direction:column;min-height:390px;display:flex}.result-label{justify-content:space-between;display:flex}.copy{color:var(--muted);cursor:pointer;background:0 0;border:0;font:500 10px DM Mono,monospace}.result-panel pre{white-space:pre-wrap;word-break:break-all;color:var(--ink);margin:auto 0;font:16px/1.6 DM Mono,monospace}.hint{color:#9b9d96!important;font-size:12px!important}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.inline-result{margin-top:22px}.inline-result .result-panel{min-height:220px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:75px;padding-top:20px;font:11px DM Mono,monospace;display:flex}footer a{color:inherit}@media (width<=700px){.shell{padding-top:50px}.workspace{grid-template-columns:1fr}.hero h1{font-size:58px}.tabs{overflow:auto}.panel{padding:22px}}.shortcut-row button.active{color:var(--dark);border-color:var(--green);background:var(--green)}.shortcut-row .timezone-dropdown{color:#b9beb5;background:#2c312b;border-color:#454b42;width:auto;min-width:175px;margin:0;padding:8px 10px;font:11px DM Mono,monospace}.input-action{align-items:stretch;gap:8px;margin-top:10px;display:flex}.input-action input{flex:1;margin-top:0}.inline-action{border:1px solid var(--green);background:var(--green);color:var(--dark);cursor:pointer;padding:0 18px;font:600 12px DM Mono,monospace}.inline-action:hover{background:#c4f77c}.file-input{padding:9px 10px}.file-input::file-selector-button{color:#20241f;cursor:pointer;background:#b9ef66;border:1px solid #454b42;margin-right:10px;padding:6px 9px;font:600 11px DM Mono,monospace}@media (width<=700px){.form-panel{grid-template-columns:1fr}.form-panel>.inline-result{grid-area:auto/1}.form-panel>.inline-result .result-panel{min-height:260px}.form-panel>.diff-preview{grid-area:auto/1;min-height:260px}.form-panel:before{width:100%}.form-panel>.diff-inputs,.tool-options>.diff-inputs{grid-template-columns:1fr}.diff-summary{grid-template-columns:1fr 1fr}.diff-swap{display:none}.diff-columns{grid-template-columns:1fr}}