.jp{--jp-bg: #0B0B0C;--jp-surface: #16161A;--jp-line: #2A2A30;--jp-ink: #F0EFEC;--jp-ink-2: #9C9A94;--jp-accent: #FF5722;--jp-warn: #FFC107;--jp-bad: #FF4444;--jp-ok: #4CAF50;min-height:100vh;min-height:100dvh;background:var(--jp-bg);color:var(--jp-ink);font-family:Inter,system-ui,-apple-system,sans-serif;padding:14px 16px 40px;max-width:720px;margin:0 auto;-webkit-text-size-adjust:100%}.jp--message{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px}.jp h1{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0 0 14px}.jp h2{font-size:19px;font-weight:800;margin:0 0 8px}.jp p{margin:0 0 12px;color:var(--jp-ink-2);font-size:15px;line-height:1.55}.jp-rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--jp-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.jp-rotate__icon{font-size:56px;color:var(--jp-accent);animation:jp-turn 2s ease-in-out infinite}@keyframes jp-turn{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.jp-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;margin-bottom:14px}.jp-head__badge{background:var(--jp-accent);color:#fff;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px}.jp-head__role{color:var(--jp-ink-2);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.jp-head__peer{margin-left:auto;color:var(--jp-ink-2);border:1px solid var(--jp-line);border-radius:999px;padding:4px 10px}.jp-head__peer.is-on{color:var(--jp-ok);border-color:#4caf5066}.jp-steps{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 18px}.jp-steps li{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--jp-ink-2);background:var(--jp-surface);border:1px solid var(--jp-line)}.jp-steps li.is-active{color:#fff;background:var(--jp-accent);border-color:var(--jp-accent)}.jp-step{display:flex;flex-direction:column;gap:14px}.jp-step--ready{align-items:center;text-align:center}.jp-diagram{width:100%;height:auto;background:#000;border:1px solid var(--jp-line);border-radius:10px}.jp-list{margin:0;padding-left:20px;color:var(--jp-ink-2);font-size:15px;line-height:1.7}.jp-list b{color:var(--jp-ink)}.jp-list--rules{text-align:left;align-self:stretch}.jp-note{font-size:14px;color:var(--jp-ink-2);margin:0}.jp-preview{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border:1px solid var(--jp-line);border-radius:10px;overflow:hidden}.jp-preview--small{max-width:260px}.jp-preview video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.jp-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.jp-frame rect{fill:none;stroke:var(--jp-accent);stroke-width:1.2;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}.jp-preview__hint{position:absolute;left:50%;bottom:8px;transform:translate(-50%);font-size:11px;font-weight:600;color:var(--jp-ink);background:#000000a6;padding:4px 10px;border-radius:999px;white-space:nowrap}.jp-shot{width:100%;border-radius:10px;border:2px solid var(--jp-accent);display:block}.jp-alert{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;line-height:1.45;border-radius:8px;padding:11px 13px;border:1px solid}.jp-alert--warn{color:var(--jp-warn);background:#ffc1071a;border-color:#ffc10752}.jp-alert--bad{color:var(--jp-bad);background:#ff44441a;border-color:#ff444457}.jp-blockers{display:flex;flex-direction:column;gap:8px;margin-top:16px}.jp-btn{font-family:inherit;font-size:16px;font-weight:700;padding:16px 20px;border-radius:12px;border:1px solid var(--jp-line);background:var(--jp-surface);color:var(--jp-ink);cursor:pointer;min-height:54px;width:100%}.jp-btn--primary{background:var(--jp-accent);border-color:var(--jp-accent);color:#fff}.jp-btn--primary:disabled{opacity:.45}.jp-btn--ghost{background:transparent}.jp-actions{display:flex;gap:10px}.jp-actions .jp-btn{flex:1}.jp-tick{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:32px;color:#fff;background:var(--jp-ok)}@media (prefers-reduced-motion: reduce){.jp-rotate__icon{animation:none}}.jp-capture{display:flex;align-items:center;gap:10px;flex-wrap:wrap;align-self:stretch;font-size:15px;font-weight:700;padding:14px 16px;border-radius:10px;background:var(--jp-surface);border:1px solid var(--jp-line)}.jp-capture--recording{border-color:var(--jp-bad);color:var(--jp-bad)}.jp-capture--done{border-color:var(--jp-ok);color:var(--jp-ok)}.jp-capture--error,.jp-capture--failed{border-color:var(--jp-bad);color:var(--jp-bad)}.jp-dot{width:12px;height:12px;border-radius:50%;background:var(--jp-warn)}.jp-dot--rec{background:var(--jp-bad);animation:jp-pulse 1s ease-in-out infinite}@keyframes jp-pulse{50%{opacity:.25}}.jp-bar{flex:1;min-width:90px;height:6px;background:#000;border-radius:3px;overflow:hidden}.jp-bar i{display:block;height:100%;background:var(--jp-accent);transition:width .2s}@media (prefers-reduced-motion: reduce){.jp-dot--rec{animation:none}}