:root{color:#17263a;background:#f5f7fa;font-family:system-ui,sans-serif}body{margin:0}main{max-width:75rem;margin:0 auto;padding:2rem}header{border-bottom:3px solid #0b7775;margin-bottom:2rem}h1{margin-bottom:0}ul{gap:1rem;padding:0;list-style:none;display:grid}li{background:#fff;border:1px solid #b5c3cf;border-radius:.5rem;padding:1rem}code{overflow-wrap:anywhere}.steps{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.steps button[aria-selected=true]{color:#fff;background:#0b7775}button,select,input{font:inherit}button{cursor:pointer;color:#17263a;background:#fff;border:1px solid #66808a;border-radius:.35rem;padding:.4rem .7rem}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #e3a51e}section{background:#fff;border:1px solid #c5d3dd;border-radius:.65rem;margin-bottom:1rem;padding:1rem 1.4rem}.field-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.8rem;margin:1rem 0;display:grid}.field{flex-direction:column;gap:.25rem;font-weight:600;display:flex}.field input{min-width:0;padding:.35rem}.field-error{color:#a02218;font-weight:600;display:block}.direction-diagram{background:#eef6fa;border:2px solid #527b9d;justify-content:space-between;gap:.5rem;padding:1rem;display:flex}.actions{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.box-list{gap:1rem;display:grid}fieldset{border:1px solid #b5c3cf;border-radius:.4rem}legend{font-weight:700}.totals{border-top:1px solid #b5c3cf;margin-top:1rem}.viewport-shell{background:#eaf1f6;border:1px solid #93aab9;border-radius:.5rem;margin-top:1rem;overflow:hidden}.viewport{width:100%;height:min(58vh,36rem);min-height:20rem}.viewport-unavailable{height:0;min-height:0}.project-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.6rem 0;display:flex}.viewport canvas{display:block}.viewport-controls,.guide-controls,.legend{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem;display:flex}.viewport-key{margin:.2rem .6rem .6rem;font-weight:600}.plan-layout{grid-template-columns:minmax(0,3fr) minmax(18rem,2fr);gap:1rem;display:grid}.guide-text{max-height:75vh;overflow:auto}.guide-text ol{gap:.35rem;padding-left:2rem;display:grid}.guide-text ol li{padding:.25rem}.guide-text ol button{text-align:left;width:100%}.guide-text button[aria-current=step]{background:#fff2cf;border:2px solid #bd7e13}.step-details,.selected-box{background:#fff8e6;border-left:4px solid #bd7e13;padding:.5rem}.step-details ul{gap:.2rem;padding-left:1.5rem;list-style:outside}.step-details li{border:0;padding:0}.legend button[aria-pressed=true]{border:2px solid #bd7e13}.swatch{vertical-align:middle;border:1px solid #555;width:1rem;height:1rem;margin-right:.3rem;display:inline-block}.partial-plan{background:#fff2cf;border-left:4px solid #bd7e13;padding:.5rem;font-weight:700}.splash-backdrop{z-index:1000;background:#07101cef;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow:auto}.splash-dialog{color:#fff;text-align:center;justify-items:center;gap:.5rem;width:min(100%,47rem);max-height:calc(100vh - 2rem);display:grid;position:relative}.splash-close{color:#17263a;background:#fff;justify-self:end;font-weight:700}.splash-image-button{background:0 0;border:0;width:100%;padding:0;display:block}.splash-image-button img{object-fit:contain;width:100%;max-height:min(78vh,47rem);display:block}.splash-dialog p{margin:0;font-weight:600}.splash-image-button:focus-visible,.splash-close:focus-visible{outline-offset:4px;outline:3px solid #e3a51e}@media (width<=50rem){.plan-layout{grid-template-columns:1fr}.guide-text{max-height:none}}