:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#213c48;background:#f2f5f6;font-synthesis:none;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:#255568;text-decoration:underline;text-underline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid #d1dce0;padding:18px 32px}header>a{font-weight:750;font-size:17px;text-decoration:none}nav{display:flex;gap:22px}main{max-width:1800px;margin:auto;padding:28px 32px}h1{font-size:32px;line-height:1.15;letter-spacing:-.025em;margin:0 0 10px}h2{font-size:16px;margin:0 0 12px}p{max-width:74ch}.intro{display:flex;align-items:start;justify-content:space-between;gap:35px;margin-bottom:24px}.intro p{margin:0;color:#526975}.intro .boundary{max-width:350px;background:#fbf1d9;color:#6c5229;padding:12px 16px;font-size:12px;border-radius:5px}.workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px}aside{padding-right:22px;border-right:1px solid #d1dce0}button,select,input{font:inherit}button,select{min-height:42px;border:1px solid #b4c5cc;border-radius:5px;background:#fff;color:#264855;padding:9px 12px}button{cursor:pointer}button:hover{background:#e5eef1}button[aria-pressed=true]{color:white;background:#24566a;border-color:#24566a}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline:3px solid #3585a4;outline-offset:3px}#products{display:grid;gap:7px}#products button{text-align:left;line-height:1.3}fieldset{padding:16px 0 0;margin:22px 0 0;border:0;border-top:1px solid #d1dce0}legend{font-weight:700;padding:0 8px 0 0}aside label:not(.check){display:block;margin:6px 0}aside select{width:100%}.check{display:flex;align-items:start;gap:9px;font-size:13px;margin-top:14px}.check input{margin-top:4px;width:17px;height:17px;accent-color:#24566a}.muted{font-size:12px;color:#546c77}.dimensions{display:grid;gap:7px}.dimensions input{display:block;width:100%;border:1px solid #b4c5cc;border-radius:4px;padding:9px;color:#213c48}input[type=range]{width:100%;accent-color:#24566a}summary{cursor:pointer;font-weight:650}aside details{margin-top:22px}.exports{display:grid;gap:7px;margin-top:22px}#status{font-size:12px;overflow-wrap:anywhere;color:#526975}#status[data-error=true]{color:#963f33}.canvas-area{min-width:0}.viewbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.viewbar h2{margin:0}.viewbar>div{display:flex;gap:6px;align-items:center}#stage{position:relative;height:57vh;min-height:360px;max-height:720px;background:#14212a;border-radius:7px;overflow:hidden}#stage canvas{display:block;width:100%;height:100%;touch-action:none}.viewport-label{position:absolute;left:16px;bottom:14px;z-index:1;display:flex;flex-direction:column;pointer-events:none;background:#14212aea;padding:9px 12px;border-radius:5px;color:#fff;font-size:12px}.viewport-label span+span{color:#b6cbd5;font-variant-numeric:tabular-nums}.caption{color:#526975;font-size:12px;margin:10px 0 20px}.inspector{display:grid;grid-template-columns:1fr 1fr;gap:26px;background:white;border:1px solid #d1dce0;padding:22px;border-radius:6px}.inspector select{width:100%;margin-top:6px}#part-detail{font-size:13px;line-height:1.65;overflow-wrap:anywhere}#part-detail dl{display:grid;grid-template-columns:95px 1fr;gap:5px 12px}#part-detail dt{color:#526975}#part-detail dd{margin:0}#coverage,#missing{font-size:12px;color:#526975;overflow-wrap:anywhere}#missing{padding-left:18px}.drawings{margin-top:28px}#drawing{background:#fff;border:1px solid #d1dce0;overflow:auto}#drawing svg{display:block;width:100%;height:auto;min-width:650px}.drawings .viewbar label{font-size:12px}.drawings .viewbar button,.drawings .viewbar select{font-size:12px}@media(max-width:950px){header{padding:16px 20px}main{padding:24px 20px}.intro{display:block}.intro .boundary{max-width:none;margin-top:18px}.workspace{grid-template-columns:230px minmax(0,1fr);gap:18px}.viewbar{align-items:start;flex-direction:column}.inspector{grid-template-columns:1fr}#stage{min-height:360px}}@media(max-width:650px){header{align-items:start;flex-direction:column;gap:8px}nav{gap:18px;font-size:12px}main{padding:22px 16px}h1{font-size:27px}.workspace{display:flex;flex-direction:column;gap:26px}aside{border-right:0;padding:0}#products{display:flex;flex-wrap:wrap}#products button{flex:1 1 145px;min-height:50px}fieldset{margin-top:18px}aside .exports{grid-template-columns:1fr 1fr}#stage{height:55vh;min-height:360px}.inspector{padding:18px}.viewbar>div{flex-wrap:wrap}button,select{min-height:44px}#part-detail dl{grid-template-columns:80px minmax(0,1fr)}#drawing svg{min-width:580px}}