:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ffx-color-canvas:#f6f8fb;--ffx-color-panel:#fff;--ffx-color-panel-muted:#f1f5f9;--ffx-color-ink:#142033;--ffx-color-muted:#637083;--ffx-color-border:#d9e1ec;--ffx-color-rex:#6254d9;--ffx-color-rex-deep:#253164;--ffx-color-mint:#16a987;--ffx-color-citrus:#e58b2a;--ffx-color-danger:#b42318;--ffx-color-draft:#6d5df2;--ffx-color-review:#c77700;--ffx-color-committed:#08795f;--ffx-color-audit:#3157d5;--ffx-radius-sm:4px;--ffx-radius-md:6px;--ffx-radius-lg:8px;--ffx-radius-pill:999px;--ffx-shadow-card:0 14px 32px #14203314;--ffx-shadow-soft:0 10px 24px #2531641f}*{box-sizing:border-box}body{min-width:320px;color:var(--ffx-color-ink);background:var(--ffx-color-canvas);margin:0;font-family:Aptos,Segoe UI,sans-serif}button,input,textarea{font:inherit}input,textarea{width:100%;min-width:0;color:var(--ffx-color-ink);background:var(--ffx-color-panel);border:1px solid var(--ffx-color-border);border-radius:var(--ffx-radius-md)}input{height:2.5rem;padding:0 .75rem}textarea{resize:vertical;min-height:7.5rem;padding:.75rem}label{color:var(--ffx-color-muted);gap:.4rem;font-size:.82rem;font-weight:700;display:grid}pre{color:#22304a;border:1px solid var(--ffx-color-border);border-radius:var(--ffx-radius-md);white-space:pre-wrap;word-break:break-word;background:#f8fafc;max-height:18rem;margin:0;padding:.8rem;font-size:.78rem;line-height:1.45;overflow:auto}.app-shell{grid-template-columns:15rem minmax(0,1fr);min-height:100vh;display:grid}.app-shell__rail{border-right:1px solid var(--ffx-color-border);background:#fff;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.app-shell__main{min-width:0;padding:1.25rem}.app-shell__topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.app-shell__topbar h1,.mascot-message h2,.card h2,.card h3{letter-spacing:0;margin:0}.app-shell__topbar h1{font-size:1.6rem;line-height:1.15}.app-shell__nav{gap:.4rem;display:grid}.app-shell__nav-item{width:100%;color:var(--ffx-color-rex-deep);background:var(--ffx-color-panel-muted);border-radius:var(--ffx-radius-md);cursor:pointer;text-align:left;border:1px solid #0000;padding:.65rem .75rem;font-size:.88rem;font-weight:800}.app-shell__nav-item[aria-current=page]{color:#fff;background:var(--ffx-color-rex-deep);box-shadow:var(--ffx-shadow-soft)}.app-shell__nav-item:focus-visible{outline-offset:2px;outline:3px solid #cfdbff}.picture-upload{gap:.55rem;display:grid}.picture-upload input[type=file]{height:auto;padding:.65rem .75rem}.upload-note{color:var(--ffx-color-muted);background:var(--ffx-color-panel-muted);border:1px dashed var(--ffx-color-border);border-radius:var(--ffx-radius-md);padding:.65rem .75rem;font-size:.82rem;font-weight:700;line-height:1.35}.brand-mark{align-items:center;gap:.65rem;font-weight:800;display:flex}.brand-mark__glyph{color:#fff;background:var(--ffx-color-rex-deep);border-radius:var(--ffx-radius-lg);width:2.25rem;height:2.25rem;box-shadow:var(--ffx-shadow-soft);place-items:center;display:grid}.org-chip{color:var(--ffx-color-rex-deep);border-radius:var(--ffx-radius-pill);background:#eef3ff;border:1px solid #cfdbff;padding:.55rem .75rem;font-size:.86rem;font-weight:700}.eyebrow{color:var(--ffx-color-rex);letter-spacing:0;text-transform:uppercase;margin-bottom:.45rem;font-size:.72rem;font-weight:800;display:inline-flex}.workspace{gap:1rem;display:grid}.workspace--journey{align-content:start}.status-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.journey-steps{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.journey-steps li{min-height:2.35rem;color:var(--ffx-color-muted);background:var(--ffx-color-panel);border:1px solid var(--ffx-color-border);border-radius:var(--ffx-radius-md);align-items:center;padding:.45rem .6rem;font-size:.78rem;font-weight:800;display:flex}.journey-steps li.is-complete{color:var(--ffx-color-committed);background:#16a98714;border-color:#16a98747}.journey-layout{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.journey-card{align-content:start;min-width:0}.journey-card--setup,.journey-card--input,.journey-card--wide{grid-column:span 2}.auth-check-group{grid-column:1/-1;gap:.75rem;min-width:0;display:grid}.auth-check-group__header{gap:.1rem;display:grid}.auth-check-group__header h2{margin:0;font-size:1.15rem;line-height:1.2}.auth-check-group__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.section-heading h2{margin:0;font-size:1.05rem;line-height:1.2}.field-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0;display:grid}.field-list div{background:var(--ffx-color-panel-muted);border:1px solid var(--ffx-color-border);border-radius:var(--ffx-radius-md);min-width:0;padding:.65rem .7rem}.field-list dt{color:var(--ffx-color-muted);text-transform:uppercase;font-size:.7rem;font-weight:800}.field-list dd{overflow-wrap:anywhere;margin:.25rem 0 0;font-size:.92rem;font-weight:750}.readable-panel{gap:.85rem;min-width:0;display:grid}.truth-note{min-width:0;color:var(--ffx-color-muted);border:1px solid var(--ffx-color-border);border-radius:var(--ffx-radius-md);background:#fbfcfe;align-items:center;gap:.55rem;padding:.65rem .75rem;font-size:.86rem;line-height:1.35;display:flex}.warning-list{color:var(--ffx-color-danger);gap:.35rem;margin:0;padding-left:1.1rem;font-size:.86rem;font-weight:700;display:grid}.empty-state{min-height:5rem;color:var(--ffx-color-muted);background:var(--ffx-color-panel-muted);border:1px dashed var(--ffx-color-border);border-radius:var(--ffx-radius-md);text-align:center;place-items:center;padding:1rem;font-size:.9rem;font-weight:700;display:grid}.table-scroll{border:1px solid var(--ffx-color-border);border-radius:var(--ffx-radius-md);max-width:100%;overflow-x:auto}.line-table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.84rem}.line-table th,.line-table td{text-align:left;border-bottom:1px solid var(--ffx-color-border);vertical-align:top;padding:.65rem .7rem}.line-table th{color:var(--ffx-color-muted);background:var(--ffx-color-panel-muted);text-transform:uppercase;font-size:.7rem}.line-table tr:last-child td{border-bottom:0}.totals-list{gap:.5rem;display:grid}.totals-list div{border-radius:var(--ffx-radius-md);background:#16a98714;border:1px solid #16a98740;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .75rem;display:flex}.totals-list span{color:var(--ffx-color-muted);font-size:.75rem;font-weight:800}.totp-setup{grid-template-columns:minmax(0,1fr);align-items:start;gap:.85rem;min-width:0;display:grid}.totp-setup .form-grid{grid-template-columns:minmax(0,1fr)}.totp-qr{background:var(--ffx-color-panel-muted);border:1px solid var(--ffx-color-border);border-radius:var(--ffx-radius-md);justify-self:center;place-items:center;width:min(100%,13rem);min-height:13rem;padding:.7rem;display:grid}.totp-qr img{width:min(100%,12rem);height:auto;image-rendering:pixelated}.totp-qr span{color:var(--ffx-color-muted);font-size:.82rem;font-weight:800}.audit-timeline{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.audit-timeline li{border:1px solid var(--ffx-color-border);border-radius:var(--ffx-radius-md);background:#f8fbff;gap:.3rem;padding:.7rem .75rem;display:grid}.audit-timeline li div{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.audit-timeline strong{overflow-wrap:anywhere;font-size:.88rem}.audit-timeline span,.audit-timeline p{color:var(--ffx-color-muted);margin:0;font-size:.75rem;line-height:1.35}.json-details{min-width:0}.json-details summary,.utility-panel summary{cursor:pointer;color:var(--ffx-color-rex-deep);font-size:.82rem;font-weight:800}.json-details pre{margin-top:.55rem}.utility-panel{gap:.75rem;display:grid}.utility-panel>summary{background:var(--ffx-color-panel);border:1px solid var(--ffx-color-border);border-radius:var(--ffx-radius-md);width:fit-content;padding:.6rem .75rem}.utility-panel[open]>summary{margin-bottom:.75rem}.setup-summary,.debug-grid{gap:.75rem;display:grid}.debug-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-grid{gap:1rem;display:grid}.workspace-grid--setup,.workspace-grid--workflow{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr)}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.result-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.placeholder-page,.golden-path-page{gap:1rem;display:grid}.golden-path-page__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.mascot-message,.card{background:var(--ffx-color-panel);border:1px solid var(--ffx-color-border);border-radius:var(--ffx-radius-lg);box-shadow:var(--ffx-shadow-card)}.mascot-message{grid-template-columns:7rem minmax(0,1fr);gap:1rem;padding:1rem;display:grid}.mascot-message__figure{aspect-ratio:1;filter:drop-shadow(0 10px 18px #2531642e);align-self:center;width:6.5rem}.mascot-message__content{align-self:center}.mascot-message__content h2{font-size:1.55rem;line-height:1.15}.mascot-message__content p{max-width:54rem;color:var(--ffx-color-muted);font-size:.98rem;line-height:1.55}.mascot-message__actions,.button-row,.metric-row{flex-wrap:wrap;gap:.6rem;display:flex}.button-row--wrap{align-items:center}.button{border-radius:var(--ffx-radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;min-height:2.45rem;padding:0 .85rem;font-size:.88rem;font-weight:800;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.55}.button--loading:disabled{opacity:.85}.button__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:.9rem;height:.9rem;animation:.8s linear infinite busy-spin}.button--primary{color:#fff;background:var(--ffx-color-rex-deep)}.button--secondary{color:var(--ffx-color-rex-deep);background:#eef3ff;border-color:#cfdbff}.button--ghost{color:var(--ffx-color-rex-deep);border-color:var(--ffx-color-border);background:0 0}.card{gap:1rem;padding:1rem;display:grid}.control-panel{align-content:start}.control-panel--wide{min-width:0}.panel-heading h2{font-size:1.15rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-control{background:var(--ffx-color-panel-muted);border:1px solid var(--ffx-color-border);border-radius:var(--ffx-radius-md);grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;min-height:2.5rem;padding:.2rem;display:grid}.segmented-control button{min-width:0;color:var(--ffx-color-muted);border-radius:var(--ffx-radius-sm);cursor:pointer;background:0 0;border:0;font-weight:800}.segmented-control button.is-active{color:var(--ffx-color-rex-deep);background:var(--ffx-color-panel);box-shadow:0 1px 6px #1420331f}.metric{background:var(--ffx-color-panel-muted);border:1px solid var(--ffx-color-border);border-radius:var(--ffx-radius-md);min-width:8rem;max-width:100%;padding:.65rem .75rem;display:grid}.metric span{color:var(--ffx-color-muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.metric strong{overflow-wrap:anywhere;font-size:.95rem}.status-banner{border-radius:var(--ffx-radius-md);padding:.75rem 1rem;font-weight:700}@keyframes busy-spin{to{transform:rotate(360deg)}}.status-banner--error{color:var(--ffx-color-danger);background:#fff0ed;border:1px solid #ffc9c0}.data-panel{gap:.5rem;min-width:0;display:grid}.data-panel__header{color:var(--ffx-color-muted);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:800;display:flex}.badge{width:fit-content;max-width:100%;color:var(--ffx-color-rex-deep);border-radius:var(--ffx-radius-pill);overflow-wrap:anywhere;background:#6370831f;align-items:center;padding:.38rem .6rem;font-size:.74rem;font-weight:800;display:inline-flex}.badge--draft{color:var(--ffx-color-draft);background:#6d5df21f}.badge--review{color:var(--ffx-color-review);background:#e58b2a24}.badge--committed{color:var(--ffx-color-committed);background:#16a9871f}.badge--audit{color:var(--ffx-color-audit);background:#3157d51f}.processing-state__steps{flex-wrap:wrap;gap:.5rem;display:flex}.structured-card__header,.audit-preview__header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.structured-card__grid{gap:.75rem;margin:0;display:grid}.structured-card__grid div{background:var(--ffx-color-panel-muted);border-radius:var(--ffx-radius-md);padding:.75rem}.structured-card__grid dt{color:var(--ffx-color-muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.structured-card__grid dd{margin:.3rem 0 0}.audit-preview__list{color:var(--ffx-color-muted);gap:.5rem;margin:0;padding-left:1.15rem;display:grid}.auth-lab{margin-bottom:1rem}@media (width<=1180px){.status-strip,.journey-layout,.auth-check-group__grid,.journey-steps,.debug-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-card--setup,.journey-card--input,.journey-card--wide{grid-column:span 1}.workspace-grid--setup,.workspace-grid--workflow,.result-grid,.result-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.app-shell__rail{border-right:0;border-bottom:1px solid var(--ffx-color-border)}.app-shell__nav{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-grid--setup,.workspace-grid--workflow,.status-strip,.journey-layout,.auth-check-group__grid,.journey-steps,.field-list,.debug-grid,.result-grid,.result-grid--compact,.totp-setup,.form-grid,.form-grid--three,.golden-path-page__grid,.mascot-message{grid-template-columns:1fr}}@media (width<=640px){.app-shell__main,.app-shell__rail{padding:.8rem}.app-shell__topbar,.structured-card__header,.audit-preview__header,.section-heading,.audit-timeline li div,.truth-note{flex-direction:column;align-items:stretch}.app-shell__nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
