*{box-sizing:border-box}body{margin:0;background:#f4f2eb;color:#243d32;font:16px/1.55 system-ui}header{display:flex;gap:22px;align-items:center;justify-content:space-between;background:#183c31;color:white;padding:20px 5%;font-size:12px}header a{color:white}main{max-width:1050px;margin:auto;padding:32px 22px 60px}h1{font-size:clamp(28px,5vw,44px);line-height:1.1}p{max-width:900px}.asset-form{padding:20px;background:white;border:1px solid #dddccb;border-radius:14px}.asset-form label{display:block;font-weight:750;margin-bottom:12px}.asset-form p,.small,.hint{font-size:12px}.viewer{height:450px;border-radius:15px;background:#dae6db;position:relative;overflow:hidden;display:grid;place-items:center}.viewer canvas{position:absolute;inset:0;width:100%;height:100%}button,select,input{font:inherit;min-height:46px}button{padding:10px 16px;border:0;border-radius:10px;background:#244e3d;color:white;font-weight:700}button:disabled{opacity:.45}.tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.dpad{display:flex;gap:8px}button:focus-visible,select:focus-visible,input:focus-visible,.viewer:focus-visible{outline:3px solid #c34a2c;outline-offset:4px}#rig-status{padding:15px;background:#e9e3d6;border-radius:12px}.viewer p{padding:20px;text-align:center}dl{display:grid;grid-template-columns:170px 1fr;gap:8px}dt{font-weight:700}dd{margin:0;overflow-wrap:anywhere}li{padding:4px 0}[hidden]{display:none!important}@media(max-width:650px){header{flex-wrap:wrap}.viewer{height:350px}.tools{align-items:stretch}.tools button,.tools select{flex:1}dl{grid-template-columns:1fr}dd{margin-bottom:10px}}