@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#15231e;--muted:#69736e;--paper:#f7f6f1;--lime:#b9f227;--lime-dark:#6b9810;--line:#dfe2dc;--code:#17241f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Manrope,Hiragino Kaku Gothic ProN,sans-serif}button,textarea,select,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh}header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f6f1eb;align-items:center;height:76px;padding:0 clamp(24px,5vw,72px);display:flex;position:sticky;top:0}.logo{letter-spacing:-1.3px;font-size:25px;font-weight:800}.logo span{z-index:0;position:relative}.logo span:after{content:"";background:var(--lime);z-index:-1;height:10px;position:absolute;bottom:1px;left:-2px;right:-2px}header nav{color:#4d5752;gap:30px;margin-left:auto;font-size:12px;font-weight:600;display:flex}header nav a:hover{color:var(--lime-dark)}.privacy-mark{background:var(--ink);color:#fff;border-radius:3px;margin-left:34px;padding:7px 9px;font:500 9px DM Mono}main{width:min(1180px,100% - 48px);margin:auto}.hero{grid-template-columns:1.35fr .65fr;align-items:end;gap:48px;padding:70px 0 52px;display:grid}.eyebrow{letter-spacing:.13em;color:#5d6862;grid-column:1/-1;margin-bottom:-20px;font:500 11px DM Mono}.status-dot{background:var(--lime);border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block;box-shadow:0 0 0 4px #e8f6c5}.hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(46px,6vw,78px);font-weight:800;line-height:1.08}.hero h1 span{color:#0000;-webkit-text-stroke:1.5px var(--ink)}.hero p{color:var(--muted);max-width:390px;margin:0 0 8px;font-size:15px;line-height:2}.tool-tabs{border:1px solid var(--line);background:#efefea;border-bottom:0;grid-template-columns:repeat(7,1fr);display:grid}.tool-tabs button{border:0;border-right:1px solid var(--line);color:#66706b;cursor:pointer;background:0 0;min-height:73px;padding:10px 5px;font-size:11px;font-weight:600}.tool-tabs button:last-child{border-right:0}.tool-tabs button span{border:1px solid #aeb5b0;border-radius:4px;width:28px;height:25px;margin:0 auto 5px;font:500 10px DM Mono;display:block}.tool-tabs button.active{background:var(--ink);color:#fff}.tool-tabs button.active span{background:var(--lime);border-color:var(--lime);color:var(--ink)}.converter{background:var(--code);grid-template-columns:1fr 118px 1fr;min-height:440px;display:grid;box-shadow:0 25px 80px #1f2c2624}.editor-pane{flex-direction:column;min-width:0;display:flex}.pane-head{border-bottom:1px solid #33403b;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex}.pane-head label{color:#d6ddd9;letter-spacing:.04em;font-size:11px;font-weight:700}.pane-head>span{gap:12px;display:flex}.pane-head button{color:#87928d;cursor:pointer;background:0 0;border:0;font-size:11px}.pane-head button:hover,.pane-head button.copied{color:var(--lime)}textarea{resize:none;color:#d9f4e8;min-height:375px;caret-color:var(--lime);background:0 0;border:0;outline:0;flex:1;padding:25px;font:400 13px/1.85 DM Mono,monospace}textarea::placeholder{color:#66736d}.output-pane{background:#1c2b25;position:relative}.error{color:#ffb5a7;background:#3b2825;border-radius:4px;margin:0;padding:10px 12px;font:11px/1.5 DM Mono;position:absolute;bottom:12px;left:20px;right:20px}.action-rail{border-left:1px solid #33403b;border-right:1px solid #33403b;flex-direction:column;justify-content:center;align-items:stretch;gap:9px;padding:12px;display:flex}.action-rail>span{color:#718078;letter-spacing:.18em;text-align:center;font:9px DM Mono}.action-rail button{width:100%;color:var(--ink);background:var(--lime);cursor:pointer;text-align:left;border:1px solid #56645d;border-radius:5px;align-items:center;gap:6px;padding:9px 7px;transition:all .2s;display:flex}.action-rail button.reverse{background:#dceab9}.action-rail button b{font-size:17px;line-height:1}.action-rail button i{font:500 9px/1.25 Manrope,Hiragino Kaku Gothic ProN,sans-serif}.action-rail button:hover{background:#d0ff58;transform:translate(3px)}.mobile-actions{display:none}.options-panel{border:1px solid var(--line);background:#fff;border-top:0;box-shadow:0 18px 45px #1f2c2614}.quick-options{align-items:center;gap:22px;min-height:70px;padding:14px 20px;display:flex}.quick-options>p{color:#66706b;letter-spacing:.13em;text-transform:uppercase;margin:0 auto 0 0;font:500 10px DM Mono}.option-toggle{cursor:pointer;color:#46514b;grid-template-columns:36px auto;align-items:center;gap:0 9px;font-size:11px;display:grid}.option-toggle input{opacity:0;pointer-events:none;position:absolute}.option-toggle>span{background:#ccd1cd;border-radius:10px;width:36px;height:20px;padding:2px;transition:all .2s}.option-toggle>span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block;box-shadow:0 1px 3px #8e9792}.option-toggle input:checked+span{background:var(--lime-dark)}.option-toggle input:checked+span:after{transform:translate(16px)}.option-toggle input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.option-toggle b{white-space:nowrap;font-weight:600}.option-toggle small,.option-field small{color:#8a938e;grid-column:2;font-size:9px}.option-field{color:#69736e;grid-template-columns:auto minmax(78px,auto);align-items:center;gap:4px 9px;font-size:10px;display:grid}.option-field select,.option-field input{height:34px;color:var(--ink);background:#f7f7f3;border:1px solid #d7dbd7;border-radius:4px;outline:0;padding:0 28px 0 10px;font-size:11px}.option-field input{width:88px;padding-right:8px}.option-field select:focus,.option-field input:focus{border-color:var(--lime-dark)}.options-panel details{border-top:1px solid var(--line)}.options-panel summary{color:#59635e;cursor:pointer;align-items:center;gap:9px;padding:15px 20px;font-size:11px;font-weight:700;list-style:none;display:flex}.options-panel summary::-webkit-details-marker{display:none}.options-panel summary:before{content:"＋";color:var(--lime-dark);font:500 15px DM Mono}.options-panel details[open] summary:before{content:"−"}.options-panel summary small{color:#9ba29e;margin-left:auto;font:9px DM Mono}.advanced-options{border-top:1px solid var(--line);background:#f2f2ed;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px;padding:18px 20px 22px;display:grid}.about{border-bottom:1px solid var(--line);grid-template-columns:.5fr 1.1fr .6fr;align-items:start;gap:50px;padding:75px 0 90px;display:grid}.section-number{color:#d5d8d2;font:500 44px DM Mono}.about>div:first-child p,.directory-title{letter-spacing:.16em;color:#7c8781;font:500 9px DM Mono}.about h2{letter-spacing:-.04em;margin:0 0 18px;font-size:24px}.about>div:nth-child(2)>p{color:var(--muted);margin:0;font-size:14px;line-height:2}.all-tools-link{border-bottom:1px solid var(--ink);justify-self:end;padding-bottom:5px;font-size:12px;font-weight:700}.directory{padding:70px 0 110px}.directory>div{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;display:grid}.directory a{border:1px solid var(--line);background:#fff;align-items:center;gap:11px;padding:18px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.directory a:hover{border-color:#a1ad61;transform:translateY(-2px)}.directory a span{color:var(--lime-dark);font:500 9px DM Mono}.directory a b{margin-left:auto;font-weight:400}footer{background:var(--ink);color:#7f8c85;align-items:center;gap:24px;min-height:110px;padding:30px clamp(24px,5vw,72px);font-size:10px;display:flex}footer span{color:#fff;font-size:17px;font-weight:800}footer p:last-child{margin-left:auto}@media (width<=800px){header{height:64px}header nav{display:none}.privacy-mark{margin-left:auto}main{width:min(100% - 28px,620px)}.hero{grid-template-columns:1fr;gap:24px;padding:45px 0 34px}.eyebrow{margin:0}.hero h1{font-size:45px}.hero p{font-size:13px}.tool-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr)}.tool-tabs button{border-bottom:1px solid var(--line);min-height:64px}.converter{grid-template-columns:1fr}.action-rail{display:none}.editor-pane textarea{min-height:230px}.output-pane{border-top:1px solid #435049}.mobile-actions{background:#12201a;order:1;gap:10px;padding:14px;display:flex}.mobile-actions button{background:var(--lime);color:var(--ink);border:0;flex:1;justify-content:space-between;padding:14px;font-size:11px;font-weight:800;display:flex}.mobile-actions button.reverse{background:#dceab9}.output-pane{order:2}.quick-options{flex-wrap:wrap;align-items:flex-start;gap:14px 18px}.quick-options>p{width:100%}.advanced-options{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;gap:20px;padding:55px 0}.section-number{font-size:30px}.all-tools-link{justify-self:start}.directory{padding:50px 0 70px}.directory>div{grid-template-columns:1fr 1fr}footer{flex-wrap:wrap}footer p:last-child{width:100%;margin:0}}@media (width<=430px){.directory>div{grid-template-columns:1fr}.tool-tabs{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:39px}.advanced-options{grid-template-columns:1fr}}