.App{text-align:center;min-height:100vh;background-color:#f5f5f5}.App-header{background-color:#282c34;padding:20px;color:#fff}.App-main{padding:20px}.video-container{position:relative;display:inline-block;margin:20px}.video-container canvas{position:absolute;top:2px;left:2px;pointer-events:none;border:2px solid rgba(255,0,0,.3);border-radius:8px;background-color:#0000000d;z-index:10}.control-panel{margin:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.control-buttons{display:flex;gap:10px;justify-content:center;margin-top:10px}.control-buttons button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.primary{background-color:#007bff;color:#fff}.primary:hover:not(:disabled){background-color:#0056b3}.secondary{background-color:#6c757d;color:#fff}.secondary:hover:not(:disabled){background-color:#545b62}.tertiary{background-color:#28a745;color:#fff}.tertiary:hover:not(:disabled){background-color:#1e7e34}button:disabled{opacity:.5;cursor:not-allowed}.status{margin:20px;padding:10px;background:#fff;border-radius:4px;box-shadow:0 1px 2px #0000001a;font-weight:700}.pose-diagnostic{margin:20px;padding:20px;background-color:#fff3cd;border-radius:8px;border:1px solid #ffeaa7}.pose-diagnostic h2{margin-top:0;color:#856404}.pose-diagnostic canvas{background-color:#f0f0f0;border:2px solid #333}.text-green-600{color:#16a085}.text-blue-600{color:#3498db}.text-yellow-600{color:#f39c12}.text-red-600{color:#e74c3c}.text-gray-600{color:#7f8c8d}.bg-green-500{background-color:#27ae60}.bg-blue-500{background-color:#3498db}.bg-yellow-500{background-color:#f39c12}.bg-red-500{background-color:#e74c3c}.bg-gray-100{background-color:#ecf0f1}.bg-gray-200{background-color:#bdc3c7}.bg-white{background-color:#fff}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.p-2{padding:8px}.p-4{padding:16px}.p-6{padding:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-4{margin-top:16px}.flex{display:flex}.grid{display:grid}.gap-2{gap:8px}.gap-4{gap:16px}.justify-between{justify-content:space-between}.items-center{align-items:center}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.font-semibold{font-weight:600}.font-bold{font-weight:700}.space-y-1>*+*{margin-top:4px}.space-y-2>*+*{margin-top:8px}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.disabled\:bg-gray-400:disabled{background-color:#95a5a6}.hover\:text-blue-800:hover{color:#2980b9}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-top:8px;padding-bottom:8px}.font-mono{font-family:Courier New,monospace}.text-xs{font-size:12px}.text-green-400{color:#58d68d}.bg-black{background-color:#000}.h-32{height:128px}.overflow-y-auto{overflow-y:auto}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root{min-height:100vh}