.screen-recorder-v1 [hidden]{display:none!important}
.screen-recorder-v1{border:1px solid rgba(37,99,235,.18);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,248,255,.88));box-shadow:0 18px 44px rgba(15,23,42,.08);overflow:hidden}.sr-simple-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr)}.sr-panel{min-width:0;background:rgba(255,255,255,.66)}.sr-settings{border-right:1px solid rgba(37,99,235,.14)}.sr-panel-head{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid rgba(37,99,235,.14);color:#0b1b2f;font-weight:900}.sr-panel-head span{display:flex;align-items:center;gap:10px}.sr-panel-head i{color:#2563eb}.sr-panel-head strong,.sr-timer{border-radius:999px;background:#eaf3ff;color:#1262d6;padding:7px 11px;font-size:13px}.sr-field{display:grid;gap:8px;padding:16px 18px 0;color:#0b1b2f;font-weight:800}.sr-field input,.sr-field select{width:100%;height:44px;border:1px solid rgba(37,99,235,.18);border-radius:10px;background:rgba(255,255,255,.94);color:#0b1b2f;padding:0 12px;font:700 14px Inter,system-ui,sans-serif;outline:0}.sr-check{display:flex;align-items:center;gap:10px;margin:16px 18px 0;padding:13px 14px;border:1px solid rgba(37,99,235,.14);border-radius:10px;background:rgba(248,251,255,.9);color:#15304d;font-weight:900}.sr-check input{width:18px;height:18px;accent-color:#2563eb}.sr-actions{display:flex;flex-wrap:wrap;gap:10px;padding:18px}.sr-btn,.sr-download,.sr-download-wait{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:999px;background:#eaf3ff;color:#1262d6;font-weight:900;padding:0 15px;text-decoration:none;cursor:pointer}.sr-btn:disabled{opacity:.48;cursor:not-allowed}.sr-btn.is-primary{background:linear-gradient(135deg,#22c55e,#2563eb);color:#fff;box-shadow:0 12px 28px rgba(37,99,235,.22)}.sr-btn.is-danger{background:#fee2e2;color:#dc2626}.sr-btn.is-soft{background:#f3e8ff;color:#7c3aed}.sr-note{display:flex;align-items:flex-start;gap:10px;margin:0 18px 18px;padding:12px 14px;border-radius:10px;background:#f8fbff;color:#314a66;font-weight:700;line-height:1.5}.sr-note i{margin-top:2px;color:#2563eb}.sr-preview-shell{position:relative;display:grid;place-items:center;min-height:430px;background:radial-gradient(circle at top left,rgba(37,99,235,.14),transparent 36%),#07111f;overflow:hidden}.sr-preview-shell video{width:100%;height:100%;max-height:560px;object-fit:contain;background:#07111f}.sr-empty{position:absolute;inset:0;display:grid;place-content:center;gap:8px;text-align:center;color:#dbeafe;padding:20px}.sr-empty i{font-size:44px;color:#38bdf8}.sr-empty strong{font-size:22px}.sr-empty span{color:#9fb6d8;font-weight:700}.sr-countdown{position:absolute;right:16px;top:16px;z-index:3;display:grid;place-items:center;min-width:48px;height:48px;border-radius:14px;background:rgba(37,99,235,.92);color:#fff;font-size:24px;font-weight:900;box-shadow:0 14px 34px rgba(37,99,235,.28)}.sr-complete{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-top:1px solid rgba(37,99,235,.14);color:#0b1b2f}.sr-complete div{display:grid;gap:3px}.sr-complete span{color:#516985;font-weight:700}.sr-download-zone{display:grid;gap:14px;padding:16px 18px;border-top:1px solid rgba(37,99,235,.14)}.sr-download-wait{width:max-content;margin:0;border-radius:999px;background:#eef4ff;color:#5b6f8d;font-weight:900;padding:11px 16px}.sr-ad-panel{display:grid;place-items:center;min-height:92px;border:1px dashed rgba(37,99,235,.24);border-radius:10px;background:linear-gradient(135deg,rgba(219,234,254,.55),rgba(236,253,245,.42));text-align:center;color:#64748b}.sr-ad-panel span{font-size:11px;font-weight:900;text-transform:uppercase}.sr-ad-panel strong{color:#1262d6}.sr-ad-panel small{font-weight:700}.sr-download{width:max-content;background:#e5e7eb;color:#64748b;pointer-events:auto;cursor:pointer}.sr-download.is-ready{background:linear-gradient(135deg,#8b5cf6,#2563eb);color:#fff;pointer-events:auto}body.theme-dark .screen-recorder-v1{border-color:rgba(56,189,248,.24);background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(8,47,73,.74));box-shadow:none}body.theme-dark .sr-panel{background:rgba(15,23,42,.58)}body.theme-dark .sr-settings,body.theme-dark .sr-panel-head,body.theme-dark .sr-complete,body.theme-dark .sr-download-zone{border-color:rgba(148,163,184,.18)}body.theme-dark .sr-panel-head,body.theme-dark .sr-field,body.theme-dark .sr-complete{color:#f8fafc}body.theme-dark .sr-panel-head strong,body.theme-dark .sr-timer,body.theme-dark .sr-field input,body.theme-dark .sr-field select,body.theme-dark .sr-note,body.theme-dark .sr-check{background:rgba(15,23,42,.76);border-color:rgba(148,163,184,.22);color:#dbeafe}body.theme-dark .sr-complete span{color:#a9c5e8}body.theme-dark .sr-ad-panel{border-color:rgba(56,189,248,.25);background:rgba(8,47,73,.34);color:#8fb6dc}body.theme-dark .sr-ad-panel strong{color:#38bdf8}@media(max-width:900px){.sr-simple-layout{grid-template-columns:1fr}.sr-settings{border-right:0;border-bottom:1px solid rgba(37,99,235,.14)}.sr-preview-shell{min-height:300px}.sr-complete{align-items:flex-start;flex-direction:column}.sr-complete .sr-btn,.sr-download{width:100%}.sr-download-wait{width:100%}.sr-actions .sr-btn{flex:1 1 140px}.sr-panel-head{padding:0 12px}.sr-field,.sr-actions,.sr-note{margin-left:0;margin-right:0}}