.ptt-grid-container{width:100%;max-width:1200px;margin:0 auto;font-family:Arial,sans-serif}.ptt-row{display:flex;width:100%;margin-bottom:20px;gap:20px}.ptt-column{flex:1}.combined-column{flex:2}.ptt-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);min-height:200px}.message-input-container{background-color:#fff5f5;border-color:#ffe6e6}.message-output-container{background-color:#f5fff5;border-color:#e6ffe6}.translated-message-container{background-color:#f5f5ff;border-color:#e6e6ff}.empty-container{background-color:#f0f0f0;border-color:#d0d0d0}.controllers-container{background-color:#e6f3ff;border-color:#b3d9ff}.ptt-container h4{margin-top:0;color:#333;font-size:18px;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.ptt-form .form-group{margin-bottom:15px}.ptt-form label{display:block;margin-bottom:5px;color:#555;font-weight:700}.ptt-form input[type=text],.ptt-form input[type=email],.ptt-form textarea,.ptt-form select{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.ptt-form textarea{min-height:80px;resize:vertical}.ptt-form button{background-color:#007cba;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;margin-top:5px}.ptt-form button:hover{background-color:#005a87}.output-content,.translated-content{min-height:150px}#messages,#translated-messages{min-height:100px;border:1px solid #eee;border-radius:4px;padding:10px;background-color:#fff;overflow-y:auto;max-height:300px}#messages div,#translated-messages div{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}#messages div:last-child,#translated-messages div:last-child{border-bottom:none}.text-message,.voice-message{display:block;margin:5px 0;padding:5px;background-color:#f8f9fa;border-radius:3px;font-family:monospace}.controllers-content{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dropdown-row,.checkbox-row,.user-filter-box,.button-row{grid-column:span 2}.dropdown-row label,.checkbox-row label,.user-filter-box label{display:block;margin-bottom:5px;font-weight:700;color:#333}.dropdown-row select,.user-filter-box textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.user-filter-box textarea{min-height:60px;resize:vertical}.button-row{margin-top:10px;text-align:right}.button-row button{background-color:#28a745;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:14px;margin-left:10px}.button-row button:hover{background-color:#218838}.button-row button#real-time-read{background-color:#ffc107;color:#000}.button-row button#real-time-read:hover{background-color:#e0a800}.button-row button#real-time-read.active{background-color:#dc3545;color:#fff}@media (max-width:992px){.controllers-content{grid-template-columns:1fr}.dropdown-row,.checkbox-row,.user-filter-box,.button-row{grid-column:span 1}}@media (max-width:768px){.ptt-row{flex-direction:column}.ptt-column{margin-bottom:15px}.combined-column{flex:1}.ptt-container{min-height:auto;padding:15px}}@media (max-width:480px){.ptt-grid-container{margin:0 10px}.ptt-container{padding:15px}.dropdown-row,.user-filter-box{margin-bottom:10px}.button-row button{width:100%;margin:5px 0;display:block}}