:root{--bg: #f5f7fc;--bg-tint: #eef2fb;--surface: #ffffff;--surface-soft: #f6f8fc;--surface-strong: #e8edf6;--text: #0b1220;--text-soft: #3f4a63;--muted: #6b7891;--border: #e6ebf3;--border-soft: #eef1f8;--border-strong: #cdd5e3;--accent: #2a4ed1;--accent-strong: #1c3aa8;--accent-soft: #e6ecff;--accent-tint: #f3f6ff;--accent-deep: #1230a8;--success: #0d7a55;--success-soft: #e3f6ec;--warning: #a25b08;--warning-soft: #fff3df;--danger: #b1303a;--danger-soft: #fde7ea;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 6px -2px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-soft: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 22px -12px rgba(15, 23, 42, .18);--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 24px 56px -28px rgba(15, 23, 42, .32);--shadow-lg: 0 1px 2px rgba(15, 23, 42, .04), 0 40px 90px -32px rgba(15, 23, 42, .4);--shadow-ring: 0 0 0 1px rgba(42, 78, 209, .18);--focus-ring: 0 0 0 3px rgba(42, 78, 209, .22);--radius-lg: 22px;--radius: 16px;--radius-sm: 12px;--radius-xs: 8px;--ease: cubic-bezier(.2, .7, .2, 1);color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"ss01","ss02","cv11","tnum";font-variant-ligatures:common-ligatures contextual;text-rendering:optimizeLegibility}@supports (font-variation-settings: normal){:root{font-family:Inter var,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1100px 440px at 8% -160px,rgba(42,78,209,.09),transparent 65%),radial-gradient(820px 380px at 96% -180px,rgba(155,178,255,.16),transparent 70%),radial-gradient(1200px 700px at 50% 120%,rgba(212,222,246,.4),transparent 72%),var(--bg);color:var(--text);font-size:15px;line-height:1.6;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#2a4ed12e;color:var(--text)}*{scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.18) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#0f172a29;border:2px solid transparent;background-clip:padding-box;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#0f172a47;background-clip:padding-box;border:2px solid transparent}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.workspace-shell{min-height:100vh}.top-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px;padding:14px clamp(18px,4vw,48px);background:#ffffffc7;border-bottom:1px solid rgba(15,23,42,.06);box-shadow:0 1px #0f172a05,0 12px 32px -28px #0f172a2e;backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px)}.brand-button{display:inline-flex;align-items:center;gap:16px;min-width:0;max-width:100%;padding:3px 8px 3px 3px;border:0;border-radius:18px;background:transparent;color:var(--text);text-align:left;transition:background .16s var(--ease),transform .16s var(--ease)}.brand-button:hover{background:#0f172a08}.brand-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.brand-logo-shell{display:inline-flex;align-items:center;justify-content:center;width:clamp(166px,14vw,218px);height:66px;flex:0 0 auto;border-radius:16px;background:linear-gradient(180deg,#fff,#fafbff);border:1px solid rgba(15,23,42,.08);box-shadow:inset 0 1px #ffffffe6,0 10px 26px -20px #0f172a66,0 1px 2px #0f172a0a}.brand-logo{display:block;width:92%;height:auto;max-height:50px;object-fit:contain;image-rendering:auto}.brand-copy{display:grid;min-width:0;gap:2px}.portal-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#e7edff,#fff);border:1px solid rgba(41,82,214,.18);color:var(--accent);font-weight:800;font-size:15px;letter-spacing:.01em;box-shadow:0 6px 14px -10px #2952d699}.brand-button strong{display:block;max-width:100%;font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.18;overflow-wrap:anywhere}.brand-button small{display:block;max-width:100%;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.005em;line-height:1.3;overflow-wrap:anywhere}.nav-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:0}.nav-tabs button{border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text-soft);padding:9px 16px;font-size:13px;font-weight:600;letter-spacing:-.005em;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease)}.nav-tabs button:hover{background:#2a4ed10f;color:var(--accent)}.nav-tabs button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nav-tabs button.active{background:var(--surface);border-color:#2a4ed138;color:var(--accent);box-shadow:inset 0 1px #ffffffe6,0 1px 2px #0f172a0a,0 8px 18px -10px #2a4ed173}.nav-cluster{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}.account-strip{display:inline-flex;align-items:center;gap:10px;max-width:280px;padding:6px 8px 6px 14px;border:1px solid rgba(15,23,42,.08);border-radius:999px;background:#ffffffc7;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.005em;box-shadow:inset 0 1px #ffffffd9,0 1px 2px #0f172a0a,0 10px 22px -18px #0f172a73;transition:border-color .16s var(--ease),background .16s var(--ease)}.account-strip:hover{border-color:#0f172a24;background:#fff}.account-strip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-strip button{flex:0 0 auto;border:1px solid rgba(42,78,209,.16);border-radius:999px;padding:6px 12px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.005em;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease)}.account-strip button:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 18px -10px #2a4ed18c}.account-strip button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.workspace-main{padding:38px clamp(18px,4vw,52px) 64px}.auth-page{position:relative;display:grid;min-height:100vh;place-items:center;padding:clamp(20px,4vw,44px);overflow-x:hidden;background:linear-gradient(135deg,#ecf1fff5,#ffffffe6 46%,#f3f7f4eb),var(--bg)}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(42,78,209,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(42,78,209,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.82),transparent 86%);mask-image:linear-gradient(180deg,rgba(0,0,0,.82),transparent 86%)}.login-panel{position:relative;z-index:1;width:min(460px,100%);padding:clamp(28px,5vw,42px);border:1px solid rgba(15,23,42,.08);border-radius:28px;background:linear-gradient(180deg,#fffffff5,#f9fbfffa);box-shadow:0 1px 2px #0f172a0a,0 30px 82px -42px #0f172a61;overflow:hidden;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.login-panel:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(42,78,209,.45),transparent)}.auth-logo{display:flex;width:min(220px,68vw);height:66px;margin:0 auto 24px}.auth-logo .brand-logo{transform:none}.login-panel h1{margin:0;color:var(--text);font-size:clamp(28px,4.8vw,36px);line-height:1.05;letter-spacing:0;font-weight:760;text-align:center}.login-panel p{color:var(--text-soft);font-size:14.5px;line-height:1.65}.login-panel-heading{display:grid;justify-items:center;gap:11px;margin-bottom:26px;text-align:center}.login-panel-heading h2{margin:0;color:var(--text);font-size:clamp(30px,3vw,40px);line-height:1;letter-spacing:0;font-weight:760}.login-panel-heading p{max-width:340px;margin:0;color:var(--text-soft);text-align:center}.login-status-pill{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:7px 11px;border:1px solid rgba(42,78,209,.16);border-radius:999px;background:var(--accent-tint);color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.login-status-pill span{width:7px;height:7px;border-radius:50%;background:#21a67a;box-shadow:0 0 0 4px #21a67a24}.login-form{display:grid;gap:18px;margin-top:0}.login-field span:first-child{color:var(--text)}.login-field input{min-height:48px;border-radius:15px;border-color:#0f172a1c;background:#ffffffeb;font-size:14.5px;box-shadow:inset 0 1px 2px #0f172a08,0 1px #ffffffe6}.password-input-shell{position:relative;display:block}.password-input-shell input{padding-right:78px}.password-input-shell button{position:absolute;top:50%;right:8px;transform:translateY(-50%);border:1px solid rgba(42,78,209,.12);border-radius:999px;padding:6px 10px;background:#2a4ed112;color:var(--accent);font-size:11.5px;font-weight:800;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease)}.password-input-shell button:hover{border-color:#2a4ed138;background:var(--accent-tint);color:var(--accent-strong)}.password-input-shell button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.login-submit-button{min-height:50px;margin-top:2px;font-size:14px;font-weight:800;letter-spacing:0}.login-panel .sync-banner{width:100%;margin:0 0 20px}.form-error{margin:0;color:var(--danger);font-size:13px;font-weight:700}.form-helper{margin:8px 0 0;color:var(--muted);font-size:13px;font-weight:650}.sync-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(1480px,100%);margin:0 auto 18px;padding:12px 16px;border:1px solid rgba(42,78,209,.2);border-radius:14px;background:radial-gradient(420px 140px at 0% 0%,rgba(42,78,209,.1),transparent 70%),var(--accent-tint);color:var(--accent);font-size:13px;font-weight:600;letter-spacing:-.005em;box-shadow:var(--shadow-xs)}.sync-banner.error{border-color:#b3303b38;background:radial-gradient(420px 140px at 0% 0%,rgba(179,48,59,.1),transparent 70%),var(--danger-soft);color:var(--danger)}.sync-banner div{display:flex;gap:8px}.sync-banner button{border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:6px 12px;background:#ffffffd9;color:inherit;font-size:12px;font-weight:700;letter-spacing:.005em;transition:background .16s var(--ease),border-color .16s var(--ease)}.sync-banner button:hover{background:#fff;border-color:currentColor}.field-status{color:var(--muted);font-size:12px;font-weight:700}.field-status.saved{color:var(--success)}.field-status.error{color:var(--danger)}.page{width:min(1480px,100%);margin:0 auto}.hero,.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:32px}.hero{align-items:stretch;padding:38px;border:1px solid rgba(15,23,42,.06);border-radius:var(--radius-lg);background:radial-gradient(700px 280px at 100% 0%,rgba(42,78,209,.07),transparent 70%),radial-gradient(420px 220px at 0% 100%,rgba(155,178,255,.12),transparent 70%),linear-gradient(180deg,#fff,#fbfcff);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(42,78,209,.32),transparent)}.hero h1,.page-heading h1{max-width:840px;margin:0;font-size:clamp(30px,3.6vw,46px);line-height:1.04;letter-spacing:-.028em;font-weight:700;background:linear-gradient(180deg,var(--text) 30%,#1d2740 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-heading h1{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.024em}.hero p,.page-heading p{font-size:15px;line-height:1.7}.hero p,.page-heading p,.portal-card p,.scenario-card p,.state-card p,.detail-section p,.handoff-card p,.review-item p{color:var(--text-soft)}.hero-panel,.summary-strip{min-width:280px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:end}.summary-strip{grid-template-columns:repeat(5,minmax(110px,1fr))}.eyebrow{margin:0 0 12px;display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.eyebrow:before{content:"";width:16px;height:1.5px;background:currentColor;border-radius:999px;opacity:.7}.portal-grid,.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portal-section{margin-top:40px}.section-heading{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading h2{margin:0 0 8px;font-size:24px;letter-spacing:-.02em;font-weight:700;color:var(--text)}.section-heading p{max-width:780px;margin:0;color:var(--text-soft);font-size:14px;line-height:1.7}.portal-grid.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.portal-card,.scenario-card,.state-card,.handoff-card,.data-panel,.empty-block{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.portal-card,.scenario-card,.state-card{width:100%;text-align:left;transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease)}.portal-card:hover,.scenario-card:hover,.state-card:hover{transform:translateY(-3px);border-color:#2a4ed14d;box-shadow:var(--shadow)}.portal-card:focus-visible,.scenario-card:focus-visible,.state-card:focus-visible,.state-card-open:focus-visible{outline:none;box-shadow:var(--shadow-ring),var(--shadow)}.portal-card{min-height:360px;padding:24px;overflow:hidden;display:flex;flex-direction:column;gap:4px}.portal-accent{position:absolute;inset:0 0 auto 0;height:4px;border-radius:var(--radius) var(--radius) 0 0}.portal-card-featured{min-height:420px;padding:28px;border-color:#2952d629;background:radial-gradient(640px 260px at 100% -10%,rgba(41,82,214,.08),transparent 65%),linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 1px #0f172a0a,0 22px 50px -28px #2952d666}.portal-card-featured .portal-accent{height:6px}.portal-card-featured:hover{transform:translateY(-4px);border-color:#2952d666;box-shadow:0 1px #0f172a0a,0 30px 60px -28px #2952d680}.portal-card-featured .portal-icon{width:52px;height:52px;border-radius:14px;font-size:20px;background:color-mix(in srgb,var(--portal-color, var(--accent)) 12%,white);border:1px solid color-mix(in srgb,var(--portal-color, var(--accent)) 26%,white);color:var(--portal-color, var(--accent));box-shadow:0 8px 20px -12px color-mix(in srgb,var(--portal-color, var(--accent)) 60%,transparent)}.portal-card-featured h2{font-size:24px;letter-spacing:-.02em;margin-top:18px}.portal-card-featured-badge{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--portal-color, var(--accent)) 12%,white);border:1px solid color-mix(in srgb,var(--portal-color, var(--accent)) 28%,white);color:var(--portal-color, var(--accent));font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.portal-card-featured-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 22%,transparent)}.portal-card-featured .metric-grid{margin-top:22px}.portal-card-featured .metric{background:linear-gradient(180deg,#fff,#f6f8fc);border-color:#0f172a12}.portal-card-featured .metric strong{font-size:24px;letter-spacing:-.018em}.portal-card-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid rgba(42,78,209,.12);border-radius:999px;background:#2a4ed112;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:-.005em;transition:gap .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.portal-card:hover .portal-card-cta,.scenario-card:hover .portal-card-cta{gap:9px;background:#fff;border-color:#2a4ed138;box-shadow:0 8px 18px -14px #2a4ed18c}.portal-card-header,.scenario-topline,.state-header,.handoff-card-header,.card-footer,.state-meta-row,.action-row,.export-actions,.form-actions,.handoff-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.portal-card-header,.state-header,.handoff-card-header,.card-footer{justify-content:space-between}.portal-card .card-footer{justify-content:flex-end;margin-top:auto}.portal-count,.state-source,.quiet-note,.empty-text,.handoff-meta,.card-footer,.scenario-topline{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.005em}.portal-card h2,.scenario-card h2,.state-card h2,.handoff-card h2,.data-panel h2{margin:16px 0 8px;font-size:20px;line-height:1.2;letter-spacing:-.018em;font-weight:700}.portal-card p,.scenario-card p{font-size:14px;line-height:1.6}.scenario-card{min-height:260px;padding:22px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.metric-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-width:0;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(180deg,#ffffff,var(--surface-soft));box-shadow:var(--shadow-xs);transition:border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}.portal-card:hover .metric,.scenario-card:hover .metric{border-color:#2952d629}.metric span{display:block;color:var(--muted);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;margin-top:6px;font-size:22px;line-height:1.05;letter-spacing:-.018em;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.hero-panel .metric strong{font-size:24px}.breadcrumb{position:sticky;top:104px;z-index:8;display:inline-flex;gap:0;align-items:center;flex-wrap:wrap;max-width:100%;margin-bottom:26px;padding:7px;border:1px solid rgba(42,78,209,.16);border-radius:999px;background:#ffffffe6;box-shadow:inset 0 1px #ffffffe0,0 1px 2px #0f172a0a,0 14px 32px -24px #2a4ed18c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.005em}.breadcrumb-item{display:inline-flex;align-items:center;min-width:0}.breadcrumb button{max-width:min(420px,70vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid transparent;background:transparent;color:var(--accent);font-weight:750;padding:8px 12px;border-radius:999px;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),box-shadow .16s var(--ease)}.breadcrumb button:hover{background:var(--accent-tint);border-color:#2952d629;color:var(--accent-strong);box-shadow:0 6px 14px -12px #2952d680}.breadcrumb button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.breadcrumb strong{display:inline-block;max-width:min(560px,74vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 13px;border-radius:999px;background:linear-gradient(180deg,#3a5fe0,var(--accent-strong));box-shadow:inset 0 1px #ffffff3d,0 8px 18px -12px #2952d69e;color:#fff;font-weight:800}.breadcrumb .is-link button{color:var(--text-soft)}.breadcrumb .is-link button:hover{color:var(--text)}.slash{display:inline-flex;align-items:center;padding:0 2px;color:var(--border-strong);font-weight:800}.status-pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;border-radius:999px;border:1px solid rgba(41,82,214,.22);background:var(--accent-tint);color:var(--accent-strong);padding:5px 12px;font-size:12px;font-weight:700;letter-spacing:.005em;white-space:nowrap}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 16%,transparent)}.timeline-list,.flow-step{display:grid;gap:0}.state-card{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(260px,360px);gap:20px;padding:20px;align-items:stretch}.state-card-open{display:contents;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.state-card.proposed{background:linear-gradient(180deg,#fffaf0,#fffefb);border-color:#f0d8a4}.state-card.screenshot-missing{border-color:#efc785}.state-card.screenshot-needs-update{border-color:#e3a866}.state-card.screenshot-needs-data,.state-card.screenshot-partial{border-color:#cbbef1}.state-order{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;font-weight:800;font-size:15px;letter-spacing:-.01em;box-shadow:0 0 0 4px #2952d614,0 8px 18px -8px #2952d680;font-variant-numeric:tabular-nums}.state-card.proposed .state-order{background:linear-gradient(135deg,#b97e15,#8a5a04);box-shadow:0 0 0 4px #b97e151a,0 8px 18px -8px #b97e1573}.state-body p{margin:8px 0 14px;color:var(--text-soft);font-size:14.5px;line-height:1.6}.state-body h2{font-size:19px!important;letter-spacing:-.016em}.state-card-related-actions{grid-column:2 / -1;display:grid;gap:12px;direction:ltr;text-align:left;border:1px solid rgba(6,75,102,.16);border-radius:var(--radius-sm);background:linear-gradient(135deg,#064b6609,#cde42813);padding:14px}.state-card-related-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.state-card-related-heading strong{font-size:14px}.state-card-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.state-card-related-item{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:12px;align-items:center;border:1px solid var(--border);border-radius:14px;background:#ffffffdb;padding:12px}.state-card-related-copy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:flex-start}.state-card-related-copy h4{margin:2px 0 5px;font-size:15px;line-height:1.25}.state-card-related-copy p:not(.eyebrow){margin:0;color:var(--text-soft);font-size:13px;line-height:1.55}.state-card-related-thumb{width:132px;height:82px;border:1px solid var(--border);border-radius:10px;object-fit:cover;background:#eef2f8}.state-card-related-item .secondary-button{grid-column:1 / -1;justify-self:start}.state-card-related-more{justify-self:start}.state-pills{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.route-list{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}code{border:1px solid var(--border);border-radius:6px;background:var(--surface-soft);color:var(--text-soft);padding:3px 8px;font-size:12px;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:0}.state-meta-row{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border);color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.005em}.state-meta-row>span{display:inline-flex;align-items:center;gap:5px}.flow-kind,.screenshot-status,.language-shot{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;letter-spacing:.005em;white-space:nowrap}.flow-kind{background:#edf3ff;color:#315bdc}.flow-kind.approval{background:#fff6dd;color:#9b6410}.flow-kind.success{background:#e5f7ef;color:var(--success)}.flow-kind.failure{background:#fdecee;color:var(--danger)}.flow-kind.waiting{background:#f3efff;color:#6b49c8}.screenshot-status{background:#fff6dd;color:#9b6410}.screenshot-status.added{background:#e5f7ef;color:var(--success)}.screenshot-status.needs-update{background:#fff0e1;color:#ab5d13}.screenshot-status.partial{background:#eaf2ff;color:#315bdc}.screenshot-status.needs-data{background:#f3efff;color:#6b49c8}.language-shot{background:#fff6dd;color:#9b6410}.language-shot.added{background:#e5f7ef;color:var(--success)}.flow-connector,.flow-end{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;min-height:66px;padding:8px 18px}.flow-end{min-height:44px;color:var(--muted);font-size:12px;font-weight:800}.flow-end span{grid-column:2;align-self:center}.flow-line{justify-self:center;width:2px;min-height:48px;background:linear-gradient(180deg,#2952d666,#2952d600);border-radius:999px}.flow-arrow{position:absolute;left:40px;top:22px;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(41,82,214,.22);border-radius:50%;background:var(--surface);color:var(--accent);font-weight:800;box-shadow:0 4px 10px -4px #2952d666}.flow-labels{align-self:center;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.flow-label{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-soft);padding:5px 10px;font-size:12px;font-weight:600;letter-spacing:.005em;box-shadow:0 1px 2px #0f172a0a}.flow-label.approval{border-color:#f0d08d;background:#fff7df;color:#9b6410}.flow-label.unlock{border-color:#bad3ff;background:#edf3ff;color:var(--accent)}.flow-label.muted{color:var(--muted)}.branch-list{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.branch-pill{display:grid;gap:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:10px 12px;color:var(--text-soft)}.branch-pill span{font-size:12px;font-weight:900}.branch-pill strong{color:var(--text);font-size:13px}.branch-pill.success{border-color:#b9e8d2;background:#ecfbf4}.branch-pill.failure{border-color:#f2c4ca;background:#fff1f2}.branch-pill.waiting{border-color:#d8cdf8;background:#f6f2ff}.branch-pill.approval{border-color:#f0d08d;background:#fff7df}.screenshot-gallery{display:grid;gap:14px}.screenshot-card-summary{position:relative;min-height:170px;border:1px solid var(--border-strong);border-radius:12px;background:linear-gradient(135deg,#f8fafc,#e9eef7);overflow:hidden}.screenshot-card-summary img{width:100%;height:100%;min-height:170px;object-fit:cover;display:block}.screenshot-card-empty{min-height:170px;display:grid;place-items:center;padding:18px;color:var(--warning);font-size:12px;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.08em}.screenshot-summary-overlay{position:absolute;inset:auto 10px 10px 10px;display:flex;justify-content:space-between;gap:8px;border-radius:10px;background:#fffffff0;padding:8px 10px;color:var(--text);font-size:12px;font-weight:900;box-shadow:0 8px 20px #19253d29}.screenshot-summary-overlay span{color:var(--text-soft)}.gallery-toolbar,.gallery-actions,.viewer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.gallery-toolbar{justify-content:space-between}.language-toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);padding:4px;gap:2px}.language-toggle button{border:0;border-radius:999px;background:transparent;color:var(--text-soft);padding:7px 14px;font-size:12px;font-weight:700;letter-spacing:.02em;transition:background .14s ease,color .14s ease,box-shadow .14s ease}.language-toggle button:hover:not(.active){color:var(--text)}.language-toggle button.active{background:var(--surface);color:var(--accent);box-shadow:0 3px 10px #0f172a14}.gallery-stage{display:grid;grid-template-columns:92px minmax(0,1fr) 92px;gap:12px;align-items:stretch}.gallery-nav-button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-soft);font-size:12px;font-weight:700;letter-spacing:.005em;transition:background .14s ease,color .14s ease,border-color .14s ease}.gallery-nav-button:hover:not(:disabled){background:var(--accent-tint);border-color:#2952d638;color:var(--accent)}.gallery-preview{min-height:420px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#f1f4fa,#e6ebf3);overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}button.gallery-preview:hover{border-color:#2952d652;box-shadow:var(--shadow)}button.gallery-preview{position:relative;padding:0}.gallery-preview img{width:100%;height:100%;min-height:420px;object-fit:contain;display:block;background:#eef2f8}.gallery-preview>span{position:absolute;inset:auto 14px 14px auto;border-radius:999px;background:#fffffff0;color:var(--accent);padding:7px 10px;font-size:12px;font-weight:900;box-shadow:0 4px 14px #19253d29}.gallery-preview.placeholder{display:grid;place-items:center;align-content:center;gap:8px;padding:28px;text-align:center;color:var(--text-soft)}.gallery-preview.placeholder span{color:var(--warning);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.gallery-preview.placeholder strong{font-size:20px;color:var(--text)}.gallery-preview.placeholder p{max-width:420px;margin:0;color:var(--muted)}.gallery-meta{display:grid;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--surface),var(--surface-soft));padding:16px 18px}.gallery-meta h3{margin:4px 0;font-size:18px;letter-spacing:-.014em;font-weight:700}.gallery-meta p,.screenshot-note-text{margin:0}.thumbnail-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.thumbnail-strip button{position:relative;width:128px;height:82px;flex:0 0 auto;border:2px solid transparent;border-radius:10px;background:var(--surface-soft);color:var(--text-soft);padding:0;overflow:hidden;font-size:12px;font-weight:700;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.thumbnail-strip button:hover{border-color:#2952d666;transform:translateY(-1px)}.thumbnail-strip button.active{border-color:var(--accent);box-shadow:0 6px 14px -8px #2952d680}.thumbnail-strip img{width:100%;height:100%;object-fit:cover;display:block}.thumbnail-language-badge{position:absolute;right:6px;bottom:6px;border-radius:999px;background:#fffffff0;color:var(--accent);padding:3px 6px;font-size:10px;font-weight:900;line-height:1;box-shadow:0 3px 10px #19253d29}.screenshot-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;grid-template-rows:auto minmax(0,1fr);background:radial-gradient(900px 500px at 50% 0%,rgba(41,82,214,.18),transparent 70%),#080c16f5;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.screenshot-viewer-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.screenshot-viewer-title{min-width:0}.screenshot-viewer-header h2{margin:4px 0 0;font-size:18px;font-weight:600;letter-spacing:-.01em;color:#fffffff5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screenshot-viewer-eyebrow{display:inline-block;color:#fff9;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.viewer-actions{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.viewer-zoom-controls{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0f;box-shadow:inset 0 1px #ffffff14,0 12px 28px -22px #000000b3}.viewer-zoom-level{min-width:54px;padding:0 5px;color:#ffffffd1;font-size:12px;font-weight:800;letter-spacing:.02em;text-align:center;font-variant-numeric:tabular-nums}.viewer-icon-button{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffeb;padding:0;transition:background .14s ease,border-color .14s ease,transform .14s ease,color .14s ease}.viewer-icon-button:hover:not(:disabled){background:#ffffff24;border-color:#ffffff3d;transform:translateY(-1px)}.viewer-icon-button:active:not(:disabled){transform:translateY(0)}.viewer-icon-button:focus-visible{outline:none;border-color:#fff9;box-shadow:0 0 0 3px #ffffff2e}.viewer-icon-button:disabled{opacity:.35;cursor:not-allowed}.viewer-icon-button.viewer-close{background:#ffffff1a}.viewer-icon-button.viewer-close:hover:not(:disabled){background:#dc3246d9;border-color:#dc3246d9;color:#fff}.screenshot-viewer-body{min-height:0;padding:18px 24px 24px}.screenshot-pan-area{display:grid;place-items:center;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:14px;background:#0d1424;border:1px solid rgba(255,255,255,.06);padding:24px;cursor:zoom-in;touch-action:none;-webkit-user-select:none;user-select:none}.screenshot-pan-area.is-zoomed{cursor:grab}.screenshot-pan-area.is-panning{cursor:grabbing}.screenshot-viewer-image{max-width:min(100%,1440px);max-height:calc(100vh - 172px);width:auto;height:auto;display:block;border-radius:6px;box-shadow:0 30px 60px -20px #0009;transform-origin:center center;transition:transform .18s var(--ease);will-change:transform;-webkit-user-drag:none}.screenshot-pan-area.is-panning .screenshot-viewer-image{transition:none}.capture-facts{display:grid;gap:8px;margin-top:14px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text-soft);font-size:12.5px;font-weight:500;line-height:1.55}.capture-facts span{display:flex;gap:6px}.capture-facts.compact{margin-top:10px;padding:10px}.section-heading-inline{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.section-heading-inline h3{margin:2px 0 0}.section-helper{margin:0;color:var(--text-soft);font-size:14px;line-height:1.7}.related-actions-panel{direction:ltr;text-align:left;border-color:#064b662e;background:linear-gradient(135deg,#064b660a,#cde42814)}.related-action-list{display:grid;gap:12px}.related-action-card{display:grid;gap:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffffd1;padding:16px}.related-action-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:flex-start}.related-action-main h4{margin:2px 0 6px;font-size:18px}.related-action-main p{margin:0;color:var(--text-soft);line-height:1.7}.portal-mini-badge{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb,var(--portal-color, var(--accent)) 12%,white);color:var(--portal-color, var(--accent));font-size:12px;font-weight:900}.related-action-facts{display:grid;gap:6px;border:1px dashed var(--border-strong);border-radius:12px;background:var(--surface-soft);padding:10px 12px;color:var(--text-soft);font-size:12px;line-height:1.6}.related-action-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:22px;direction:ltr;text-align:left;background:#0a101cb8}.related-action-modal{width:min(1180px,100%);max-height:min(860px,calc(100vh - 44px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 1px 2px #0f172a0a,0 40px 110px -24px #080e1c80;animation:modalRise .24s var(--ease)}@keyframes modalRise{0%{transform:translateY(14px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.related-action-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid var(--border);padding:18px 20px}.related-action-modal-header h2{margin:2px 0 6px;font-size:24px}.related-action-modal-header p{max-width:760px;margin:0;color:var(--text-soft);line-height:1.7}.related-action-modal-body{min-height:0;display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;padding:16px}.related-action-explain{display:flex;min-height:0;flex-direction:column;gap:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);padding:16px}.related-action-explain p{margin:6px 0 0;color:var(--text-soft);line-height:1.7}.related-action-shot{min-height:0;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:#eef2f8;text-align:center}.related-action-shot img{width:100%;height:auto;display:block}.screenshot-coverage-panel{margin-bottom:20px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.screenshot-issue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.screenshot-issue-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fbfcff;padding:14px}.screenshot-issue-card h3{margin:0;font-size:17px}.screenshot-issue-card p{color:var(--text-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;justify-content:flex-end;background:#080e1c7a;backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);animation:backdropFadeIn .2s var(--ease)}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.detail-panel{width:min(740px,100vw);height:100vh;display:flex;flex-direction:column;background:var(--surface);box-shadow:-40px 0 90px -32px #0f172a6b;border-left:1px solid rgba(15,23,42,.06);animation:panelSlideIn .28s var(--ease)}@keyframes panelSlideIn{0%{transform:translate(28px);opacity:0}to{transform:translate(0);opacity:1}}.detail-header{display:flex;justify-content:space-between;gap:16px;padding:28px;border-bottom:1px solid var(--border);background:radial-gradient(420px 200px at 0% 0%,rgba(42,78,209,.06),transparent 60%),linear-gradient(180deg,#fff,#fbfcff)}.detail-header h2{margin:8px 0 6px;font-size:26px;line-height:1.15;letter-spacing:-.022em;font-weight:700}.detail-header p{margin:0;color:var(--muted);font-size:13px;font-weight:500}.detail-content{flex:1;overflow:auto;padding:26px 28px 36px}.detail-section{margin-top:28px}.detail-section h3{margin:0 0 12px;color:var(--text);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.detail-section p{font-size:14.5px;line-height:1.65}.action-section{padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface),var(--surface-soft))}.action-section h3{color:var(--text)}.primary-button,.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600;letter-spacing:-.005em;border:1px solid var(--border);background:var(--surface);color:var(--text);white-space:nowrap;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease)}.secondary-button,.icon-button{box-shadow:inset 0 1px #ffffffb3,0 1px 2px #0f172a0a}.primary-button{border-color:transparent;background:linear-gradient(180deg,#3a5fe0 0%,var(--accent) 50%,var(--accent-strong) 100%);color:#fff;box-shadow:inset 0 1px #ffffff3d,inset 0 -1px #00000014,0 1px 2px #0f172a14,0 10px 22px -10px #2a4ed199}.primary-button:hover:not(:disabled){filter:brightness(1.04) saturate(1.05);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #00000014,0 1px 2px #0f172a14,0 14px 28px -12px #2a4ed1a6}.primary-button:active:not(:disabled){transform:translateY(0);filter:brightness(.98)}.secondary-button:hover:not(:disabled),.icon-button:hover:not(:disabled){background:var(--accent-tint);border-color:#2a4ed138;color:var(--accent);transform:translateY(-1px);box-shadow:inset 0 1px #ffffffb3,0 1px 2px #0f172a0a,0 8px 16px -10px #2a4ed152}.secondary-button:active:not(:disabled),.icon-button:active:not(:disabled){transform:translateY(0)}.primary-button:focus-visible,.secondary-button:focus-visible,.icon-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.field{display:grid;gap:7px;color:var(--text-soft);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:11px 14px;font-size:14px;font-weight:500;text-transform:none;letter-spacing:-.005em;outline:none;box-shadow:inset 0 1px 2px #0f172a08;transition:border-color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.85}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--border-strong)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:inset 0 1px 2px #0f172a05,0 0 0 3px #2a4ed12e}.field textarea{min-height:100px;resize:vertical;line-height:1.6}.inline-field{margin-bottom:14px;max-width:360px}.form-card{padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(420px 180px at 0% 0%,rgba(42,78,209,.05),transparent 60%),linear-gradient(180deg,#fff,#fbfcff);box-shadow:var(--shadow-soft)}.form-card h3{margin:0 0 16px;font-size:16px;letter-spacing:-.014em;font-weight:700;text-transform:none;color:var(--text)}.form-grid,.filter-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filter-panel{grid-template-columns:repeat(6,minmax(150px,1fr));margin-bottom:24px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:var(--shadow-soft)}.filter-field{min-width:0}.form-card .field+.field{margin-top:12px}.form-actions{justify-content:flex-end;margin-top:14px}.stack,.handoff-list,.activity-list,.review-list{display:grid;gap:12px}.mini-card,.activity-item,.review-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:16px 18px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease);box-shadow:var(--shadow-xs)}.mini-card:hover,.activity-item:hover,.review-item:hover{border-color:#2a4ed138;box-shadow:0 1px 2px #0f172a0a,0 12px 26px -16px #0f172a38;transform:translateY(-1px)}.mini-card{position:relative;padding-left:20px}.mini-card:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:999px;background:linear-gradient(180deg,#4068e3,var(--accent-strong))}.mini-card strong{display:block;font-size:14px;letter-spacing:-.008em;color:var(--text)}.mini-card small,.activity-item small,.review-item span{display:block;color:var(--muted);margin-top:4px;font-size:12px;font-weight:500;letter-spacing:.005em}.mini-card p,.activity-item p,.review-item p{margin:10px 0 0;white-space:pre-wrap;color:var(--text-soft);font-size:14px;line-height:1.6}.handoff-card{position:relative;padding:22px;transition:border-color .16s ease,box-shadow .16s ease}.handoff-note-card{display:grid;gap:14px;padding:24px;overflow:hidden;border-color:#2952d621;background:linear-gradient(180deg,#fffffffa,#f8fafffa),var(--surface)}.handoff-note-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--accent),#6d87ee)}.handoff-card:hover{border-color:#2952d62e;box-shadow:var(--shadow)}.handoff-meta{margin:0}.handoff-note-topline,.handoff-note-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.handoff-note-topline>span:last-child,.handoff-note-footer>span{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.005em}.handoff-card-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.handoff-open-button{min-height:38px;padding:9px 15px;font-size:12.5px;font-weight:800}.handoff-meta span{padding:4px 10px;border-radius:999px;background:var(--surface-soft);font-size:11.5px;font-weight:600;letter-spacing:.005em}.request-text,.request-reason{white-space:pre-wrap}.handoff-note-text{margin:0;padding:16px;border:1px solid rgba(41,82,214,.1);border-radius:14px;background:#ffffffd1;color:var(--text);font-size:15px;line-height:1.7}.handoff-note-footer{padding-top:2px}.data-panel,.empty-block{margin-top:20px;padding:22px}.empty-block{text-align:center;padding:56px 24px}.activity-item{display:flex;gap:12px}.activity-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#4068e3,var(--accent-strong));margin-top:9px;flex:0 0 auto;box-shadow:0 0 0 4px #2a4ed124,0 0 0 1px #2a4ed166 inset}.activity-item strong{font-size:14px;letter-spacing:-.008em;color:var(--text)}@media (max-width: 1200px){.portal-grid,.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.auth-page{align-items:center}.top-nav,.hero,.page-heading{align-items:stretch;flex-direction:column}.nav-tabs{justify-content:flex-start;width:100%}.nav-cluster{align-items:stretch;flex-direction:column;width:100%}.account-strip{max-width:100%;width:fit-content}.breadcrumb{position:static}.portal-grid,.portal-grid.product-grid,.scenario-grid,.hero-panel,.summary-strip,.metric-grid,.filter-panel,.form-grid,.branch-list,.screenshot-gallery,.screenshot-issue-grid,.state-card{grid-template-columns:1fr}.state-card-related-actions{grid-column:1}.state-card-related-grid,.state-card-related-item{grid-template-columns:1fr}.state-card-related-thumb{width:100%;height:140px}.gallery-stage{grid-template-columns:1fr}.gallery-nav-button{min-height:42px}.screenshot-viewer-header{align-items:stretch;flex-direction:column}.viewer-actions{justify-content:flex-start}.screenshot-viewer-body,.screenshot-pan-area{padding:12px}.screenshot-viewer-image{max-height:calc(100vh - 230px)}.section-heading-inline,.related-action-modal-header{align-items:stretch;flex-direction:column}.related-action-modal-body{grid-template-columns:1fr}.related-action-explain{min-height:auto}.flow-connector,.flow-end{grid-template-columns:34px minmax(0,1fr);padding-left:0;padding-right:0}.state-order{width:34px;height:34px}.flow-arrow{left:6px}}@media (max-width: 560px){.auth-page{padding:14px}.login-panel{padding:22px;border-radius:22px}.login-panel h1,.login-panel-heading h2{font-size:28px}.auth-logo{width:min(190px,72vw);height:58px;margin-bottom:20px}.login-submit-button{width:100%}.top-nav{gap:12px;min-height:auto;padding:12px 14px}.brand-button{width:100%;gap:10px}.brand-logo-shell{width:132px;height:50px;border-radius:14px}.brand-logo{max-height:38px}.brand-button strong{font-size:14px}.brand-button small{font-size:11px}.nav-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;overflow:visible}.nav-tabs button{width:100%;padding:8px 13px;text-align:center}.nav-cluster{gap:10px}.account-strip{width:100%;justify-content:space-between}.workspace-main{padding:22px 14px 42px}.hero,.portal-card,.scenario-card,.state-card,.detail-content,.detail-header{padding:16px}.hero h1,.page-heading h1{font-size:30px}}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}