.sr-description{color:#475569;margin-bottom:14px}#unsupportedArea{display:none;background:#fdf2f2;border:1px solid #e57373;border-radius:8px;padding:16px 18px;margin-bottom:20px;text-align:left;color:#b23b3b;font-size:.95rem;line-height:1.8}#unsupportedArea a{color:#b23b3b;text-decoration:underline}#unsupportedArea .sr-unsupported-head{font-weight:700;display:block;margin-bottom:6px}.sr-panel{background:#f9fafb;border:1px solid #e2e8f0;border-radius:10px;padding:22px 20px;margin-bottom:22px;text-align:left}.sr-panel h2{font-size:1.1rem;margin:0 0 14px;color:#1e293b;font-weight:700}.sr-format-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #cbd5e1;font-size:.9rem;color:#1e293b;margin-bottom:18px}.sr-format-badge .sr-format-value{font-weight:700;color:var(--accent)}.sr-options{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.sr-check{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;color:#334155;cursor:pointer;line-height:1.6}.sr-check input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--accent);flex-shrink:0}.sr-hint{display:block;font-size:.82rem;color:#64748b;margin-top:2px}.sr-note{font-size:.86rem;color:#64748b;line-height:1.7;margin:12px 0 0}.sr-note a{color:var(--accent)}.sr-btn-primary{padding:13px 30px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;background-color:var(--accent);color:#fff;font-weight:700;transition:background-color .15s}.sr-btn-primary:hover{background-color:var(--accent-hover)}.sr-btn-primary:disabled{background-color:#94a3b8;cursor:not-allowed}.sr-btn-secondary{padding:13px 22px;font-size:.95rem;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;background:#fff;color:#475569}.sr-btn-secondary:hover{background:#f1f5f9}.sr-btn-stop{padding:13px 30px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;background-color:#dc2626;color:#fff;font-weight:700;transition:background-color .15s}.sr-btn-stop:hover{background-color:#b91c1c}.sr-start-row{margin-top:18px}#statusArea{display:none;background:#fff7f7;border:1px solid #fca5a5;border-radius:10px;padding:22px 20px;margin-bottom:22px;text-align:left}.sr-status-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}.sr-rec-dot{width:14px;height:14px;border-radius:50%;background:#dc2626;animation:sr-blink 1.1s ease-in-out infinite;flex-shrink:0}@keyframes sr-blink{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion: reduce){.sr-rec-dot{animation:none}}.sr-rec-label{font-weight:700;color:#dc2626;font-size:1rem}.sr-timer{font-size:1.5rem;font-weight:700;color:#1e293b;font-variant-numeric:tabular-nums;margin-left:auto}.sr-status-buttons{margin-top:14px}#errorArea{display:none;margin:0 0 20px;padding:12px 16px;border-radius:8px;text-align:left;font-size:.92rem;line-height:1.7}#errorArea.is-error{background:#fdf2f2;border:1px solid #e57373;color:#c0392b}#errorArea.is-info{background:#eff6ff;border:1px solid #93c5fd;color:#1e40af}#resultArea{display:none}#resultVideo{display:block;width:100%;max-width:640px;max-height:420px;background:#000;border-radius:8px;margin:0 auto 14px}.sr-result-meta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.sr-result-tile{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 20px;min-width:120px;text-align:center}.sr-result-tile .sr-tile-label{font-size:.78rem;color:#64748b;margin-bottom:4px}.sr-result-tile .sr-tile-value{font-size:1.2rem;font-weight:700;color:var(--accent)}.sr-filename-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.sr-filename-row label{font-size:.9rem;color:#475569;flex-shrink:0}.sr-filename-row input[type=text]{flex:1;min-width:180px;padding:9px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:.95rem;color:#1e293b;background:#fff}.sr-ext{font-size:.95rem;color:#64748b;font-weight:700}.sr-result-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.sr-crosslink{font-size:.9rem;color:#64748b;line-height:1.8;text-align:left}.sr-crosslink a{color:var(--accent)}@media (max-width: 768px){#resultVideo{max-height:300px}.sr-timer{font-size:1.3rem}.sr-result-tile{min-width:100px;padding:10px 14px}}