:root{font:16px Arial,Helvetica,sans-serif;color:#18352e;background:#f4f0e7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #b8bdb0;background:transparent;padding:10px 14px;border-radius:3px;color:inherit;cursor:pointer;transition:background .18s,transform .18s}button:hover:not(:disabled){background:#e0e8cd;transform:translateY(-1px)}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #bf5637;outline-offset:4px}header{display:flex;align-items:center;gap:30px;justify-content:space-between;padding:24px 4vw;border-bottom:1px solid #cccdbf}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font:italic 54px Georgia;letter-spacing:-5px}.brand span{font:10px/1.3 Arial;letter-spacing:2px}.edition,.eyebrow,.section-title,.tiny{font-size:10px;font-weight:700;letter-spacing:1.5px}.edition{color:#61746b}header>div{display:flex;gap:8px}.intro{display:flex;gap:4vw;align-items:end;padding:56px 4vw 46px}.eyebrow{color:#89724d}h1{font:clamp(44px,5vw,76px)/1.03 Georgia;margin:18px 0 0;letter-spacing:-2.5px}h1 i{font-weight:400;color:#557059}.intro p{font-size:13px;line-height:1.8;margin:0 auto 4px 0}.intro p span{color:#7c8578}.seal{display:flex;gap:12px;align-items:center;border:1px solid #a5ad95;padding:17px;border-radius:50%;aspect-ratio:1;transform:rotate(8deg)}.seal b{font:48px Georgia}.seal span{font-size:8px;line-height:1.5;letter-spacing:1px}.studio{display:grid;grid-template-columns:285px minmax(0,1fr);border-top:1px solid #c8cbba;border-bottom:1px solid #c8cbba}.sources{padding:28px 24px 30px 4vw;background:#e8ecdf}.section-title{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:28px;text-transform:uppercase}.section-title h2{font:inherit;margin:0}.section-title>span{color:#71806d;font-size:9px}.source{display:block;margin:26px 0}.source>span{display:flex;gap:10px;justify-content:space-between;font-size:12px}.source b{font:12px monospace}.source input[type=range]{width:100%;accent-color:#275341;margin:18px 0 8px;padding:0}.source input[type=number]{width:100%;background:#f6f6ee;font:12px monospace}.note{font-size:11px;line-height:1.7;color:#657568}.run{border-top:1px solid #bac5b2;padding-top:20px;display:flex;align-items:center;gap:14px}.run b{font:48px Georgia}.run span{font-size:10px;line-height:1.5}.status{font-size:11px;line-height:1.6;padding:14px 0;color:#305e4e}.preview{padding:28px 3vw;min-width:0}.examples{display:grid;grid-template-columns:1.12fr 1fr;gap:18px;align-items:stretch;overflow:auto;max-height:720px;padding-bottom:5px}.specimen{border-style:solid;border-color:currentColor;display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow-wrap:anywhere}.poster{background:#193a31;color:#eff2d7;min-height:390px;grid-row:span 2}.poster h2{letter-spacing:-.025em}.poster h2 i{color:#c3d492}.card{background:#e1e7cf;min-height:250px}.card p{color:#4a6051}.tiny{font:9px/1.5 Arial;letter-spacing:1.2px;display:block}.button-bed{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:18px;padding:24px;background:#ded6c5;min-height:180px}.button-bed p{font-size:10px;line-height:1.6;margin:0;color:#697668}.sample-button:disabled{background:#f8f5e9;opacity:1;color:#18352e;white-space:normal}.export,.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.export button,.actions button{font-size:11px}.primary{background:#234e3e;color:#f6f6e8;border-color:#234e3e}.primary:hover:not(:disabled){background:#3e634f}.graph{padding:30px 4vw;border-bottom:1px solid #c8cbba}.tokens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.token{text-align:left;display:flex;flex-direction:column;gap:12px;padding:18px;background:#eeece2;min-width:0;overflow-wrap:anywhere}.token.selected{outline:2px solid #315b43;outline-offset:2px}.token.updated{background:#e6ead8}.token-top{display:flex;justify-content:space-between;gap:8px}.token-top small{font:8px monospace;text-transform:uppercase;color:#6f7b67}.token-top i{font-style:normal}.token>b{font-size:12px}.token strong{font:30px Georgia}.token strong small{font:10px Arial;margin-left:8px}.token code{font:10px monospace}.dependency{font-size:9px;color:#71806b}.authoring{padding:35px 4vw}.author-grid{display:grid;grid-template-columns:1fr 2fr;gap:45px}.author-grid h3{font:24px Georgia;margin:12px 0 22px}label{display:block;font-size:11px;font-weight:600;margin-bottom:15px}input,select,textarea{display:block;width:100%;padding:11px;background:#fcfaf4;color:#18352e;border:1px solid #b6c0ae;border-radius:3px;margin-top:8px}textarea{resize:vertical;min-height:410px;font:12px/1.6 monospace;white-space:pre;tab-size:2}footer{padding:25px 4vw;font:10px/1.8 monospace;color:#657568;border-top:1px solid #c8cbba}.focus .intro,.focus .edition{display:none}.focus .studio{min-height:90vh}.focus .preview{padding-top:35px}@media(min-width:1500px){.examples{grid-template-columns:1.1fr 1fr 1fr}.poster{grid-row:auto}.button-bed{min-height:390px}}@media(max-width:1000px){.intro{flex-wrap:wrap}.seal,.edition{display:none}.studio{grid-template-columns:240px minmax(0,1fr)}.tokens{grid-template-columns:repeat(3,1fr)}.examples{grid-template-columns:1fr}.poster{grid-row:auto;min-height:350px}.author-grid{gap:25px}}@media(max-width:650px){header{flex-wrap:wrap;gap:12px}header>div{margin-left:auto}header button{font-size:10px;padding:8px}.intro{padding:30px 5vw}.intro p{margin-top:20px}.studio{grid-template-columns:1fr}.sources{padding:25px 5vw}.source{display:grid;grid-template-columns:1fr 90px;gap:8px;margin:16px 0}.source>span{grid-column:span 2}.source input{margin:0!important}.sources .note{display:none}.run b{font-size:30px}.preview{padding:25px 5vw}.tokens{grid-template-columns:repeat(2,minmax(0,1fr))}.token{padding:12px}.author-grid{grid-template-columns:1fr}.graph,.authoring{padding:25px 5vw}.section-title{gap:8px}.section-title>span{font-size:8px}.examples{max-height:none}.export button{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:hover:not(:disabled){transform:none}}.dial-note{display:block;font:9px/1.4 monospace;color:#667960;margin:3px 0 7px}@media(max-width:650px){.dial-note{grid-column:span 2}}