:root{font-family:Arial,Helvetica,sans-serif;color:#dbe8e8;background:#101d26;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1500px;margin:auto;padding:42px}header{display:flex;justify-content:space-between;gap:50px;border-bottom:1px solid #41515b;padding-bottom:30px}.eyebrow{font-size:12px;letter-spacing:.24em;color:#74c6bc}h1{font-size:clamp(38px,5vw,70px);line-height:1.05;margin:20px 0;font-weight:400;letter-spacing:-.04em}h1 em{font-family:Georgia,serif;font-weight:400;color:#f4b56a}h2{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#8bb9b8}h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:0 0 14px}.intro{max-width:390px;padding-top:40px}p{line-height:1.6;color:#a7bdc5;font-size:14px}.pill{border:1px solid #617474;border-radius:30px;padding:9px 15px;display:inline-block;font-size:12px}nav,.actions{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}button{background:#263b45;color:#e2eceb;border:1px solid #536a73;border-radius:5px;padding:11px 14px;cursor:pointer}button:hover{background:#3a545c}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f4b56a;outline-offset:3px}.status{padding:14px;background:#21353d;border-left:3px solid #f4b56a;font-size:13px;min-height:46px;overflow-wrap:anywhere}.studio{display:grid;grid-template-columns:minmax(200px,260px) minmax(250px,1fr) minmax(240px,290px);gap:30px;margin-top:30px}label{display:block;font-size:12px;color:#a7bdc5;margin:10px 0}input,textarea{font:inherit;color:#e4edeb;background:#142832;border:1px solid #526871;border-radius:4px;padding:9px;min-width:0;width:100%;margin-top:6px}input[type=color]{padding:3px;height:35px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.strand{padding:22px 0;border-top:1px solid #334c55;margin-top:20px}small{font-size:12px;line-height:1.7;color:#90a8b0}.preview{background:#13232c;border:1px solid #344b55;border-radius:10px;padding:20px;align-self:start}.labels{display:flex;justify-content:space-around;gap:10px;font-size:12px;margin:22px 0 0;overflow-wrap:anywhere}.labels span{max-width:33%}.diagram svg{display:block;width:100%;height:auto}.caption{font-size:12px;margin-bottom:0}.lengths{display:grid;grid-template-columns:32px repeat(3,1fr);gap:7px;align-items:center;font-size:12px}.lengths input{padding:8px 4px}.lengths b{color:#6c939d}.lower{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #41515b;padding-top:26px;margin-top:35px}textarea{height:320px;resize:vertical;font-family:monospace;font-size:12px}.ledger{height:390px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}td,th{padding:10px;border-bottom:1px solid #344953}th{position:sticky;top:0;background:#172b35}.dot{width:11px;height:11px;display:inline-block;border-radius:50%;margin-right:7px}footer{margin-top:45px;padding-top:20px;border-top:1px solid #41515b}footer p{max-width:900px}footer button{margin-right:8px}details{font-size:13px;line-height:1.6}summary{cursor:pointer}@media(max-width:1000px){main{padding:22px}.studio{grid-template-columns:1fr 1.4fr}.studio>aside:last-child{grid-column:1/-1}.lengths{max-width:500px}}@media(max-width:650px){header{display:block}.intro{padding-top:0}.studio,.lower{display:block}.preview{margin:24px 0}.labels{font-size:10px}.lower>div{margin-top:30px}nav button{flex:1 1 40%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{nav,footer,.actions,textarea{display:none}body{background:#fff;color:#000}main{padding:10px}.studio{display:block}.preview{max-width:480px;margin:auto}.ledger{height:auto;overflow:visible}.lower{display:block}p,small,h2,label{color:#333}input{color:#000;background:#fff}th{position:static}header{break-after:avoid}.strand{break-inside:avoid}}