.form-group { margin-bottom: 15px; }
        
        /* Recording Tool Container */
        .recording-tool {
            border: 2px dashed #ccc;
            padding: 20px;
            border-radius: 8px;
            background: #f9f9f9;
            margin-bottom: 15px;
            display: inline-block;
            min-width: 300px;
        }

        /* Utility Class */
        .hidden { display: none !important; }

        /* Initial State: Square button with red dot */
        .btn-record {
	    margin-left: 1em;
            width: 60px;
            height: 60px;
            background: #fff;
            border: 2px solid #ccc;
            border-radius: 8px; /* Square with slight rounding */
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: border-color 0.2s;
        }
        .btn-record:hover { border-color: #999; }
        .record-icon {
            width: 24px;
            height: 24px;
            background-color: red;
            border-radius: 50%; /* Circle inside the square */
        }

        /* Recording State */
        .recording-ui {
            display: flex;
            align-items: center;
            gap: 15px;
	    margin-left: 1em;
        }
        .timer {
            font-family: monospace;
            font-size: 1.5rem;
            color: red;
            font-weight: bold;
            animation: pulse 1s infinite;
        }
        .btn-stop {
            padding: 10px 15px;
            background: #333;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

        /* Done State */
        .done-ui {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .btn-delete {
            padding: 8px;
	    margin-left: 1em;
            background: #ff4d4d;
            color: white;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            width: max-content;
        }

        @keyframes pulse {
            0% { opacity: 1; }
            50% { opacity: 0.5; }
            100% { opacity: 1; }
        }

	#audio-input {
	    margin-left: 1em;
	    margin-bottom: 1em;
	}