nav.mt-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 24px;margin:0;border:0;border-bottom:1px solid #244458;border-radius:0;background:#06131f;font:14px/1.5 system-ui,sans-serif;color:#bdcedb}nav.mt-nav a{color:inherit;text-decoration:none}nav.mt-nav a:hover{color:#55dfff}nav.mt-nav strong{color:white}.mt-tool-links{display:flex;gap:18px;flex-wrap:wrap}.topbar nav a{font:12px/1.5 system-ui,sans-serif;padding:10px 15px;color:#a9c0ce;text-decoration:none}.topbar nav a:hover{color:white}.mt-guide{max-width:1040px;margin:50px auto;padding:30px;color:#b6cfdd;font:16px/1.75 system-ui,sans-serif}.mt-guide h2{font-size:28px;color:#f1f8fc;letter-spacing:-.6px}.mt-guide h3{font-size:20px;color:#edf7ff}.mt-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.mt-guide a{color:#5bdcf4}.mt-guide details{padding:16px 0;border-bottom:1px solid #294353}.mt-guide summary{cursor:pointer;font-weight:600;color:#eef6fb}.mt-guide code{white-space:normal;color:#89e5ed}.mt-related{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px}.mt-note{font-size:13px;color:#94b5c7;margin:16px auto;max-width:1700px;padding:0 20px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #5adff7;outline-offset:4px}@media(min-width:761px) and (max-width:1450px){.workspace{grid-template-columns:310px minmax(0,1fr)}.right{grid-column:1/-1}.center{grid-column:auto;grid-row:auto}.left{grid-column:auto}}@media(max-width:760px){nav.mt-nav{padding:12px 15px;font-size:12px}.mt-tool-links{gap:13px}.mt-guide{padding:22px;margin:20px auto}.mt-guide-grid{grid-template-columns:1fr;gap:8px}.mt-guide h2{font-size:24px}.live{font-size:8px;padding:7px}.control{min-width:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important}}

.tool-recordwise .genuine-feed:not(.playing) .genuine-video,.tool-recordwise .genuine-feed.failed .genuine-video{opacity:0}.tool-recordwise .hero .eyebrow{position:static;text-align:center;margin:10px 0;font-size:8px}.tool-recordwise .hero .eyebrow br{display:none}@media(min-width:761px) and (max-width:1080px){.tool-recordwise .workspace{grid-template-columns:1fr 1fr}.tool-recordwise .center{grid-column:1/-1;grid-row:1;min-height:700px}.tool-recordwise .left{grid-column:1}.tool-recordwise .right{grid-column:2}.tool-recordwise .control{grid-template-columns:1fr 150px}}