*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{color:#e5e7ff;background:#05060a;height:100vh;margin:0;display:flex}#ui{background:radial-gradient(circle at top,#15182a 0,#05060a 60%);border-right:1px solid #262a3f;width:320px;padding:16px;overflow-y:auto}#viewport{flex:1}h1{color:#b0b5ff;margin-top:0;font-size:20px}.panel{background:#101321;border:1px dotted #203bbe;border-radius:10px;margin-top:16px;padding:10px}.panel h2{color:#b0b5ff;margin:0 0 8px;font-size:14px}button{color:#7df9ff;cursor:pointer;background:#05060a;border:1px solid #7df9ff;border-radius:6px;margin:4px 4px 4px 0;padding:6px 10px;font-size:12px}button:hover{background:#0b101f}input[type=range]{width:100%}label{margin-top:4px;font-size:12px;display:block}input[type=number]{color:#e5e7ff;background:#05060a;border:1px solid #262a3f;border-radius:4px;width:100%;margin-top:2px;padding:4px}