:root{--ink:#11110F;--paper:#F0EEE8;--lime:#D7FF3F;--display:'Bricolage Grotesque',sans-serif;--body:'Manrope',sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);line-height:1.6}a{color:inherit;text-underline-offset:4px}::selection{background:var(--lime);color:var(--ink)}.wrap{max-width:1320px;padding:0 32px;margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:24px;border-bottom:1px solid #555}.nav img{display:block;width:128px;height:auto}.nav a:last-child{font-size:.875rem}.intro{padding-block:64px 38px;max-width:880px}.intro h1{font-family:var(--display);font-size:clamp(2.6rem,5.5vw,5.5rem);font-weight:700;line-height:1;letter-spacing:-.04em;margin:0 0 24px;text-wrap:balance}.intro h1 span{color:var(--lime)}.intro p{font-size:1.06rem;max-width:68ch;color:#c4c3ba}.steps{display:flex;flex-wrap:wrap;gap:8px 32px;padding-left:20px;font-size:.875rem;color:#c4c3ba}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;padding-bottom:64px}.editor,.result{min-width:0}.presets{border:0;padding:0;margin:0 0 30px}.presets legend{font-size:1.2rem;font-weight:700;margin-bottom:12px}.preset-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}button{font:inherit;cursor:pointer;min-height:48px;border:1px solid #8e8e83;background:transparent;color:inherit;padding:12px 16px}button:hover{border-color:var(--lime)}button[aria-pressed=true],.primary{background:var(--lime);color:var(--ink);border-color:var(--lime);font-weight:800}.preset-row button{font-size:.82rem;font-weight:800}.preset-row small{display:block;font-size:.72rem;font-weight:500;margin-top:4px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.field{display:grid;gap:6px;min-width:0}.field.full{grid-column:1/-1}label{font-size:.875rem;font-weight:700}input,select,textarea{width:100%;min-width:0;border:1px solid #77786b;border-radius:0;background:#1a1a17;color:var(--paper);font:inherit;font-size:1rem;padding:12px;caret-color:var(--lime)}textarea{resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#bdbdb2}.hint{font-size:.8rem;color:#bdbdb2;margin:0}.primary{width:100%;margin-top:24px;font-size:.85rem;letter-spacing:.02em}button:disabled{opacity:.55;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.result{background:var(--paper);color:var(--ink);padding:30px;position:sticky;top:20px}.result h2{font-family:var(--display);font-size:2rem;letter-spacing:-.03em;line-height:1.1;margin:0 0 14px}.result p{font-size:.875rem}.result textarea{background:#fff;color:var(--ink);border-color:#74766b;min-height:400px;font-size:.875rem;scrollbar-color:#777 var(--paper)}.result textarea::placeholder{color:#595a51}.result .primary{margin-top:14px}.status{min-height:48px;margin-bottom:0}footer{padding:28px 0;border-top:1px solid #555;color:#bdbdb2;font-size:.875rem}.consumer{font-size:.75rem;margin-top:20px}.warning{padding-top:16px;border-top:1px solid #999}.result textarea:focus-visible{outline-color:var(--ink)}
.result button:focus-visible{outline-color:var(--ink)}
@media(max-width:900px){.workspace{grid-template-columns:1fr;gap:32px}.result{position:static}.intro{padding-top:40px}}@media(max-width:480px){.wrap{padding-inline:20px}.fields{grid-template-columns:1fr}.intro h1{font-size:2.65rem}.preset-row button{padding:12px 5px}.preset-row small{font-size:.65rem}.result{padding:20px}.result textarea{min-height:360px}.nav{padding-block:20px}.nav img{width:112px}.steps{display:block}.steps li{margin-bottom:4px}}