.debug-panel{background-color:#fff;border-radius:8px;padding:20px}.debug-panel h3{margin:0 0 10px;font-size:16px;font-weight:700}.debug-log{height:200px;overflow-y:auto;background-color:#f8f8f8;padding:10px;border-radius:4px;font-family:monospace;font-size:12px;line-height:1.4}.debug-log div{margin-bottom:4px}.asl-image-display{display:flex;flex-direction:column;gap:20px;padding:20px;background:#f5f5f5;border-radius:12px;min-height:300px}.current-image-container{display:flex;justify-content:center;align-items:center;min-height:200px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.current-image{display:flex;flex-direction:column;align-items:center;gap:10px}.hand-sign-image{max-width:200px;max-height:200px;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #00000026;transition:transform .3s ease}.hand-sign-image:hover{transform:scale(1.05)}.word-label{background:#2196f3;color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1px}.asl-placeholder{display:flex;justify-content:center;align-items:center;height:200px;color:#666;font-style:italic}.image-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;color:#f44336;gap:10px}.image-error p{margin:0;font-weight:700}.image-history{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a}.image-history h4{margin:0 0 12px;color:#333;font-size:16px}.history-images{display:flex;gap:12px;overflow-x:auto;padding:8px 0}.history-image{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:80px}.history-hand-sign{width:60px;height:60px;object-fit:contain;border-radius:6px;border:2px solid #e0e0e0;transition:border-color .2s ease}.history-hand-sign:hover{border-color:#2196f3}.history-word{font-size:10px;color:#666;text-align:center;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.asl-image-display{padding:16px;min-height:250px}.hand-sign-image{max-width:150px;max-height:150px}.current-image-container{min-height:150px}.history-images{gap:8px}.history-hand-sign{width:50px;height:50px}.history-word{font-size:9px;max-width:50px}}body{margin:0;padding:20px;font-family:Arial,sans-serif;background-color:#f0f0f0}.app{max-width:1200px;margin:0 auto}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#fff;border-radius:8px;margin-bottom:20px}.controls button{padding:8px 16px;margin-left:10px;border:none;border-radius:4px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.connect-btn{background-color:#4caf50;color:#fff}.disconnect-btn{background-color:#f44336;color:#fff}.main-content{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:20px;min-height:400px}.bot-container{display:flex;flex-direction:column;align-items:center}.video-container{width:640px;height:360px;background-color:#ddd;margin-bottom:20px;border-radius:8px;overflow:hidden}.video-container video{width:100%;height:100%;object-fit:cover}.mic-enabled{background-color:#4caf50;color:#fff}.mic-disabled{background-color:#f44336;color:#fff}