@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(8,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}.markdown-category-entry{background:#edf3dd;border:1px solid #aebb8d;justify-content:space-between;align-items:center;gap:40px;margin-top:70px;padding:34px 38px;transition:all .2s;display:flex}.markdown-category-entry:hover{border-color:var(--lime-dark);transform:translateY(-3px);box-shadow:0 16px 40px #1f2c2614}.markdown-category-entry small{color:var(--lime-dark);letter-spacing:.14em;font:500 9px DM Mono}.markdown-category-entry h2{letter-spacing:-.045em;margin:9px 0 8px;font-size:25px}.markdown-category-entry p{max-width:690px;color:var(--muted);margin:0;font-size:12px;line-height:1.8}.markdown-category-entry>span{background:var(--ink);color:#fff;flex:none;padding:13px 16px;font-size:10px;font-weight:800}.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}.markdown-hero{padding-bottom:44px}.markdown-hero h1{font-size:clamp(44px,6vw,72px)}.breadcrumbs{color:var(--muted);align-items:center;gap:9px;padding-top:28px;font-size:11px;display:flex}.breadcrumbs b{color:var(--ink)}.tool-hero{padding-top:38px}.markdown-directory{padding:16px 0 86px}.beginner-callout{background:var(--ink);color:#fff;border-left:6px solid var(--lime);justify-content:space-between;align-items:center;gap:30px;margin:0 0 58px;padding:28px 32px;display:flex}.beginner-callout small{color:var(--lime);letter-spacing:.12em;font:500 9px DM Mono}.beginner-callout h2{letter-spacing:-.035em;margin:8px 0;font-size:21px}.beginner-callout p{color:#aab5af;margin:0;font-size:12px}.beginner-callout a{background:var(--lime);color:var(--ink);flex:none;padding:14px 18px;font-size:11px;font-weight:800}.markdown-directory>div{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.markdown-directory a{border:1px solid var(--line);background:#fff;min-height:200px;padding:28px;transition:all .2s}.markdown-directory a:first-child{grid-column:span 2}.markdown-directory a:hover{border-color:#a1ad61;transform:translateY(-3px);box-shadow:0 14px 35px #1f2c2612}.markdown-directory small{color:var(--lime-dark);letter-spacing:.08em;font:500 9px DM Mono}.markdown-directory h2{letter-spacing:-.04em;margin:18px 0 10px;font-size:22px}.markdown-directory p{max-width:520px;color:var(--muted);font-size:13px;line-height:1.8}.markdown-directory b{margin-top:22px;font-size:11px;display:block}.markdown-guide,.tool-copy{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:70px;padding:72px 0;display:grid}.markdown-guide h2,.tool-copy h2,.related-tools h2{letter-spacing:-.045em;margin:15px 0 18px;font-size:27px}.markdown-guide article>p:last-child,.tool-copy p,.tool-copy li{color:var(--muted);font-size:13px;line-height:2}.markdown-guide ul,.tool-copy ol{color:var(--muted);padding-left:20px;font-size:13px;line-height:2}.markdown-converter{background:var(--code);grid-template-columns:1fr 104px 1fr;min-height:470px;display:grid;box-shadow:0 25px 80px #1f2c2624}.markdown-pane{flex-direction:column;min-width:0;min-height:470px;display:flex;position:relative}.markdown-pane textarea{min-height:410px}.markdown-run{background:var(--lime);color:var(--ink);cursor:pointer;border:0;border-radius:4px;align-self:center;margin:12px;padding:14px 8px;font-size:10px;font-weight:800}.markdown-run:hover{background:#d0ff58}.markdown-preview{color:var(--ink);background:#fff;flex:1;padding:25px;font-size:14px;line-height:1.8;overflow:auto}.markdown-preview>:first-child{margin-top:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{line-height:1.35}.markdown-preview a{color:#527b08;text-decoration:underline}.markdown-preview code{background:#eef0ea;padding:2px 5px;font-family:DM Mono,monospace}.markdown-preview pre{color:#d9f4e8;background:#17241f;padding:15px;overflow:auto}.markdown-preview blockquote{border-left:3px solid var(--lime-dark);color:var(--muted);margin-left:0;padding-left:16px}.markdown-preview table{border-collapse:collapse;width:100%}.markdown-preview th,.markdown-preview td{border:1px solid var(--line);text-align:left;padding:8px}.markdown-preview img{max-width:100%}.tool-copy pre{color:#334039;background:#eaece6;padding:18px;font:11px/1.7 DM Mono;overflow:auto}.tool-copy h3{margin:28px 0 10px;font-size:13px}.related-tools{border-top:1px solid var(--line);padding:64px 0 90px}.related-tools>div{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.related-tools>div a{border:1px solid var(--line);background:#fff;justify-content:space-between;gap:10px;padding:18px;font-size:11px;font-weight:700;display:flex}.related-tools>div a:hover{border-color:#a1ad61}.cross-links{color:var(--muted);margin:26px 0 0;font-size:11px}.cross-links a{color:var(--lime-dark);text-decoration:underline}.cheat-intro{background:#eff5df;border:1px solid #cbd6ae;margin-bottom:28px;padding:18px 22px}.cheat-intro p{color:#506044;margin:0;font-size:12px;line-height:1.8}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:80px;display:grid}.recipe-card{border:1px solid var(--line);background:#fff;min-width:0;padding:26px}.recipe-card>header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;justify-content:space-between;align-items:flex-start;height:auto;padding:0 0 18px;display:flex;position:static}.recipe-card>header small{color:var(--lime-dark);letter-spacing:.14em;font:500 8px DM Mono}.recipe-card>header h2{letter-spacing:-.04em;margin:5px 0 0;font-size:21px}.recipe-card>header>code{color:#637069;text-overflow:ellipsis;white-space:nowrap;background:#eff0eb;border-radius:3px;max-width:48%;padding:7px 9px;font:10px DM Mono;overflow:hidden}.recipe-card>p{min-height:42px;color:var(--muted);margin:0 0 20px;font-size:12px;line-height:1.7}.recipe-fields{gap:12px;display:grid}.recipe-fields label{color:#4f5a54;gap:7px;font-size:10px;font-weight:700;display:grid}.recipe-fields input,.recipe-fields textarea{width:100%;min-height:44px;color:var(--ink);background:#fafaf7;border:1px solid #d7dbd7;border-radius:3px;outline:0;padding:11px 12px;font:12px/1.6 DM Mono,monospace}.recipe-fields textarea{resize:vertical;height:88px}.recipe-fields input:focus,.recipe-fields textarea:focus{border-color:var(--lime-dark);box-shadow:0 0 0 2px #edf6d4}.recipe-output{background:var(--code);border-radius:3px;grid-template-columns:1fr auto;gap:8px 12px;margin-top:18px;padding:13px;display:grid}.recipe-output>span{color:#819087;letter-spacing:.12em;grid-column:1/-1;font:8px DM Mono}.recipe-output code{color:#d9f4e8;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;font:11px/32px DM Mono;overflow:auto}.recipe-output button{background:var(--lime);height:32px;color:var(--ink);cursor:pointer;border:0;border-radius:3px;align-self:start;padding:0 11px;font-size:9px;font-weight:800}.recipe-output button:disabled{color:#929c96;cursor:not-allowed;background:#5c6962}.cheat-guide a{color:var(--lime-dark);text-decoration:underline}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}.markdown-category-entry{flex-direction:column;align-items:flex-start;gap:22px;margin-top:50px;padding:26px}.directory{padding:50px 0 70px}.directory>div{grid-template-columns:1fr 1fr}.beginner-callout{flex-direction:column;align-items:flex-start}.markdown-directory>div,.markdown-guide,.tool-copy,.recipe-grid{grid-template-columns:1fr}.markdown-directory a:first-child{grid-column:auto}.markdown-guide,.tool-copy{gap:34px;padding:52px 0}.markdown-converter{grid-template-columns:1fr}.markdown-pane{min-height:320px}.markdown-pane textarea{min-height:260px}.markdown-run{width:calc(100% - 28px);margin:14px}.related-tools>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}}