@font-face{font-family:AtlasSans;src:url('../fonts/DejaVuSans.ttf')}@font-face{font-family:AtlasSans;src:url('../fonts/DejaVuSans-Bold.ttf');font-weight:700}
*{box-sizing:border-box}body{margin:0;background:#fff;color:#152a33;font:15px/1.6 AtlasSans,Arial,sans-serif}main{max-width:1720px;margin:auto;padding:30px 36px 50px}.eyebrow{font-size:11px;letter-spacing:.12em;color:#587079}h1{font-size:36px;line-height:1.2;margin:14px 0}h2{font-size:23px;margin:0 0 10px}p{margin:10px 0}nav,.transport,.export-row,.scale-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap}nav{margin:22px 0 8px}button,select,input[type=number]{font:inherit;border:1px solid #c8d1d5;border-radius:5px;background:white;color:inherit;padding:9px 14px}button{cursor:pointer}button:hover{background:#edf3f4}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #54a1bb;outline-offset:3px}button.selected,.primary{background:#174e60;color:#fff;border-color:#174e60}button:disabled{opacity:.4;cursor:default}.scene{border:1px solid #e0e5e7;margin:18px 0 0;border-radius:7px;overflow:hidden}canvas{display:block;width:100%;height:auto;background:#fff}#status{font-size:12px;padding:4px 20px;margin:0;color:#587079;min-height:28px;border-top:1px solid #edf0f1}.controls{padding:22px 0}.transport{margin-bottom:20px}.transport output{margin-left:auto;font-weight:700;font-size:17px}.transport label{display:flex;gap:8px;align-items:center}.timeline-label{display:flex;justify-content:space-between;font-size:13px;color:#52636a}input[type=range]{width:100%;accent-color:#174e60;cursor:pointer;height:26px}.endpoints{display:flex;justify-content:space-between;font-size:12px;color:#52636a}.muted,small{color:#52636a;font-size:13px}.scales{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 12px}fieldset{border:1px solid #d8dfe2;border-radius:6px;padding:14px 20px}legend{padding:0 7px;font-weight:700}.scale-heading{justify-content:space-between;margin-bottom:10px}.scale-heading output{font-size:21px;font-weight:700}.scale-heading label{font-size:13px}small{display:block;min-height:24px}.export{border-top:1px solid #d8dfe2;padding:26px 0}.export-row{margin:18px 0;align-items:end}.export-row label{display:flex;flex-direction:column;gap:5px;font-size:13px}.export-row select{max-width:460px}.export-row input{max-width:150px}.export button{margin:6px 8px 6px 0}pre{background:#f1f5f6;padding:14px;overflow:auto;font-size:13px}#export-error{color:#a4182b}details{border-top:1px solid #d8dfe2;padding:20px 0;font-size:14px}summary{cursor:pointer;font-weight:700}a{color:#15536b}footer{font-size:12px;color:#52636a;border-top:1px solid #d8dfe2;padding-top:18px}@media(max-width:800px){main{padding:20px 14px}h1{font-size:29px}.scales{grid-template-columns:1fr}.transport output{margin-left:0;width:100%}.export-row label,.export-row select{width:100%}}