.rz{max-width:1280px;color:var(--tx);margin:auto;padding:30px 28px 70px;font-family:system-ui,sans-serif}.rz h1{margin:8px 0;font-size:36px}.rz header p{color:var(--tx3);max-width:650px;line-height:1.6}.rz-eyebrow{letter-spacing:.15em;color:var(--accent);font-size:11px}.rz-layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:24px;margin-top:26px;display:grid}.rz-workspace,.rz-controls{background:var(--s1);border:1px solid var(--line);border-radius:18px;padding:22px}.rz-caption{justify-content:space-between;margin-bottom:18px;display:flex}.rz-caption span,.rz-source,.rz-help{color:var(--tx3);font-size:13px;line-height:1.6}.rz-monitor{background:#000;width:auto;max-width:100%;max-height:540px;margin:auto;position:relative;overflow:hidden}.rz-monitor>video{object-fit:fill;width:100%;height:100%}.rz-drop{border:1px dashed var(--line);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:320px;padding:25px;display:flex}.rz-source-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.rz button,.rz-button,.rz select,.rz textarea,.rz input[type=number]{background:var(--s2);color:var(--tx);border:1px solid var(--line);border-radius:9px;padding:11px}.rz button,.rz-button{cursor:pointer;font:inherit;font-size:13px}.rz button:disabled{opacity:.45;cursor:default}.rz-button input{display:none}.rz fieldset{border:0;margin:0;padding:0}.rz legend{margin-bottom:15px;font-weight:600}.rz-modes{flex-wrap:wrap;gap:7px;margin-bottom:25px;display:flex}.rz-modes button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.rz-controls label{flex-direction:column;gap:9px;margin:18px 0;font-size:13px;display:flex}.rz input[type=range]{accent-color:var(--accent);width:100%}.rz textarea{resize:vertical;font:inherit;line-height:1.5}.rz .rz-launch{background:var(--accent);color:#142014;width:100%;margin-top:18px;font-weight:650}.rz-setup{background:var(--s2);border-radius:10px;padding:16px;font-size:12px;line-height:1.6}.rz-setup p{color:var(--tx3)}.rz-note{overflow-wrap:anywhere;font-size:13px;line-height:1.5}.rz-guide{border:1px solid var(--line);border-radius:12px;margin-top:24px;padding:20px;font-size:13px;line-height:1.7}.rz-guide summary{cursor:pointer;font-weight:600}.rz a{color:var(--accent)}@media (max-width:850px){.rz-layout{grid-template-columns:1fr}.rz{padding:20px 14px}.rz-monitor{max-height:440px}}.rz{font-family:var(--font-ohf-inter),system-ui,sans-serif;padding:26px 28px 72px;font-size:13.5px}.rz header{margin-bottom:4px}.rz h1{letter-spacing:-.02em;margin:6px 0 8px;font-size:30px}.rz-eyebrow{letter-spacing:.12em;font-weight:700}.rz-layout{align-items:start;gap:22px;margin-top:20px}.rz-workspace,.rz-controls{border-color:var(--line-2);border-radius:16px;padding:20px}.rz-controls{flex-direction:column;gap:2px;display:flex}.rz-caption{align-items:baseline;margin-bottom:14px}.rz-caption strong{font-size:15px}.rz-caption span{font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,monospace;font-size:12px}.rz-monitor{border:1px solid var(--line-2);border-radius:10px}.rz-drop{border:1.5px dashed var(--line-2);background:radial-gradient(460px 220px at 50% 38%,var(--accent-08),transparent 70%),var(--bg);min-height:340px;color:var(--tx);cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease);border-radius:14px;gap:12px;font-size:15px;font-weight:600;position:relative}.rz-drop:before{content:"";background:var(--accent-14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23a9dca9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M6 10l6-6 6 6M4 20h16'/%3E%3C/svg%3E") center/22px no-repeat;border-radius:50%;width:48px;height:48px}.rz-drop:hover{border-color:var(--accent-32);background:radial-gradient(460px 220px at 50% 38%,var(--accent-14),transparent 70%),var(--bg)}.rz-drop:focus-within{outline:2px solid var(--accent-32);outline-offset:2px}.rz-drop input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.rz-drop small{color:var(--tx3);font-size:12.5px;font-weight:400}.rz-source{color:var(--tx2);word-break:break-all;margin:12px 0 0;font-size:12.5px}.rz-help{margin:12px 0 0}.rz button,.rz-button,.rz select,.rz textarea,.rz input[type=number]{border-color:var(--line-2);font:inherit;border-radius:10px;font-size:13px}.rz button,.rz-button{min-height:38px;transition:border-color .15s var(--ease),background .15s var(--ease);align-items:center;padding:0 15px;display:inline-flex}.rz select,.rz input[type=number]{min-height:40px;padding:0 12px}.rz textarea{padding:10px 12px}.rz button:hover:not(:disabled),.rz-button:hover{border-color:var(--accent-32)}.rz :is(button,select,input,textarea,a,summary):focus-visible,.rz-button:focus-within{outline:2px solid var(--accent-32);outline-offset:2px}.rz legend{letter-spacing:.09em;text-transform:uppercase;color:var(--tx3);margin-bottom:12px;padding:0;font-size:10.5px;font-weight:700}.rz-modes{border:1px solid var(--line);background:var(--bg);border-radius:11px;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:18px;padding:3px;display:grid}.rz-modes button{min-height:36px;color:var(--tx3);background:0 0;border:0;border-radius:8px;justify-content:center;padding:0 6px;font-weight:600}.rz-modes button:hover:not(:disabled){color:var(--tx);border-color:#0000}.rz-modes button[aria-pressed=true]{background:var(--s4);color:var(--tx);box-shadow:inset 0 0 0 1px var(--accent-32)}.rz-controls label{color:var(--tx2);margin:14px 0;font-size:12.5px;font-weight:600}.rz-controls label select,.rz-controls label input[type=number],.rz-controls label textarea{color:var(--tx);background:var(--bg);font-weight:400}.rz-setup{background:var(--bg);border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:10px}.rz-setup strong{color:var(--tx)}.rz .rz-launch{border:1px solid var(--accent);background:var(--accent);min-height:48px;color:var(--accent-ink);justify-content:center;margin-top:16px;font-size:14.5px;font-weight:700}.rz .rz-launch:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.rz .rz-launch:disabled{background:var(--s3);border-color:var(--line-2);color:var(--tx3);opacity:1;cursor:not-allowed}.rz-why{border:1px solid var(--line-2);border-left:3px solid var(--warn);background:var(--bg);color:var(--tx2);border-radius:10px;margin:10px 0 0;padding:9px 12px;font-size:12.5px;line-height:1.5}.rz-note{border:1px solid var(--accent-32);background:var(--accent-08);color:var(--tx);border-radius:10px;margin:12px 0 0;padding:9px 12px}.rz [role=alert]{border:1px solid var(--danger-line);border-left:3px solid var(--danger);background:var(--danger-bg);color:var(--danger);border-radius:10px;margin:10px 0 0;padding:9px 12px;font-size:12.5px}.rz [role=status].rz-help{border:1px solid var(--line-2);border-left:3px solid var(--warn);background:var(--bg);border-radius:10px;padding:12px 14px}.rz [role=status].rz-help p{margin:4px 0 8px}.rz-source-actions a{border:1px solid var(--line-2);background:var(--s2);min-height:38px;color:var(--tx);border-radius:10px;align-items:center;padding:0 15px;font-size:13px;text-decoration:none;display:inline-flex}.rz-source-actions a:hover{border-color:var(--accent-32)}.rz-guide{border-color:var(--line-2);background:var(--s1);border-radius:14px;padding:6px 18px}.rz-guide summary{min-height:40px;color:var(--tx2);align-items:center;display:flex}.rz-guide[open] summary{color:var(--tx)}@media (max-width:850px){.rz{padding:18px 16px 56px}.rz-drop{min-height:240px}}@media (prefers-reduced-motion:reduce){.rz-drop,.rz button,.rz-button{transition:none}}