.player-frame:has(>.recording-playback){border-radius:14px}.recording-playback{container-type:inline-size;background:#101211;color:#fff;border-radius:inherit;overflow:hidden;-webkit-font-smoothing:antialiased;outline:1px solid rgba(0,0,0,.1)}.recording-controller{width:100%;height:100%;--media-primary-color: #fff;--media-secondary-color: transparent;--media-control-hover-background: #ffffff1f;--media-control-background: transparent;--media-control-padding: 12px;--media-control-height: 28px;--media-font-family: "IBM Plex Sans", sans-serif;--media-font-size: 15px;--media-range-track-height: 5px;--media-range-thumb-width: 14px;--media-range-thumb-height: 14px;--media-range-bar-color: #c7b5ff;--media-range-track-background: #ffffff38;--media-focus-ring-color: #c7b5ff}.recording-controller video{width:100%;height:100%;min-width:0;min-height:0}.recording-controls{align-self:end;width:100%;box-sizing:border-box;padding:48px 20px 12px;background:linear-gradient(transparent,#0009 45%,#000e)}.recording-controls media-time-range{display:flex;width:100%;--media-control-padding: 15px 0;--media-range-track-height: 7px}.recording-controls media-control-bar{display:flex;align-items:center;gap:4px}.recording-controls media-control-bar>:is(media-play-button,media-seek-backward-button,media-seek-forward-button,media-mute-button,media-fullscreen-button,media-playback-rate-menu-button){min-width:52px;min-height:52px;border-radius:10px;transition:scale .15s ease-out,background-color .15s ease-out}.recording-controls media-time-display{font-variant-numeric:tabular-nums;white-space:nowrap;padding-inline:8px}.recording-control-spacer{flex:1}.recording-volume-slider{width:80px;--media-control-padding: 15px 2px}.recording-controls media-playback-rate-menu-button{min-width:60px;font-weight:600;font-variant-numeric:tabular-nums}.recording-rate-menu{--media-menu-background: #202321f5;--media-menu-border-radius: 12px;--media-menu-item-hover-background: #ffffff14;--media-menu-item-checked-background: #c7b5ff24;--media-menu-item-focus-shadow: inset 0 0 0 2px #c7b5ff;margin-bottom:10px;min-width:130px;max-height:calc(100% - 96px);border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 2px 6px #0003,0 12px 32px #0005}.recording-rate-menu::part(menu-item){border-radius:6px;padding:12px 18px}.recording-rate-menu::part(checked){color:#c7b5ff}.recording-player-message{position:absolute;inset:0;z-index:3;opacity:1!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;background:#101211;font-size:14px;line-height:1.5}.recording-player-message span{color:#b6bbb6;max-width:320px}.recording-player-message button{border:1px solid #ffffff38;border-radius:7px;min-height:44px;padding:9px 14px;background:#ffffff14;color:#fff;cursor:pointer}.recording-player-message button:focus-visible{outline:2px solid #c7b5ff;outline-offset:3px}@container (max-width: 560px){.recording-volume-slider{display:none}.recording-controls{padding:36px 8px 6px}.recording-controls media-control-bar{gap:0}.recording-controller{--media-control-padding: 10px;--media-control-height: 24px;--media-font-size: 13px}}@container (max-width: 480px){.recording-skip{display:none}.recording-rate-menu{--media-menu-layout: row;--media-menu-item-checked-indicator-display: none;--media-menu-gap: 0;width:calc(100% - 16px);min-width:0}.recording-rate-menu::part(menu-item){flex:1;justify-content:center;padding:12px 3px;font-size:12px}.recording-controls media-time-display{padding-inline:4px}}@media(prefers-reduced-motion:reduce){.recording-controller{--media-menu-transition-in: none;--media-menu-transition-out: none}}.recording-controller[data-error=true] :is(.recording-controls,.recording-rate-menu,.recording-big-play,media-loading-indicator){display:none!important}.recording-controller:has(media-playback-rate-menu-button[aria-expanded=true]) .recording-controls{--media-tooltip-display: none}.recording-big-play{position:absolute;top:50%;left:50%;translate:-50% -50%;width:96px;height:96px;border-radius:50%;color:#171918;--media-primary-color: #171918;--media-control-background: #fff;--media-control-hover-background: #f1ecff;--media-control-height: 42px;--media-control-padding: 25px;box-shadow:0 0 0 1px #0000000d,0 2px 5px #0002,0 8px 24px #0003;transition:transform .16s ease,box-shadow .16s ease}.recording-big-play:not([mediapaused]){display:none}.recording-center-icons{position:relative;display:block;width:var(--media-control-height);height:var(--media-control-height)}.recording-center-icons svg{position:absolute;inset:0;width:100%;height:100%;opacity:1;scale:1;filter:blur(0);transition:opacity .3s cubic-bezier(.2,0,0,1),scale .3s cubic-bezier(.2,0,0,1),filter .3s cubic-bezier(.2,0,0,1)}.recording-big-play:not([mediaended]) .recording-replay-icon,.recording-big-play[mediaended] .recording-play-icon{opacity:0;scale:.25;filter:blur(4px)}.recording-big-play:active{transform:scale(.96)}.recording-big-play:focus-visible{outline:3px solid #c7b5ff;outline-offset:10px}@media(hover:hover){.recording-big-play:hover{box-shadow:0 0 0 1px #0000000d,0 3px 8px #0002,0 12px 28px #0004}}@container (max-width: 560px){.recording-controls media-control-bar>:is(media-play-button,media-seek-backward-button,media-seek-forward-button,media-mute-button,media-fullscreen-button,media-playback-rate-menu-button){min-width:44px;min-height:44px}.recording-big-play{width:72px;height:72px;--media-control-height: 32px;--media-control-padding: 20px}}@media(prefers-reduced-motion:reduce){.recording-big-play{transition:none}}.recording-controls media-control-bar>:is(media-play-button,media-seek-backward-button,media-seek-forward-button,media-mute-button,media-fullscreen-button,media-playback-rate-menu-button):active{scale:.96}@media(prefers-reduced-motion:reduce){.recording-center-icons svg,.recording-controls media-control-bar>*{transition:none}.recording-big-play:active{transform:none}.recording-controls media-control-bar>:active{scale:1}}.app-frame{--app-bg: #f4f4f5;--paper: #ffffff;--paper-raised: #ffffff;--panel: #f4f4f5;--hover: #fafafa;--ink: #111113;--muted: #6b6b73;--faint: #a1a1aa;--rule: #dcdce0;--rule-soft: #ebebee;--purple: #6d4aff;--purple-dark: #5433e6;--purple-pale: #f1edff;--success: #15803d;--danger: #dc2626;--warning: #b45309;--lift-shadow: 0 0 0 1px var(--rule-soft);--gutter: 24px;color:var(--ink);background:var(--app-bg);font-size:14px}html:has(.app-frame),body:has(.app-frame){background:#f4f4f5}.app-frame ::selection{color:#fff;background:var(--purple)}.app-frame .app-header{min-height:64px;padding-inline:var(--gutter);border-bottom:0;background:color-mix(in srgb,var(--app-bg) 88%,transparent)}.app-frame .app-header .public-nav{font-size:14px}.app-frame .app-header .public-nav a{color:var(--muted)}.app-frame .app-header .public-nav a:hover{color:var(--ink);background:#0000000a}.app-frame .app-header .public-nav a.active{color:var(--ink);background:var(--paper);box-shadow:0 0 0 1px var(--rule-soft)}.app-frame .app-header .profile-link{width:32px;height:32px;font-size:12px}.app-frame>.page-shell{width:calc(100% - 2 * var(--gutter));min-height:calc(100vh - 150px);margin:0 auto;padding:36px 40px 56px;border:1px solid var(--rule-soft);border-radius:16px;background:var(--paper)}.app-frame .app-footer{min-height:60px;padding-inline:var(--gutter);border-top:0;background:transparent;font-size:13px}.app-frame .app-environment{background:#0000000d}.app-frame>.page-shell :is(.page-intro,.compact-intro,.dashboard-intro){align-items:flex-end;gap:24px;margin-bottom:28px}.app-frame>.page-shell :is(.page-intro,.compact-intro,.dashboard-intro) h1{margin:0;font:600 26px/1.2 var(--sans);letter-spacing:-.02em}.app-frame>.page-shell :is(.page-intro,.compact-intro,.dashboard-intro) .lede{margin:6px 0 0;color:var(--muted);font:14px/1.5 var(--sans)}.app-frame .eyebrow{color:var(--muted);font:500 11.5px var(--mono);letter-spacing:.06em}.app-frame .eyebrow-rule{padding-left:0}.app-frame .eyebrow-rule:before{display:none}.app-frame p,.app-frame li{font-size:inherit}.app-frame .button{min-height:36px;padding:0 14px;gap:8px;border-radius:8px;font:500 14px/1 var(--sans);box-shadow:none}.app-frame .button-primary{color:#fff;border-color:var(--purple);background:var(--purple)}.app-frame .button-primary:hover{border-color:var(--purple-dark);background:var(--purple-dark)}.app-frame .button:not(.button-primary):not(.button-danger){color:var(--ink);border:1px solid var(--rule);background:var(--paper);box-shadow:0 1px 1px #00000008}.app-frame .button:not(.button-primary):not(.button-danger):hover{color:var(--ink);background:var(--hover);border-color:#cfcfd4}.app-frame .button-danger{color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,var(--rule));background:var(--paper)}.app-frame .button-danger:hover{color:#fff;border-color:var(--danger);background:var(--danger)}.app-frame .agent-copy-button{min-height:36px;padding:0 14px;color:var(--ink);border:1px solid var(--rule);border-radius:8px;background:var(--paper);box-shadow:0 1px 1px #00000008;font:500 14px var(--sans)}.app-frame .agent-copy-button:hover{background:var(--hover)}.app-frame input:not([type=checkbox]):not([type=radio]):not([type=color]),.app-frame textarea,.app-frame select{border-color:var(--rule);border-radius:8px}.app-frame .status-badge{gap:6px;padding:3px 8px;border:0;border-radius:6px;font:500 12px/1.3 var(--sans)}.app-frame .status-ready{color:var(--success);background:#ecfdf3}.app-frame :is(.status-running,.status-queued,.status-finalizing,.status-processing,.status-uploading,.status-recording,.status-draft){color:var(--purple-dark);background:var(--purple-pale)}.app-frame :is(.status-failed,.status-cancelled,.status-revoked){color:var(--danger);background:#fef2f2}.app-frame :is(.library-filters,.settings-nav,.billing-nav){gap:24px;padding:0;overflow-x:auto;border-radius:0;background:transparent;box-shadow:none}.app-frame :is(.library-filters button,.settings-nav a,.billing-nav a){position:relative;display:inline-flex;align-items:center;gap:8px;min-height:0;padding:0 0 12px;color:var(--muted);border-radius:0;background:transparent;box-shadow:none;font:500 14px var(--sans)}.app-frame :is(.library-filters button,.settings-nav a,.billing-nav a):hover{color:var(--ink);background:transparent}.app-frame :is(.library-filters button[aria-pressed=true],.settings-nav a[aria-current=page],.billing-nav a[aria-current=page]){color:var(--ink);background:transparent;box-shadow:none}.app-frame :is(.library-filters button[aria-pressed=true],.settings-nav a[aria-current=page],.billing-nav a[aria-current=page]):after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--ink)}.app-frame .library-filters button span{min-width:20px;padding:1px 6px;color:var(--muted);border-radius:999px;background:var(--panel);font:500 12px/1.5 var(--sans)}.app-frame .library-filters button[aria-pressed=true] span{color:#fff;background:var(--ink)}.app-frame :is(.settings-nav,.billing-nav){width:100%;margin-bottom:4px;border-bottom:1px solid var(--rule-soft)}.app-frame :is(.settings-layout,.billing-layout){gap:28px}.app-frame .dashboard-usage .usage-strip,.app-frame .dashboard-usage .usage-strip:not(.usage-strip-warning):not(.usage-strip-blocked){gap:12px;margin-bottom:32px}.app-frame .dashboard-usage .usage-strip>div:not(.usage-actions){gap:4px;padding:14px 16px;border:1px solid var(--rule-soft);border-radius:12px;background:var(--paper)}.app-frame .dashboard-usage .usage-strip span{color:var(--muted);font:13px var(--sans)}.app-frame .dashboard-usage .usage-strip strong{font:600 18px var(--sans);letter-spacing:-.01em}.app-frame .usage-meter{height:3px;margin-top:8px;background:var(--panel)}.app-frame .library-toolbar{align-items:flex-end;margin-bottom:20px;border-bottom:1px solid var(--rule-soft)}.app-frame .library-toolbar-end{padding-bottom:8px}.app-frame .library-view-toggle{padding:2px;border:1px solid var(--rule-soft);border-radius:8px;background:var(--paper)}.app-frame .library-view-toggle button{width:30px;height:26px;border-radius:6px}.app-frame .library-view-toggle button[aria-pressed=true]{background:var(--panel);box-shadow:none}.app-frame .recording-index .library-toolbar .refresh-button{width:32px;min-height:32px;border-radius:8px}.app-frame .recording-index .library-toolbar .refresh-button:hover{background:var(--panel)}.app-frame .library-grid{gap:28px 20px}.app-frame .library-thumb{border-radius:10px;box-shadow:0 0 0 1px var(--rule-soft)}.app-frame .library-card.is-openable:hover .library-thumb{box-shadow:0 0 0 1px var(--rule)}.app-frame .library-placeholder{background:var(--panel)}.app-frame .library-placeholder-bar{border-bottom-color:var(--rule-soft)}.app-frame .library-placeholder-bar b{background:var(--paper)}.app-frame .library-source{color:var(--ink);border:1px solid var(--rule-soft);background:#ffffffeb;font-size:11.5px}.app-frame .library-duration{font-size:11.5px}.app-frame .library-body{padding:12px 2px 0}.app-frame>.page-shell :is(.library-body,.library-row) h3{font:500 14px/1.4 var(--sans);letter-spacing:0}.app-frame .library-meta,.app-frame .library-detail{font-size:13px}.app-frame .library-evidence .signal{padding:2px 8px;border-radius:6px;font-size:12px}.app-frame .library-evidence .signal-error{background:#fef2f2}.app-frame .library-evidence .signal-warning{background:#fffbeb}.app-frame .library-evidence .signal-ok{background:#ecfdf3}.app-frame .library-list{border:0;border-radius:0;background:transparent}.app-frame .library-list-head{min-height:36px;padding-inline:12px;color:var(--muted);border-bottom:1px solid var(--rule-soft);background:transparent;font:500 12.5px var(--sans)}.app-frame .library-row{min-height:72px;padding-inline:12px;border-bottom-color:var(--rule-soft)}.app-frame .library-row.is-openable:hover{background:var(--hover)}.app-frame .dashboard-empty{border:1px dashed var(--rule);border-radius:12px}.app-frame .dashboard-error{background:#fef2f2;border-radius:10px}.app-frame section.dashboard-run-composer{border:1px solid var(--rule-soft);border-radius:12px;background:var(--hover)}.app-frame .recording-topbar{margin:-8px 0 20px}.app-frame .player-stage{padding:0;border-radius:12px;background:#0b0b0c;box-shadow:none;overflow:hidden}.app-frame .recording-main-col .player-stage{padding:0}.app-frame .recording-main-col .player-frame,.app-frame .player-stage .player-frame{border-radius:0}.app-frame .recording-titleblock h1{font:600 22px/1.3 var(--sans);letter-spacing:-.015em}.app-frame .recording-titleblock>p:not(.recording-byline){font-size:14px}.app-frame .evidence-panel{top:80px;border:1px solid var(--rule-soft);border-radius:12px;box-shadow:none}.app-frame .evidence-head{padding:14px 16px 0}.app-frame .evidence-tabs button[aria-selected=true]:after{background:var(--ink)}.app-frame .evidence-stats>div{border:1px solid var(--rule-soft);background:var(--paper)}.app-frame .evidence-stats strong{font-size:20px;font-weight:600}.app-frame .evidence-list>li:hover{background:var(--hover)}.app-frame .evidence-note{border-radius:8px}.app-frame .agent-result{border:1px solid var(--rule-soft);border-radius:12px;box-shadow:none}.app-frame .action-menu-panel{border-radius:10px;box-shadow:0 0 0 1px var(--rule-soft),0 12px 32px #0000001a}.app-frame .settings-content .settings-group,.app-frame .settings-content :is(.credential-card,.site-account-list,.site-account-form,.credential-form){border:1px solid var(--rule-soft);border-radius:12px;box-shadow:none}.app-frame .settings-group-label{color:var(--ink);font:600 14px var(--sans)}.app-frame .profile-avatar{width:56px;height:56px;font-size:19px;box-shadow:none}.app-frame .profile-hero h2{font:600 18px var(--sans)}.app-frame .profile-hero p{font-size:14px}.app-frame .settings-panel-heading h2{font:600 16px var(--sans)}.app-frame .settings-panel-heading p{font-size:14px}.app-frame .settings-content .device-login-help{border:1px solid var(--rule-soft);border-radius:12px;background:var(--hover)}.app-frame .billing-content .billing-card{border:1px solid var(--rule-soft);border-radius:12px;box-shadow:none}.app-frame .billing-content .billing-card-pro{border-color:color-mix(in srgb,var(--purple) 40%,var(--rule-soft));box-shadow:inset 0 3px var(--purple)}.app-frame .billing-content .billing-card h2{font:600 20px/1.3 var(--sans);letter-spacing:-.015em}.app-frame .billing-price strong{font-size:40px;font-weight:600;letter-spacing:-.03em}@media(max-width:760px){.app-frame>.page-shell{width:100%;padding:24px 16px 40px;border-width:1px 0;border-radius:0}.app-frame .app-header,.app-frame .app-footer{padding-inline:16px}.app-frame :is(.library-filters,.settings-nav,.billing-nav){gap:18px}}.app-frame>.page-shell{padding:32px clamp(20px,3vw,40px) 56px}.app-frame>.page-shell>*{max-width:none}.app-frame .dashboard-usage .usage-strip,.app-frame .dashboard-usage .usage-strip:not(.usage-strip-warning):not(.usage-strip-blocked){display:flex;flex-wrap:wrap;gap:0;margin-bottom:28px;padding:0;border:0;border-radius:0;background:transparent}.app-frame .dashboard-usage .usage-strip>div:not(.usage-actions){flex:1 1 180px;min-width:0;gap:2px;padding:2px 24px;border:0;border-left:1px solid var(--rule-soft);border-radius:0;background:transparent}.app-frame .dashboard-usage .usage-strip>div:not(.usage-actions):first-child{padding-left:0;border-left:0}.app-frame .dashboard-usage .usage-strip span{font-size:12.5px}.app-frame .dashboard-usage .usage-strip strong{font:600 16px var(--sans)}.app-frame .dashboard-usage .usage-meter{max-width:180px;margin-top:6px}.app-frame .dashboard-usage .usage-actions{flex-basis:100%;margin-top:16px}.app-frame section.dashboard-run-composer{padding:24px}.app-frame .dashboard-run-composer .cloud-run-form{max-width:none;padding:0;border-radius:0;background:transparent;box-shadow:none}.app-frame .dashboard-run-composer-head h2{font:600 16px var(--sans)}.app-frame .dashboard-run-composer-head p{font-size:14px}.app-frame .dashboard-run-composer .run-field input,.app-frame .dashboard-run-composer .run-field textarea{background:var(--paper)}@media(min-width:900px){.app-frame .dashboard-run-composer .cloud-run-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);column-gap:16px;align-items:start}.app-frame .dashboard-run-composer .run-field+.run-field{margin-top:0}.app-frame .dashboard-run-composer .run-field textarea{min-height:48px;height:48px}.app-frame .dashboard-run-composer .run-form-footer,.app-frame .dashboard-run-composer .run-field-error[role=alert]{grid-column:1 / -1}}@media(max-width:760px){.app-frame{--gutter: 0px}.app-frame .app-header,.app-frame .app-footer{padding-inline:16px}.app-frame .dashboard-usage .usage-strip>div:not(.usage-actions){flex-basis:50%;padding:8px 12px;border-left:0}.app-frame .dashboard-usage .usage-strip>div:not(.usage-actions):nth-child(odd){padding-left:0}}.app-frame .settings-content{width:100%}.app-frame .recording-side{position:sticky;top:80px;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 104px);min-width:0}.app-frame .recording-side .evidence-panel{position:static;flex:1 1 auto;min-height:180px;max-height:none}.app-frame .recording-side .evidence-panel.is-facts-only{flex:none;min-height:0}.app-frame .recording-comments{display:flex;flex:0 1 auto;min-height:0;overflow:hidden;border:1px solid var(--rule-soft);border-radius:12px;background:var(--paper)}.app-frame .recording-comments:empty{display:none}.app-frame .recording-comments>.review-sidebar{flex:1;max-height:min(520px,60vh)}.app-frame .recording-side:has(.evidence-panel.is-facts-only) .recording-comments>.review-sidebar{max-height:none}@media(max-width:1080px){.app-frame .recording-side{position:static;max-height:none}.app-frame .recording-comments>.review-sidebar{max-height:480px}}.app-frame .dashboard-usage .usage-actions{display:flex;align-items:center;gap:12px;margin-top:20px;padding:12px 12px 12px 16px;border:1px solid var(--rule-soft);border-radius:12px;background:var(--paper);font:14px/1.45 var(--sans)}.app-frame .dashboard-usage .usage-strip-blocked .usage-actions{background:var(--paper)}.app-frame .dashboard-usage .usage-actions-icon{display:grid;flex:none;place-items:center;width:32px;height:32px;color:var(--warning);border-radius:50%;background:color-mix(in srgb,var(--warning) 10%,transparent)}.app-frame .dashboard-usage .usage-actions.is-blocked .usage-actions-icon{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}.app-frame .dashboard-usage .usage-actions p{display:grid;flex:1;gap:1px;min-width:0;margin:0}.app-frame .dashboard-usage .usage-actions p strong{color:var(--ink);font:500 14px var(--sans);letter-spacing:0}.app-frame .dashboard-usage .usage-actions p span{color:var(--muted);font-size:13px}.app-frame .dashboard-usage .usage-actions-links{display:flex;flex:none;align-items:center;gap:16px;font-size:13px}.app-frame .dashboard-usage .usage-actions-links a:not(.button){color:var(--muted)}.app-frame .dashboard-usage .usage-actions-links a:not(.button):hover{color:var(--ink)}.app-frame .dashboard-usage .usage-actions .button{min-height:34px;margin-left:0;padding:0 14px;font-size:13px}@media(max-width:640px){.app-frame .dashboard-usage .usage-actions{flex-wrap:wrap;align-items:flex-start}.app-frame .dashboard-usage .usage-actions p{flex-basis:calc(100% - 44px)}.app-frame .dashboard-usage .usage-actions-links{flex-basis:100%;justify-content:flex-end}}.app-frame .dashboard-agent-actions .agent-copy-button:hover{color:#fff;background:var(--purple-dark);border-color:var(--purple-dark)}