<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2T Strap Size Tool</title>
<style>
body { font-family: Arial, sans-serif; background: #fff8e1; margin: 0; padding: 0; }
header { background: #fdd835; padding: 1rem; text-align: center; font-size: 1.5rem;
font-weight: bold; color: #000; }
main { padding: 1rem; max-width: 500px; margin: auto; }
label { display: block; margin-top: 1rem; font-weight: bold; }
input, select, button { width: 100%; padding: 0.5rem; margin-top: 0.3rem; font-size:
1rem; }
button { background: #fdd835; border: none; font-weight: bold; cursor: pointer; }
button:hover { background: #ffeb3b; }
.result { margin-top: 1rem; padding: 1rem; background: #fff3e0; border: 1px solid
#fbc02d; border-radius: 6px; }
.watermark { margin-top: 0.5rem; font-size: 0.8rem; color: #757575; text-align:
right; }
</style>
</head>
<body>
<header>2T True Size Tool</header>
<main>
<label for="brand">Choose strap brand</label>
<select id="brand">