:root{--bg-main: #0f172a;--bg-panel: #1e293b;--border-color: #334155;--text-main: #ffffff;--text-muted: #cbd5e1;--accent-primary: #2563eb;--accent-hover: #1d4ed8;--success: #4ade80;--error: #f87171;--font-family: system-ui, -apple-system, sans-serif}body{margin:0;background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;padding:16px;display:flex;flex-direction:column;align-items:center}.content-wrapper{width:100%;max-width:900px;display:flex;flex-direction:column;gap:24px;margin-top:16px}@media (min-width: 768px){.content-wrapper{flex-direction:row}}.left-column{flex:2;display:flex;flex-direction:column}.right-column{flex:1;display:flex;flex-direction:column;gap:24px}.panel{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 10px 15px -3px #00000080}.panel-title{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:8px;margin-top:0;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.panel-title svg{color:var(--accent-primary)}.video-wrapper{position:relative;background-color:#000;border-radius:12px;overflow:hidden;border:2px solid var(--border-color);aspect-ratio:4 / 3;margin:0 auto}@media (max-width: 767px){.video-wrapper{max-width:85%;max-height:35vh}}.video-element{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preview-container{background-color:#020617;border:2px solid var(--border-color);border-radius:12px;overflow:hidden;margin-bottom:16px;display:flex;justify-content:center}.preview-image{width:100%;height:160px;object-fit:contain;padding:8px}.preview-selfie{width:100%;height:160px;object-fit:cover;transform:scaleX(-1)}.status-container{text-align:center;background-color:var(--bg-main);padding:16px;border-radius:12px;border:1px solid var(--border-color)}.status-text{font-size:1.1rem;color:var(--text-muted);margin-bottom:8px;letter-spacing:.025em}.result-success{color:var(--success);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.result-error{color:var(--error);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.file-input{display:block;width:100%;margin-bottom:16px;color:var(--text-muted);cursor:pointer}.file-input::file-selector-button{margin-right:16px;padding:10px 16px;border-radius:8px;border:none;font-size:.875rem;font-weight:600;background-color:var(--accent-primary);color:#fff;cursor:pointer;transition:background-color .2s}.file-input::file-selector-button:hover{background-color:var(--accent-hover)}.btn{width:100%;padding:14px 16px;border-radius:12px;border:none;font-size:1rem;font-weight:600;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;transition:all .2s;color:#fff}.btn-primary{background-color:var(--accent-primary)}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:#334155;border:1px solid #475569}.btn-secondary:hover{background-color:#475569}.btn-group{display:flex;gap:12px;margin-bottom:16px}.hidden{display:none}