:root{color:#f4f0e8;background:#101815;font-family:Georgia,Times New Roman,serif;font-synthesis:none}body{margin:0;min-width:320px}main{box-sizing:border-box;min-height:100vh;padding:8vh clamp(1.25rem,8vw,8rem);background:radial-gradient(circle at 80% 10%,#2b4b3d 0,transparent 35%),#101815}.nav{display:flex;justify-content:space-between;align-items:center;max-width:76rem;margin:0 auto;font:700 .75rem/1.2 monospace;letter-spacing:.08em}.brand,.back-link,.primary-link,.bot-item{color:inherit;text-decoration:none}.brand{color:#c8e36f}.nav-note,.back-link{color:#879a8a}.back-link span,.primary-link span{margin-left:.5rem}.intro-panel,.workspace{max-width:76rem;margin:0 auto}.landing-hero{max-width:76rem;margin:17vh auto 0}.landing-hero h1{max-width:12ch;margin:2rem 0 1.5rem;font-size:clamp(3.5rem,9vw,8.5rem);line-height:.87}.landing-hero h1 em{color:#c8e36f;font-style:normal}.landing-hero .intro{max-width:28rem}.primary-link{display:inline-block;margin-top:2rem;padding:.85rem 1rem;color:#101815;background:#c8e36f;font:700 .9rem/1 monospace}.bot-list{max-width:76rem;margin:18vh auto 0}.section-label,.bot-item,.footer{display:grid;grid-template-columns:4rem minmax(10rem,1.1fr) minmax(12rem,1fr) 2rem;gap:1rem;align-items:center}.section-label{padding-bottom:.75rem;color:#879a8a;border-bottom:1px solid #496051;font:.7rem/1.2 monospace}.section-label span:last-child{grid-column:2 / -1}.bot-item{min-height:5.5rem;border-bottom:1px solid #496051;transition:background .16s ease,padding .16s ease}.bot-item:hover{padding:0 1rem;background:#17221d}.bot-index,.bot-description,.bot-arrow{color:#879a8a;font:.75rem/1.3 monospace}.bot-name{font-size:clamp(1.4rem,3vw,2.2rem)}.bot-arrow{color:#c8e36f;font-size:1.4rem;text-align:right}.bot-item-muted{color:#879a8a}.footer{max-width:76rem;margin:8rem auto 0;padding-top:1rem;color:#879a8a;border-top:1px solid #496051;font:.7rem/1.2 monospace}.footer span:last-child{grid-column:3 / -1;text-align:right}.eyebrow{color:#c8e36f;font:700 .75rem/1.2 monospace;letter-spacing:.12em}h1{max-width:10ch;margin:1.5rem 0 1rem;font-size:clamp(3.25rem,8vw,7rem);line-height:.9;font-weight:400}.intro{max-width:32rem;color:#bdc6bc;font-size:1.25rem}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);gap:1rem;margin-top:4rem}form,.result{box-sizing:border-box;padding:clamp(1.25rem,3vw,2rem);border:1px solid #496051;background:#17221d}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}label{display:grid;gap:.45rem;color:#bdc6bc;font:.75rem/1.2 monospace;text-transform:uppercase}input,select,button{box-sizing:border-box;min-height:2.8rem;border:1px solid #607565;border-radius:0;font:1rem/1.2 monospace}input,select{width:100%;padding:.65rem;color:#f4f0e8;background:#101815}button{margin-top:.75rem;padding:.7rem 1rem;color:#101815;background:#c8e36f;cursor:pointer;font-weight:700}button:disabled{cursor:wait;opacity:.65}.result{display:grid;min-height:20rem;place-items:center;overflow:auto;color:#879a8a;font:.8rem/1.5 monospace}.result img{display:block;max-width:100%;height:auto}.error{margin:1rem 0 0;color:#ff9d8d;font:.8rem/1.4 monospace}@media(max-width:720px){.landing-hero{margin-top:12vh}.workspace,.field-row{grid-template-columns:1fr}.workspace{margin-top:3rem}.section-label,.bot-item,.footer{grid-template-columns:2.5rem 1fr 2rem}.bot-description{grid-column:2}.section-label span:last-child{grid-column:2 / -1}.footer span:last-child{grid-column:2 / -1}}