:root{color:#192c30;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--muted:#53656a;--line:#c4d0cc;--accent:#126453;--panel:#fff;--field:#f8faf9;background:#f3f6f4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:64px auto;padding:0 28px 40px}h1{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(30px,5vw,44px);font-weight:700}p{color:var(--muted);margin:0;line-height:1.6}header{margin-bottom:30px}.field-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.field-heading label{margin:0}.field-heading button{color:var(--accent);background:0 0;border:0;padding:8px}.result-head .export-note{width:100%;margin-bottom:4px;font-size:13px;line-height:1.5}.result-head h2{width:100%}#result-title{scroll-margin-top:20px}.result-head button{flex:0 auto}.brand{align-items:center;gap:16px;display:flex}.brand svg{flex:none;width:52px;height:52px}header p{max-width:65ch;margin-top:12px}details{margin-top:20px}summary{min-height:44px;color:var(--accent);cursor:pointer;text-underline-offset:3px;width:fit-content;padding:8px 0;display:list-item}summary:hover{text-decoration:underline}.support-copy{max-width:72ch;margin-top:8px;font-size:13px}.input-note{margin:10px 0 0;font-size:13px}.workspace{scroll-margin-top:20px}input{caret-color:var(--accent)}@media (prefers-reduced-motion:no-preference){button{transition:filter .15s ease-out}}.workspace{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}label{margin-bottom:12px;font-size:15px;font-weight:650;display:block}textarea{resize:vertical;border:1px solid var(--line);background:var(--field);width:100%;min-height:150px;color:inherit;caret-color:var(--accent);border-radius:8px;padding:16px;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}textarea::placeholder{color:var(--muted);opacity:1}button{border:1px solid var(--line);cursor:pointer;background:var(--panel);min-height:44px;color:inherit;border-radius:8px;padding:11px 18px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4}button:hover{background:var(--field)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{filter:brightness(1.12)}button:disabled{opacity:.45;cursor:default}button:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #3b9d86}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.tag{color:var(--muted);margin-left:auto;font-size:13px}.tag code{color:var(--accent)}.result-head{flex-wrap:wrap;align-items:center;gap:12px;margin:30px 0 12px;display:flex}.result-head h2{margin:0 auto 0 0;font-size:18px}.result-head button{padding:10px 13px;font-size:14px}#output{tab-size:2;min-height:220px;font-size:13px}#status{min-height:24px;color:var(--accent);margin-top:12px;font-size:14px}#status.error{color:#ae2d27}.help{margin-top:22px;font-size:13px}.help code{overflow-wrap:anywhere}footer{color:var(--muted);margin-top:20px;font-size:13px;line-height:1.6}::selection{color:#192c30;background:#bce9db}textarea::-webkit-scrollbar{width:9px}textarea::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}@media (width<=600px){main{margin:30px auto;padding:0 16px 28px}.workspace{padding:20px}.tag{width:100%;margin:0}.primary,.result-head h2{width:100%}header{margin-bottom:24px}}@media (prefers-color-scheme:dark){:root{color:#e6efec;--muted:#a6bbb2;--line:#41584e;--accent:#77cfb4;--panel:#1b2d27;--field:#15241f;background:#12211e}button.primary{color:#10251d}#status.error{color:#ffaaa3}}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.languages{flex:none;gap:4px;margin-left:auto;display:flex}.languages button{min-width:44px;color:var(--muted);background:0 0;border-color:#0000;padding:8px}.languages button[aria-pressed=true]{background:var(--accent);color:#fff}.tag-label{margin-top:16px}.tag-row{flex-wrap:wrap;gap:10px;display:flex}#tag{border:1px solid var(--line);background:var(--field);min-width:120px;color:inherit;font:inherit;border-radius:8px;flex:1;padding:12px 16px}.output-label{color:var(--muted);font-size:13px;font-weight:400}@media (prefers-color-scheme:dark){.languages button[aria-pressed=true]{color:#10251d}}