.app-frame{--app-bg:#f4f4f5;--paper:#fff;--paper-raised:#fff;--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}:is(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);background:color-mix(in srgb, var(--app-bg) 88%, transparent);border-bottom:0}.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));border:1px solid var(--rule-soft);background:var(--paper);border-radius:16px;min-height:calc(100vh - 150px);margin:0 auto;padding:36px 40px 56px}.app-frame .app-footer{min-height:60px;padding-inline:var(--gutter);background:0 0;border-top:0;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{font:600 26px/1.2 var(--sans);letter-spacing:-.02em;margin:0}.app-frame>.page-shell :is(.page-intro,.compact-intro,.dashboard-intro) .lede{color:var(--muted);font:14px/1.5 var(--sans);margin:6px 0 0}.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;font:500 14px/1 var(--sans);box-shadow:none;border-radius:8px;gap:8px;padding:0 14px}.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;color:var(--ink);border:1px solid var(--rule);background:var(--paper);font:500 14px var(--sans);border-radius:8px;padding:0 14px;box-shadow:0 1px 1px #00000008}.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{font:500 12px/1.3 var(--sans);border:0;border-radius:6px;gap:6px;padding:3px 8px}.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){box-shadow:none;background:0 0;border-radius:0;gap:24px;padding:0;overflow-x:auto}.app-frame :is(.library-filters button,.settings-nav a,.billing-nav a){min-height:0;color:var(--muted);box-shadow:none;font:500 14px var(--sans);background:0 0;border-radius:0;align-items:center;gap:8px;padding:0 0 12px;display:inline-flex;position:relative}.app-frame :is(.library-filters button,.settings-nav a,.billing-nav a):hover{color:var(--ink);background:0 0}.app-frame :is(.library-filters button[aria-pressed=true],.settings-nav a[aria-current=page],.billing-nav a[aria-current=page]){color:var(--ink);box-shadow:none;background:0 0}.app-frame :is(.library-filters button[aria-pressed=true],.settings-nav a[aria-current=page],.billing-nav a[aria-current=page]):after{content:"";background:var(--ink);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.app-frame .library-filters{overflow-y:hidden}.app-frame .library-filters button[aria-pressed=true]:after{bottom:0}.app-frame .library-filters button span{min-width:20px;color:var(--muted);background:var(--panel);font:500 12px/1.5 var(--sans);border-radius:999px;padding:1px 6px}.app-frame .library-filters button[aria-pressed=true] span{color:#fff;background:var(--ink)}.app-frame :is(.settings-nav,.billing-nav){border-bottom:1px solid var(--rule-soft);width:100%;margin-bottom:4px}.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){border:1px solid var(--rule-soft);background:var(--paper);border-radius:12px;gap:4px;padding:14px 16px}.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{background:var(--panel);height:3px;margin-top:8px}.app-frame .library-toolbar{border-bottom:1px solid var(--rule-soft);align-items:flex-end;margin-bottom:20px}.app-frame .library-toolbar-end{padding-bottom:8px}.app-frame .library-view-toggle{border:1px solid var(--rule-soft);background:var(--paper);border-radius:8px;padding:2px}.app-frame .library-view-toggle button{border-radius:6px;width:30px;height:26px}.app-frame .library-view-toggle button[aria-pressed=true]{background:var(--panel);box-shadow:none}.app-frame .recording-index .library-toolbar .refresh-button{border-radius:8px;width:32px;min-height:32px}.app-frame .recording-index .library-toolbar .refresh-button:hover{background:var(--panel)}.app-frame .library-grid{gap:28px 20px}.app-frame .library-thumb{box-shadow:0 0 0 1px var(--rule-soft);border-radius:10px}.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{border-radius:6px;padding:2px 8px;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{background:0 0;border:0;border-radius:0}.app-frame .library-list-head{min-height:36px;color:var(--muted);border-bottom:1px solid var(--rule-soft);font:500 12.5px var(--sans);background:0 0;padding-inline:12px}.app-frame .library-row{border-bottom-color:var(--rule-soft);min-height:72px;padding-inline:12px}.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);background:var(--hover);border-radius:12px}.app-frame .recording-topbar{margin:-8px 0 20px}.app-frame .shared-recording-actions,.app-frame .shared-recording-actions .share-copy-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-frame .player-stage{box-shadow:none;background:#0b0b0c;border-radius:12px;padding:0;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{border:1px solid var(--rule-soft);box-shadow:none;border-radius:12px;top:80px}.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);box-shadow:none;border-radius:12px}.app-frame .action-menu-panel{box-shadow:0 0 0 1px var(--rule-soft), 0 12px 32px #0000001a;border-radius:10px}.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);box-shadow:none;border-radius:12px}.app-frame .settings-group-label{color:var(--ink);font:600 14px var(--sans)}.app-frame .profile-avatar{width:56px;height:56px;box-shadow:none;font-size:19px}.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);background:var(--hover);border-radius:12px}.app-frame .billing-content .billing-card{border:1px solid var(--rule-soft);box-shadow:none;border-radius:12px}.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{letter-spacing:-.03em;font-size:40px;font-weight:600}@media (max-width:760px){.app-frame>.page-shell{border-width:1px 0;border-radius:0;width:100%;padding:24px 16px 40px}.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){background:0 0;border:0;border-radius:0;flex-wrap:wrap;gap:0;margin-bottom:28px;padding:0;display:flex}.app-frame .dashboard-usage .usage-strip>div:not(.usage-actions){border:0;border-left:1px solid var(--rule-soft);background:0 0;border-radius:0;flex:180px;gap:2px;min-width:0;padding:2px 24px}.app-frame .dashboard-usage .usage-strip>div:not(.usage-actions):first-child{border-left:0;padding-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;box-shadow:none;background:0 0;border-radius:0;padding:0}.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)}.app-frame .dashboard-run-composer .run-intent{background:var(--paper);box-shadow:inset 0 0 0 1px var(--rule-soft)}.app-frame .dashboard-run-composer .run-intent[data-mode=interact]{background:color-mix(in srgb, var(--purple) 5%, var(--paper))}.app-frame .dashboard-run-composer .run-intent-icon{background:var(--purple-pale)}@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){border-left:0;flex-basis:50%;padding:8px 12px}.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{flex-direction:column;gap:16px;min-width:0;max-height:calc(100vh - 104px);display:flex;position:sticky;top:80px}.app-frame .recording-side .evidence-panel{flex:auto;min-height:180px;max-height:none;position:static}.app-frame .recording-side .evidence-panel.is-facts-only{flex:none;min-height:0}.app-frame .recording-comments{border:1px solid var(--rule-soft);background:var(--paper);border-radius:12px;flex:0 auto;min-height:0;display:flex;overflow:hidden}.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{max-height:none;position:static}.app-frame .recording-comments>.review-sidebar{max-height:480px}}.app-frame .dashboard-usage .usage-actions{border:1px solid var(--rule-soft);background:var(--paper);font:14px/1.45 var(--sans);border-radius:12px;align-items:center;gap:12px;margin-top:20px;padding:12px 12px 12px 16px;display:flex}.app-frame .dashboard-usage .usage-strip-blocked .usage-actions{background:var(--paper)}.app-frame .dashboard-usage .usage-actions-icon{width:32px;height:32px;color:var(--warning);background:color-mix(in srgb, var(--warning) 10%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.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{flex:1;gap:1px;min-width:0;margin:0;display:grid}.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{flex:none;align-items:center;gap:16px;font-size:13px;display:flex}.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)}@media (max-width:900px){.app-frame>.page-shell :is(.page-intro,.compact-intro,.dashboard-intro){align-items:stretch}}.app-frame .agent-result-tags{align-items:center;gap:6px;display:inline-flex}.app-frame .dashboard-run-composer .run-permission,.app-frame .dashboard-run-composer .run-option-field :is(input,select){background:var(--paper)}.app-frame .dashboard-run-composer .run-url-field[hidden]{display:none}