header nav{display:flex;gap:24px}header a[aria-current]{color:var(--ink)}.workspace{grid-template-columns:.8fr 1.2fr}.grid-wrap{margin-top:30px}.horizontal{background:#c77e9b}.vertical{background:#8197b9}.kit{margin-top:auto;padding-top:24px}.kit-title{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.kit-title .eyebrow{font-size:10px;margin:0}.kit-title strong{font-size:12px;font-weight:600}.kit-captions{display:flex;justify-content:space-around;font-size:11px;color:var(--muted);margin-top:-8px}.kit .muted{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 0}#kit-view{height:130px;width:100%}#kit-view canvas{display:block;width:100%;height:100%}#viewport{height:450px}.controls{grid-template-columns:1fr 1fr 1fr 1.15fr}.rule-explain p:last-child{font-size:12px;color:var(--muted);margin:0}.rule-explain .eyebrow{margin-bottom:8px}.savebar{flex-wrap:wrap}.savebar>div{flex-wrap:wrap}.legend{margin-top:18px}.intro{padding-bottom:28px}@media(min-width:1500px){#viewport{height:470px}}@media(max-width:1100px){.controls{grid-template-columns:1fr 1fr}.viewbar{flex-wrap:wrap}}@media(max-width:700px){header nav{gap:13px}.workspace{grid-template-columns:1fr}#viewport{height:340px}.kit-title{flex-wrap:wrap;gap:8px}.panel-title{flex-wrap:wrap}.savebar>div{flex-shrink:1}#kit-view{height:120px}.toolbar .transport{gap:7px}.transport button{font-size:12px}}