:root{--paper: #f7f5f0;--paper-2: #efece4;--paper-3: #e6e2d6;--card: #ffffff;--ink: #15140f;--ink-2: #3a382f;--ink-3: #6e6a5c;--ink-4: #a8a497;--rule: #d9d4c3;--rule-2: #c7c1ac;--tape: #ece8d8;--spec-h: 250;--aws-h: 50;--sys-h: 190;--gdpr-h: 290;--ctd-h: 150;--str-h: 25;--notes-h: 75;--spec: oklch(.55 .13 var(--spec-h));--spec-tint: oklch(.94 .04 var(--spec-h));--spec-deep: oklch(.36 .1 var(--spec-h));--aws: oklch(.62 .13 var(--aws-h));--aws-tint: oklch(.94 .05 var(--aws-h));--aws-deep: oklch(.4 .09 var(--aws-h));--sys: oklch(.58 .1 var(--sys-h));--sys-tint: oklch(.94 .04 var(--sys-h));--sys-deep: oklch(.38 .08 var(--sys-h));--gdpr: oklch(.55 .13 var(--gdpr-h));--gdpr-tint: oklch(.94 .04 var(--gdpr-h));--gdpr-deep: oklch(.36 .1 var(--gdpr-h));--ctd: oklch(.55 .12 var(--ctd-h));--ctd-tint: oklch(.94 .05 var(--ctd-h));--ctd-deep: oklch(.36 .09 var(--ctd-h));--str: oklch(.58 .15 var(--str-h));--str-tint: oklch(.94 .05 var(--str-h));--str-deep: oklch(.4 .12 var(--str-h));--notes: oklch(.6 .11 var(--notes-h));--notes-tint: oklch(.94 .05 var(--notes-h));--notes-deep: oklch(.38 .09 var(--notes-h));--ok: oklch(.58 .13 150);--warn: oklch(.65 .13 75);--err: oklch(.55 .18 28);--live: oklch(.62 .18 25);--sans: "Geist", ui-sans-serif, system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace;--serif: "Instrument Serif", "Times New Roman", serif;--r-1: 4px;--r-2: 6px;--r-3: 10px;--r-4: 14px;--sh-1: 0 1px 0 rgba(20,18,12,.04), 0 1px 2px rgba(20,18,12,.05);--sh-2: 0 1px 0 rgba(20,18,12,.06), 0 6px 16px -8px rgba(20,18,12,.18);--type-display: 600 56px/1.05 var(--serif);--type-h1: 600 32px/1.15 var(--sans);--type-h2: 600 22px/1.25 var(--sans);--type-body: 400 16px/1.55 var(--sans);--type-body-sm: 400 14px/1.5 var(--sans);--type-eyebrow: 500 11px/1.2 var(--mono);--type-mono: 400 13px/1.5 var(--mono);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--paper-sunk: var(--paper-2);--paper-raised: var(--card);--ink-soft: var(--ink-2);--muted: var(--ink-3);--font-sans: var(--sans);--font-mono: var(--mono);--font-serif: var(--serif);--radius-sm: var(--r-1);--radius-md: var(--r-2);--radius-lg: var(--r-3);--radius-pill: 999px}html,body,#root{height:100%}html{background:var(--paper)}@supports (height: 100dvh){.recspec-signin{min-height:100dvh!important}}body{margin:0;font-family:var(--sans);font-size:14px;line-height:1.45;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit}.mono{font-family:var(--mono);font-feature-settings:"ss01","cv11"}.serif{font-family:var(--serif)}.dim{color:var(--ink-3)}.dimmer{color:var(--ink-4)}.kbd{font-family:var(--mono);font-size:11px;padding:1px 5px;border:1px solid var(--rule);background:var(--card);border-radius:var(--r-1);color:var(--ink-3)}.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border:1px solid var(--rule);border-radius:999px;color:var(--ink-2);background:var(--card);white-space:nowrap}.tag .dot{width:6px;height:6px;border-radius:50%;background:var(--ink-4)}.hr{height:1px;background:var(--rule);border:0}.vr{width:1px;align-self:stretch;background:var(--rule)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--rule);border-radius:999px;border:2px solid var(--paper)}::-webkit-scrollbar-thumb:hover{background:var(--rule-2)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--r-2);border:1px solid var(--rule);background:var(--card);color:var(--ink);cursor:pointer;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,transform .08s;white-space:nowrap}.btn:hover{background:var(--paper-2);border-color:var(--rule-2)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.primary:hover{background:#2a2820}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--paper-2)}.btn.sm{padding:4px 8px;font-size:12px}.btn.icon{padding:6px}.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-3);box-shadow:var(--sh-1)}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)} :root{--bg: #0b1020;--panel: #111a33;--fg: #e7ecf6;--muted: #8b95b3;--accent: #5b8def;--accent-2: #a78bfa;--ok: #34d399;--warn: #fbbf24;--err: #f87171;--radius: 10px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);min-height:100vh}.app{max-width:720px;margin:0 auto}h1{font-size:28px;font-weight:600;margin:0 0 8px;letter-spacing:-.01em}.muted{color:var(--muted)}.card{background:var(--panel);border:1px solid #1a2547;border-radius:var(--radius);padding:24px;margin-top:16px}button.primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:10px 18px;font-size:15px;font-weight:500;cursor:pointer}button.primary:hover{filter:brightness(1.1)}button.primary:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--fg);border:1px solid #2a3565;border-radius:var(--radius);padding:8px 14px;font-size:14px;cursor:pointer}button.secondary:hover{background:#1a2547}.dropzone{border:2px dashed #2a3565;border-radius:var(--radius);padding:48px 16px;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:#5b8def0d}.progress{margin-top:12px;background:#0b1230;border-radius:6px;height:8px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s linear}.stage-list{list-style:none;padding:0;margin:0}.stage-list li{padding:10px 0;display:flex;align-items:center;gap:12px;border-bottom:1px solid #1a2547}.stage-list li:last-child{border-bottom:none}.stage-icon{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.stage-icon.pending{background:#1a2547;color:var(--muted)}.stage-icon.active{background:var(--accent);color:#fff;animation:pulse 1.5s ease-in-out infinite}.stage-icon.done{background:var(--ok);color:#fff}.stage-icon.failed{background:var(--err);color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.error{background:#f871711a;border:1px solid var(--err);color:var(--err);padding:12px 16px;border-radius:var(--radius);margin-top:12px}.row{display:flex;gap:12px;align-items:center;justify-content:space-between}.tab-bar{display:flex;gap:4px;border-bottom:1px solid #1a2547;margin:16px -24px 0;padding:0 12px;overflow-x:auto}.tab{background:transparent;color:var(--muted);border:none;padding:10px 14px;font-size:14px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tab:hover:not(:disabled){color:var(--fg)}.tab.tab-active{color:var(--fg);border-bottom-color:var(--accent)}.tab:disabled{opacity:.4;cursor:not-allowed}.tab-body{padding-top:20px;min-height:200px}.app{max-width:960px}.overview-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.meta-cell{background:#0b1230;padding:10px 12px;border-radius:8px}.badge{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:999px;margin-left:8px;vertical-align:middle}.badge-ok{background:#34d39926;color:var(--ok)}.badge-err{background:#f8717126;color:var(--err)}.badge-active{background:#5b8def26;color:var(--accent)}.badge-muted{background:#1a2547;color:var(--muted)}.job-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.job-row{background:var(--panel);border:1px solid #1a2547;border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:border-color .15s}.job-row:hover{border-color:var(--accent)}.job-row-id{display:flex;align-items:center;flex-wrap:wrap}.job-row-meta{margin-top:6px;font-size:13px}.filter-input{width:100%;background:#0b1230;color:var(--fg);border:1px solid #1a2547;border-radius:8px;padding:8px 12px;font-size:14px;margin-bottom:12px}.filter-input:focus{outline:none;border-color:var(--accent)}.transcript-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.transcript-list li{padding:8px 0;border-bottom:1px solid #1a2547}.transcript-list li:last-child{border-bottom:none}.frames-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.frame-cell{background:#0b1230;border:1px solid #1a2547;border-radius:8px;padding:0;cursor:pointer;overflow:hidden;text-align:left;color:var(--fg)}.frame-cell:hover{border-color:var(--accent)}.frame-cell img{display:block;width:100%;height:auto;background:#000}.frame-cell-label{font-size:12px;padding:6px 10px}.annotation-detail{margin-top:16px;background:#0b1230;padding:12px 16px;border-radius:8px;white-space:pre-wrap;word-break:break-word;font-size:13px;max-height:300px;overflow:auto}.timeline-list{list-style:none;padding:0;margin:0}.timeline-row{padding:8px 0;display:flex;align-items:baseline;gap:10px;border-bottom:1px solid #1a2547}.timeline-ts{flex-shrink:0}.timeline-kind{font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:1px 8px;border-radius:999px;background:#1a2547;color:var(--muted);flex-shrink:0}.timeline-kind.transcript{background:#5b8def26;color:var(--accent)}.timeline-kind.frame{background:#a78bfa26;color:var(--accent-2)}.timeline-text{flex:1}.spec-section{margin-bottom:32px}.markdown-body{background:#0b1230;padding:16px 20px;border-radius:8px;font-size:14px;line-height:1.6;overflow-x:auto}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:16px}.markdown-body code{background:#1a2547;padding:1px 6px;border-radius:4px}.markdown-body pre{background:#1a2547;padding:12px;border-radius:6px;overflow-x:auto}.markdown-body pre code{background:transparent;padding:0}.markdown-fallback{background:#0b1230;padding:16px;border-radius:8px;font-size:13px;white-space:pre-wrap;word-break:break-word;max-height:600px;overflow:auto}.flow-svg{background:#0b1230;padding:16px;border-radius:8px;text-align:center;overflow-x:auto}.flow-svg svg{max-width:100%;height:auto}.flow-source{background:#0b1230;padding:12px;border-radius:8px;font-size:13px;white-space:pre-wrap;overflow-x:auto}.expired-state{background:#0b1230;border:1px dashed #2a3565;padding:16px 20px;border-radius:8px;color:var(--fg)}.expired-state p{margin:4px 0}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}.action-card{background:var(--panel);border:1px solid #1a2547;border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s}.action-card:hover{border-color:#2a3565}.action-card .icon{font-size:28px;line-height:1}.action-card h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}.action-card p{margin:0;flex:1;color:var(--muted);font-size:14px;line-height:1.5}.action-card button.primary{width:100%;margin-top:auto}.recspec-mobile-trigger,.recspec-sidebar-close,.recspec-nav-scrim{display:none}@media (max-width: 720px){.recspec-shell{grid-template-columns:1fr!important}.recspec-shell>aside.recspec-sidebar{position:fixed;top:0;left:0;bottom:0;width:272px;max-width:84vw;transform:translate(-100%);transition:transform .22s cubic-bezier(.4,0,.2,1);z-index:200;box-shadow:6px 0 24px #0000001f;border-right:1px solid var(--rule);padding:18px 14px!important}.recspec-shell.nav-open>aside.recspec-sidebar{transform:translate(0)}.recspec-shell>aside.recspec-sidebar .recspec-sidebar-toggle{display:none!important}.recspec-sidebar-close{display:inline-flex!important}.recspec-nav-scrim{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;background:#14141459;z-index:150}.recspec-mobile-trigger{display:inline-flex!important;position:absolute;top:14px;left:14px;z-index:50;padding:6px 9px!important}.recspec-shell main header{padding-left:60px!important}.recspec-topbar{padding-left:60px!important}.recspec-shell h1{font-size:22px!important;line-height:1.15!important}.recspec-shell h2{font-size:20px!important}.recspec-shell main header{padding-top:14px!important;padding-right:16px!important;padding-bottom:14px!important}.recspec-2col,.recspec-3col{grid-template-columns:1fr!important}.recspec-meeting-row{grid-template-columns:1fr!important;gap:12px!important;padding:14px!important}.recspec-meeting-row>:nth-child(1){order:1}.recspec-meeting-row>:nth-child(2){order:2;white-space:normal!important}.recspec-meeting-row>:nth-child(2)>div:first-child{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.3!important}.recspec-meeting-row>:nth-child(3){order:3;justify-content:flex-start!important;flex-wrap:wrap;gap:14px!important}.recspec-meeting-row>:nth-child(4){order:4;justify-content:flex-start!important}.recspec-signin{grid-template-columns:1fr!important;grid-template-rows:auto 1fr}.recspec-signin>aside{padding:max(28px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 28px max(20px,env(safe-area-inset-left))!important;border-right:0!important;border-bottom:1px solid var(--rule)}.recspec-signin>aside h1{font-size:26px!important}.recspec-signin>section{padding:28px max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))!important}.recspec-settings-body{grid-template-columns:1fr!important}.recspec-settings-nav{border-right:0!important;border-bottom:1px solid var(--rule);padding:8px!important;display:flex!important;flex-direction:row!important;overflow-x:auto;gap:4px}.recspec-settings-nav button{flex-shrink:0}.recspec-settings-row{flex-direction:column!important;align-items:stretch!important;gap:4px!important}.recspec-settings-row>div:first-child{width:auto!important;font-size:11px!important;color:var(--ink-3)!important;text-transform:uppercase;letter-spacing:.06em}.recspec-meeting-body{overflow:auto!important}.recspec-desks,.recspec-frames-body{grid-template-columns:1fr!important}.recspec-frames-body>aside{border-left:0!important;border-top:1px solid var(--rule)!important;max-height:60vh}.recspec-transcript-body{grid-template-columns:1fr!important}.recspec-transcript-body>aside{border-right:0!important;border-bottom:1px solid var(--rule);max-height:180px}.recspec-topbar{padding:10px 16px!important;flex-wrap:wrap!important}.recspec-topbar .btn{padding:5px 8px!important;font-size:11.5px!important}.recspec-frames-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.recspec-bundle-body{grid-template-columns:1fr!important}.recspec-bundle-tree{max-height:220px;border-right:0!important;border-bottom:1px solid var(--rule)}.recspec-picker{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;overflow:auto!important}.recspec-picker>div:first-child{border-right:0!important;border-bottom:1px solid var(--rule)}.recspec-picker>aside{width:100%!important;position:static!important;max-height:none!important;padding:20px 16px!important}.recspec-picker section{padding:18px 16px!important}.recspec-roster-grid{grid-template-columns:1fr!important}.recspec-transcript-filter{flex-wrap:wrap!important}.recspec-ds-grid{grid-template-columns:1fr!important}}@media (min-width: 721px) and (max-width: 1024px){.recspec-shell{grid-template-columns:208px 1fr!important}.recspec-shell>aside{padding:14px 10px!important}.recspec-shell>aside nav button>div:first-of-type>div:last-child{display:none}.recspec-desks{grid-template-columns:1fr!important}.recspec-frames-grid{grid-template-columns:1fr 1fr 1fr!important}.recspec-signin>aside{padding:36px 32px!important}.recspec-signin>section{padding:36px 32px!important}.recspec-bundle-body{grid-template-columns:240px 1fr!important}.recspec-settings-body{grid-template-columns:160px 1fr!important}.recspec-picker{grid-template-columns:1fr 300px!important}}