*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#080808;color:#e7e7e2;font:13px/1.6 "SFMono-Regular",Consolas,"Liberation Mono",monospace}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}::selection{background:#e5e5df;color:#080808}header,main{max-width:1320px;margin:auto}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid #292929}.brand{font-size:27px;font-weight:bold;letter-spacing:-3px}nav{display:flex;gap:30px;color:#92928e;font-size:11px}nav a:hover,footer a:hover{color:#fff}#motion-toggle{background:none;border:1px solid #363636;color:#a7a7a0;padding:6px 10px;font-size:10px}main{padding:0 44px}.intro{padding-top:35px}.eyebrow,.section-head,.panel-label,.system-line{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.07em;color:#878780}.wordmark{font-size:clamp(8px,1.8vw,23px);line-height:1.2;letter-spacing:-.05em;margin:38px 0 48px;overflow:hidden;color:#e6e6df;user-select:none}.hero-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #303030;border-bottom:1px solid #303030;min-height:390px}.hero-text{padding:42px 36px 36px 0}.label{font-size:10px;letter-spacing:.07em;color:#909089}h1{font-size:clamp(28px,3.4vw,47px);font-weight:400;letter-spacing:-.065em;line-height:1.18;margin:24px 0}.cursor{animation:blink 1s steps(1) infinite}.description{color:#96968f;font-size:13px;margin-bottom:28px}.action{display:flex;max-width:310px;justify-content:space-between;padding:15px 18px;background:#e7e7df;color:#080808;transition:background .2s}.action:hover{background:white}.availability{display:flex;align-items:center;gap:8px;color:#7e7e77;font-size:10px;margin-top:22px}.availability i{width:5px;height:5px;background:#aaa;border-radius:50%}.sculpture{position:relative;border-left:1px solid #303030;overflow:hidden;background:radial-gradient(ellipse at center,#151515,transparent 70%);display:flex;align-items:center;justify-content:center;min-width:0}.panel-label{position:absolute;left:20px;right:20px;top:18px;font-size:9px}.panel-label.bottom{top:auto;bottom:18px}#ascii-art{font-size:clamp(6px,.83vw,10px);line-height:1.1;color:#deded7;margin:0;white-space:pre;user-select:none}.system-line{padding:19px 0;border-bottom:1px solid #303030;font-size:10px}.protocol,.compose,.readme{padding:70px 0;border-bottom:1px solid #303030}.section-head{margin-bottom:30px}.section-head span:last-child{color:#5e5e59}h2{font-size:clamp(25px,3vw,38px);line-height:1.25;font-weight:400;letter-spacing:-.065em;margin:0 0 36px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.step-no{font-size:18px;color:#74746c}h3{font-weight:400;font-size:15px;margin:22px 0 10px}.steps p,.compose-grid>div>p{color:#8e8e87;max-width:31ch}.note{font-size:10px;color:#666660;margin:30px 0 0}.compose-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:60px}.small-art{font-size:12px;color:#77776f;margin-top:35px;line-height:1.6}.editor{border:1px solid #393939;min-width:0;background:#0c0c0c}.editor-bar{display:flex;justify-content:space-between;padding:12px 19px;border-bottom:1px solid #303030;font-size:10px;color:#a7a79e}.editor-bar span{color:#5e5e57}.fields{padding:24px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px}label{display:block;min-width:0}label>span{display:block;font-size:9px;color:#7d7d75;margin-bottom:10px}input:not([type=checkbox]){width:100%;color:#e5e5dd;background:transparent;border:0;border-bottom:1px solid #444;padding:8px 0;outline:none;border-radius:0}input:focus{border-color:#eee}small{display:block;font-size:9px;color:#76766e;margin-top:7px}.check{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:11px;color:#9e9e95}input[type=checkbox]{accent-color:#ddd}.output{border-top:1px dashed #333;padding:22px 24px}#command-text{font-size:13px;line-height:1.8;overflow-wrap:anywhere;min-height:48px;margin:12px 0 20px}#copy-command{border:0;padding:0;color:#deded5;background:none;font-size:11px}#copy-command:hover{color:#fff}#copy-status{font-size:10px;color:#999;min-height:16px;margin-bottom:0}.editor-note{margin:0;padding:12px 24px;background:#141414;font-size:9px;color:#77776e}details{border-top:1px solid #292929}summary{cursor:pointer;list-style:none;padding:22px 0;display:flex;justify-content:space-between;gap:16px;font-size:13px}summary::-webkit-details-marker{display:none}summary span{color:#6a6a62}details[open] summary span{transform:rotate(45deg)}details p{color:#909087;max-width:70ch;margin:0 0 25px;font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;color:#62625c;font-size:9px}footer .brand{color:#ccc}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:#fff;color:#000;padding:10px;z-index:10}:focus-visible{outline:1px solid #eee;outline-offset:5px}@keyframes blink{50%{opacity:0}}html[data-motion=reduced] *{animation:none!important;scroll-behavior:auto!important}@media(max-width:760px){header{padding:0 22px;height:68px}main{padding:0 22px}nav{gap:16px}nav a{font-size:10px}nav a:last-child{display:none}.version{display:none}.eyebrow{font-size:8px}.wordmark{font-size:clamp(7px,1.85vw,14px);margin:30px 0}.hero-grid{grid-template-columns:1fr}.hero-text{padding:28px 0}.hero-text h1{font-size:36px}.sculpture{border-left:0;border-top:1px solid #303030;height:285px}#ascii-art{font-size:8px}.system-line{font-size:8px;gap:12px}.steps{grid-template-columns:1fr;gap:25px}.steps article{border-bottom:1px dashed #262626;padding-bottom:24px}.steps p{max-width:48ch}.protocol,.compose,.readme{padding:45px 0}.section-head span:last-child{display:none}.compose-grid{grid-template-columns:1fr;gap:24px}.small-art{display:none}.fields{padding:18px;gap:15px}.output{padding:18px}.editor-note{padding:12px 18px}footer{flex-wrap:wrap}footer p{max-width:28ch}.availability{font-size:9px}}
/* A continuous canvas, without terminal panel framing. */
header,.hero-grid,.sculpture,.protocol,.compose,.readme,.steps article,details,.editor,.output{border:0}
.intro{padding-top:18px}.wordmark{margin:30px 0 40px}
.hero-grid{min-height:365px}.hero-text{padding-top:25px}.sculpture{background:none}
.protocol,.compose,.readme{padding-block:65px}.editor{background:none}.fields{padding:0 0 25px}.output{padding:10px 0 0}.editor-note{padding:16px 0;background:none;color:#777}
.steps{gap:45px}.steps article{padding:0}.step-no{font-size:14px}.steps p{font-size:12px}h3{margin-top:15px}
summary{padding:17px 0}.readme{max-width:850px}footer{padding-top:35px}
@media(max-width:760px){.hero-text{padding:15px 0 10px}.sculpture{height:250px}.protocol,.compose,.readme{padding-block:36px}.wordmark{margin:24px 0 35px}.steps{gap:28px}.fields{padding:0 0 20px}.output{padding:10px 0}.editor-note{padding:12px 0}nav{gap:16px}nav a{font-size:10px}}

header{height:112px}.ascii-brand{letter-spacing:0;flex:none}.ascii-brand pre{font:8px/1.12 "SFMono-Regular",Consolas,"Liberation Mono",monospace;margin:0;letter-spacing:-.05em}
.intro{padding-top:30px}.hero-grid{min-height:440px;align-items:center}.hero-text{padding-top:10px}.sculpture{min-height:420px}#ascii-art{font-size:clamp(9px,1.25vw,15px);line-height:1.1}
@media(max-width:760px){header{height:auto;min-height:110px;padding-block:22px;flex-wrap:wrap;gap:20px}.ascii-brand pre{font-size:7px}header nav{order:3;width:100%;gap:24px}#motion-toggle{margin-left:auto}.intro{padding-top:20px}.hero-grid{min-height:0}.sculpture{height:340px;min-height:340px}#ascii-art{font-size:clamp(8px,2.15vw,13px)}.hero-text{padding-top:8px}}

header{position:relative;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:auto;padding-top:18px;padding-bottom:24px;gap:28px}
header nav{order:-1;width:100%;display:flex;justify-content:flex-start;gap:30px}header nav a,header nav a:last-child{display:inline;font-size:11px}
footer #motion-toggle{margin:0;order:3}footer{flex-wrap:wrap}
@media(max-width:760px){header{padding-top:18px;gap:24px;min-height:0}header nav{order:-1;width:100%;gap:25px}.ascii-brand pre{font-size:7px}footer #motion-toggle{margin:0}}

/* Keep navigation legible and aligned on a dedicated top row. */
header nav{justify-content:flex-end;align-items:center;gap:36px;min-height:32px}header nav a,header nav a:last-child{font-size:13px;line-height:1.5;color:#aaa;padding:7px 0;white-space:nowrap}header nav a:hover{color:#fff}
@media(max-width:760px){header nav{justify-content:space-between;gap:20px}header nav a,header nav a:last-child{font-size:12px}header{gap:20px}}

/* One shared header row for the logo and navigation. */
header{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:24px;padding-top:22px;padding-bottom:22px;min-height:96px}
header nav{order:0;width:auto;min-width:0;min-height:0;justify-content:flex-end;gap:30px}
@media(max-width:760px){header{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:16px;min-height:80px;padding-block:18px}.ascii-brand pre{font-size:5px}header nav{order:0;width:auto;gap:14px}header nav a,header nav a:last-child{font-size:10px}}
@media(max-width:380px){header{gap:10px;padding-inline:16px}.ascii-brand pre{font-size:4.5px}header nav{gap:10px}header nav a,header nav a:last-child{font-size:9px}}