.xVYIoG_shell{width:min(100%,960px);margin:auto;padding:24px 20px 32px}.xVYIoG_header{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.xVYIoG_mark{color:#a9dcff;background:#142b49;border-radius:15px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.xVYIoG_workspace{background:#fff;border:1px solid #dce4ec;border-radius:24px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 16px 50px -30px #17385855}.xVYIoG_capture{background:#f1f5f9;min-width:0;padding:20px}.xVYIoG_mode{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.xVYIoG_mode button{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:12px;min-height:54px;font-weight:750}.xVYIoG_mode button[aria-pressed=true][data-mode=IN]{color:#fff;background:#047857;border-color:#047857}.xVYIoG_mode button[aria-pressed=true][data-mode=OUT]{color:#fff;background:#b45309;border-color:#b45309}.xVYIoG_viewport{aspect-ratio:1;background:#10243c;border-radius:18px;position:relative;overflow:hidden}.xVYIoG_viewport video{object-fit:cover;width:100%;height:100%}.xVYIoG_frame{pointer-events:none;border:2px solid #e2efffbb;border-radius:24px;position:absolute;inset:19%;box-shadow:0 0 0 100vmax #08152633}.xVYIoG_cameraOff{color:#e2e8f0;text-align:center;background:radial-gradient(at top,#233e5e,#10243c 75%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.xVYIoG_control{color:#fff;background:#1d4ed8;border-radius:12px;width:100%;min-height:52px;margin-top:14px;font-weight:700}.xVYIoG_control[data-active=true]{color:#334155;background:#fff;border:1px solid #cbd5e1}.xVYIoG_panel{flex-direction:column;gap:20px;min-width:0;padding:28px;display:flex}.xVYIoG_result{overflow-wrap:anywhere;background:#f8fafc;border:1px solid #dce4ec;border-radius:16px;min-height:170px;padding:20px}.xVYIoG_result[data-tone=success]{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.xVYIoG_result[data-tone=warning]{color:#92400e;background:#fffbeb;border-color:#fde68a}.xVYIoG_result[data-tone=error]{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.xVYIoG_result[data-tone=loading]{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.xVYIoG_symbol{margin-bottom:8px;font-size:26px;font-weight:700}.xVYIoG_session{color:#64748b;overflow-wrap:anywhere;border-top:1px solid #e2e8f0;margin-top:auto;padding-top:20px;font-size:13px;line-height:1.7}.xVYIoG_activation{place-items:center;min-height:75svh;padding:24px 16px;display:grid}.xVYIoG_activationCard{background:#fff;border:1px solid #dce4ec;border-radius:24px;width:min(100%,460px);padding:32px;box-shadow:0 18px 60px -35px #17385866}@media (max-width:699px){.xVYIoG_shell{padding:16px 12px 20px}.xVYIoG_header{gap:12px;margin-bottom:14px}.xVYIoG_workspace{border-radius:20px;grid-template-columns:minmax(0,1fr)}.xVYIoG_capture{padding:12px}.xVYIoG_mode{margin-bottom:12px}.xVYIoG_viewport{aspect-ratio:auto;height:clamp(180px,32svh,300px)}.xVYIoG_frame{border-radius:16px;inset:12% 24%}.xVYIoG_panel{gap:14px;padding:16px}.xVYIoG_result{min-height:116px;padding:16px}.xVYIoG_symbol{float:left;margin:0 12px 0 0}.xVYIoG_session{margin:0;padding-top:14px}.xVYIoG_activationCard{padding:24px}}@media (max-height:500px) and (orientation:landscape){.xVYIoG_workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.xVYIoG_viewport{aspect-ratio:auto;height:220px}}