.container{padding:20px;text-align:center;height:auto;font-family:inherit;border:1px solid #ddd;border-radius:10px;background:#f9f9f9;margin:30px 0}h2{color:#333;margin-bottom:20px;font-size:2rem}.send-btn:hover{background-color:#0056b3}.stage{gap:30px;margin-top:20px}.shape,.stage{display:flex;justify-content:center}.shape{align-items:center}.reveal .shape{outline:2px solid #000}.circle{background-color:#ff6b6b;border-radius:50%}.circle,.square{width:70px;height:70px}.square{background-color:#4dabf7}.triangle{width:0;height:0;border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:60px solid #51cf66}.input-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:15px;gap:15px;margin-bottom:20px}.input-row label{display:block;font-size:14px;margin-bottom:5px;color:#333}.content-input{width:100%;padding:6px 8px;border:1px solid #ccc;border-radius:5px;font-size:14px}.send-btn{padding:12px 24px;font-size:16px;cursor:pointer;background-color:#007bff;color:white;border:none;border-radius:5px;transition:background-color .3s ease;margin-bottom:30px}.send-btn:hover:not(:disabled){background-color:#0056b3}.send-btn:disabled{background-color:#999;cursor:not-allowed}.output{text-align:center;background:white;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);border:2px solid #e1e1e1}.output h3{margin-bottom:15px;color:#333;font-size:18px}.send-btn+.send-btn{margin-left:10px}.reveal-btn{padding:12px 18px;font-size:16px;font-weight:700;border-radius:6px;border:1px solid #333;cursor:pointer;background-color:#e6f2ff}.reveal-btn:hover{background-color:#d6eaff}body.reveal-box-model *,body.reveal-box-model :after,body.reveal-box-model :before{outline:1px solid red!important}