.nk-r-work-area{z-index:44;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.nk-r-recording-bar{bottom:max(calc(var(--nk-r-dock-reserve,84px) + 6px),calc(env(safe-area-inset-bottom) + var(--nk-r-dock-reserve,84px) - 6px));box-sizing:border-box;overscroll-behavior:contain;pointer-events:auto;background:var(--nk-r-paper);border:1px solid var(--nk-r-line);border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px 18px;width:min(720px,100% - 24px);max-height:calc(100% - 108px);padding:14px 16px;display:flex;position:absolute;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 8px 28px #34294f0a}.nk-r-recording-info{flex:1;align-items:center;gap:12px;min-width:160px;display:flex}.nk-r-recording-info>svg{width:22px;height:22px;color:var(--nk-r-accent-ink);flex:none}.nk-r-recording-copy{flex:1;min-width:0}.nk-r-recording-heading{align-items:center;gap:14px;display:flex}.nk-r-recording-heading strong{overflow-wrap:anywhere;font-size:13px;font-weight:600}.nk-r-recording-heading time{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--nk-r-brand-strong);font-size:14px}.nk-r-recording-copy p{margin:4px 0 0;font-size:12px;line-height:1.6}.nk-r-recording-actions{flex-wrap:wrap;gap:5px;display:flex}.nk-r-recording-actions button{font:inherit;background:var(--nk-r-brand-soft);min-height:40px;color:var(--nk-r-brand-strong);cursor:pointer;border:0;border-radius:10px;padding:8px 12px;font-size:12px}.nk-r-recording-actions button.is-primary{background:var(--nk-r-accent);color:var(--nk-r-accent-ink);font-weight:600}.nk-r-recording-actions button:disabled{opacity:.5;cursor:not-allowed}.nk-r-recording-actions button:focus-visible{outline:2px solid var(--nk-r-brand-strong);outline-offset:2px}.nk-r-recording-detail{overscroll-behavior:contain;max-height:5.5em;color:var(--nk-r-muted);flex-basis:100%;font-size:11px;line-height:1.7;overflow:auto}.nk-r-recording-detail p{margin:0}.nk-r-recording-detail .nk-r-recording-notice{color:#8b4c24}.nk-r-recording-bar.is-recoverable{border-color:#ebc4a4}.nk-renewal-mode .nk-r-live-flow{z-index:43;box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 40px #34294f17;border:1px solid var(--nk-r-line)!important;background:var(--nk-r-paper)!important;border-radius:18px!important;width:min(430px,100% - 24px)!important;height:auto!important;position:fixed!important;top:max(12px,min(10%,96px))!important;bottom:auto!important;left:auto!important;right:12px!important;transform:none!important}.nk-r-live-flow>div,.nk-r-live-flow>header{min-width:0}.nk-r-live-flow .overflow-y-auto{overscroll-behavior:contain;overflow-wrap:anywhere;min-height:0!important}.nk-r-live-flow button:focus-visible{outline:2px solid var(--nk-r-brand-strong);outline-offset:-2px}.nk-r-live-flow .noktt-prose{color:var(--nk-r-ink);line-height:1.9}.nk-r-live-flow [data-live-flow-bullet]:focus-within>.absolute{display:flex}.nk-r-recording-heading .info-tooltip__trigger:not(.nk-action),.nk-r-live-flow .info-tooltip__trigger:not(.nk-action){width:28px;min-width:28px;height:28px;min-height:28px;color:var(--nk-r-muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;font-size:12px;display:inline-grid}.nk-r-recording-heading .info-tooltip__trigger:not(.nk-action):hover,.nk-r-live-flow .info-tooltip__trigger:not(.nk-action):hover{background:var(--nk-r-brand-soft);color:var(--nk-r-brand-strong)}@media (hover:hover) and (pointer:fine){.nk-r-live-flow .info-tooltip__trigger.nk-action{border-radius:10px;width:32px;min-width:32px;height:32px;min-height:32px;padding:6px}.nk-r-live-flow .nk-action .nk-action-glyph svg{width:16px;height:16px}}@media (hover:none){.nk-r-live-flow [data-live-flow-bullet]>.absolute{width:max-content;margin-left:auto;display:flex;position:static}}@media (max-width:700px){.nk-r-recording-bar{gap:8px;padding:12px}.nk-r-recording-info{flex-basis:100%}.nk-r-recording-actions{width:100%}.nk-r-recording-actions button{flex:1;min-height:44px;padding:8px}.nk-r-recording-heading strong{flex:1}.nk-r-live-flow button{min-height:44px}}.nk-r-recording-bar{border-radius:16px;gap:6px 12px;width:min(560px,100% - 24px);padding:9px 12px}.nk-r-recording-copy p{margin-top:2px;line-height:1.5}@media (hover:hover) and (pointer:fine){.nk-r-recording-actions .nk-action{border-radius:10px;width:36px;min-width:36px;height:36px;min-height:36px;padding:7px}}.nk-r-recording-bar{gap:6px 10px;padding:10px 12px}.nk-r-recording-heading{gap:8px}.nk-r-recording-heading time{font-size:13px;font-weight:700}.nk-r-recording-copy p{font-size:11px}.nk-r-recording-detail{font-size:10px}.nk-r-recording-info>svg{width:16px;height:16px}.nk-r-recording-actions button{border-radius:8px;min-height:30px;padding:5px 10px;font-size:11px}.nk-r-recording-actions button.is-primary{font-size:12px}.nk-r-recording-actions .info-tooltip__trigger.nk-action{border-radius:8px;width:30px;min-width:30px;height:30px;min-height:30px;padding:6px}@media (max-width:700px){.nk-r-recording-actions button{min-height:30px;padding:5px 8px}}.nk-r-live-flow button{min-height:30px}@media (max-width:700px){.nk-r-live-flow button{min-height:30px}}.nk-r-live-flow>header{padding-top:10px;padding-bottom:10px}.nk-r-recording-peek{min-width:0;font:inherit;color:var(--nk-r-ink,#2d2938);text-align:left;cursor:pointer;background:#fff1e9;border:0;border-radius:8px;flex-basis:100%;align-items:center;gap:6px;margin:2px 0 0;padding:6px 8px;font-size:11.5px;display:flex}.nk-r-recording-peek b{color:#f17842;flex:none;font-size:10.5px}.nk-r-recording-peek span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nk-r-recording-peek svg{color:#f17842;flex:none;width:13px;height:13px;margin-left:auto}.nk-r-recording-peek:focus-visible{outline:2px solid var(--nk-r-brand-strong);outline-offset:2px}.nk-r-live-flow .info-tooltip__trigger.nk-action{border-radius:8px;width:30px;min-width:30px;height:30px;min-height:30px;padding:6px}.nk-r-live-flow>header .info-tooltip__trigger.nk-action{border-radius:7px;width:24px;min-width:24px;height:24px;min-height:24px;padding:4px}.nk-r-live-flow>header .nk-action .nk-action-glyph svg{width:14px;height:14px}.nk-r-recording-copy p .info-tooltip{display:inline}.nk-r-recording-copy .info-tooltip__trigger.nk-r-recording-status{width:auto;min-width:0;height:auto;min-height:0;color:inherit;font:inherit;line-height:inherit;text-align:left;cursor:help;background:0 0;border:0;border-radius:0;padding:0;display:inline}.nk-r-recording-copy .info-tooltip__trigger.nk-r-recording-status:hover,.nk-r-recording-copy .info-tooltip__trigger.nk-r-recording-status[aria-expanded=true]{color:inherit;background:0 0;border-color:#0000}.nk-r-recording-actions .info-tooltip__trigger.nk-action{position:relative}.nk-r-recording-dot{box-sizing:border-box;background:#f17842;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}body.nk-v3-on .nk-r-recording-bar{background:#fbfbfa;border-color:#e3e4e7;box-shadow:0 8px 28px #34294f14}body.nk-v3-on .nk-r-recording-bar.is-under-ai{visibility:hidden}body.nk-v3-on .nk-r-recording-info{gap:10px}body.nk-v3-on .nk-r-recording-info>svg{color:#c4561f}body.nk-v3-on .nk-r-recording-heading{min-width:0}body.nk-v3-on .nk-r-recording-heading strong{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;min-width:0;overflow:hidden}body.nk-v3-on .nk-r-recording-heading time{color:#51406f}body.nk-v3-on .nk-r-recording-copy p{color:#52545a}body.nk-v3-on .nk-r-recording-actions .info-tooltip__trigger.nk-action,body.nk-v3-on .nk-r-recording-actions .info-tooltip__trigger.nk-action:hover{color:#51406f;background:#eee9f7}body.nk-v3-on .nk-r-recording-actions .info-tooltip__trigger.nk-action--danger,body.nk-v3-on .nk-r-recording-actions .info-tooltip__trigger.nk-action--danger:hover{color:#b94848;background:#f7eef0}body.nk-v3-on .nk-r-recording-actions .info-tooltip__trigger.nk-action--primary,body.nk-v3-on .nk-r-recording-actions .info-tooltip__trigger.nk-action--primary:hover{color:#24180f;background:#ff9562}body.nk-v3-on .nk-r-recording-actions .info-tooltip__trigger.nk-action[aria-expanded=true]{box-shadow:inset 0 0 0 2px #cfc3ea}body.nk-v3-on .nk-r-recording-actions .nk-action .nk-action-glyph svg{width:15px;height:15px}@media (max-width:720px){body.nk-v3-on .nk-r-recording-bar{bottom:max(64px,calc(env(safe-area-inset-bottom) + 52px));width:calc(100% - 16px)}body.nk-v3-on .nk-r-recording-info{flex:1}body.nk-v3-on .nk-r-recording-actions{flex-wrap:nowrap;width:auto}body.nk-v3-on .nk-r-recording-actions .info-tooltip__trigger.nk-action{border-radius:8px;width:36px;min-width:36px;height:36px;min-height:36px;padding:10px}}