body{margin:0;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f4f7f9;color:#333}.app{max-width:1200px;margin:0 auto}header h1{text-align:center;font-size:2.5rem;margin-bottom:20px;color:#2c3e50;text-transform:uppercase;letter-spacing:2px}#controls{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-bottom:30px}fieldset{border:1px solid #ccc;border-radius:8px;padding:15px;background:#fff;box-shadow:0 2px 5px #0000001a;min-width:300px}legend{font-weight:700;padding:0 5px;font-size:1.1rem}.control-group{margin-bottom:15px}.control-group p{margin:5px 0;font-weight:700;font-size:.95rem}.control-group label{margin-right:10px;font-size:.9rem;cursor:pointer}.control-group input[type=radio]{margin-right:3px;cursor:pointer}.control-group input[type=number],.control-group input[type=text]{width:100px;padding:5px;border:1px solid #ccc;border-radius:4px;margin-right:10px}#container{background:#ecf0f1;border:2px dashed #bdc3c7;padding:15px;border-radius:8px;min-height:150px;box-shadow:inset 0 2px 4px #0000001a}.item{background:#fff;border:1px solid #ddd;padding:10px;border-radius:4px;box-shadow:0 1px 3px #0000001a;text-align:center}pre{background:#2d2d2d;color:#f8f8f2;padding:15px;border-radius:8px;overflow-x:auto;font-size:.9rem;line-height:1.4}