.demo-app{background:var(--color-cloud);min-height:100vh;color:var(--color-ink)}.demo-sidebar{border-right:1px solid var(--color-mist);background:var(--color-deep-pine);color:#fff;flex-direction:column;width:15rem;padding:1.5rem 1rem;display:flex;position:fixed;inset:0 auto 0 0}.demo-brand{padding:.4rem .65rem 2rem;font-size:1.15rem;font-weight:700}.demo-navigation-items{gap:.35rem;display:grid}.demo-sidebar button,.demo-bottom-nav button{border-radius:var(--radius-small);min-height:2.75rem;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.7rem;padding:.6rem .7rem;display:flex}.demo-sidebar button[aria-pressed=true]{background:#ffffff29}.demo-sidebar svg,.demo-bottom-nav svg{flex:0 0 1.15rem;width:1.15rem;height:1.15rem}.reset-button{margin-top:auto;color:#dfece8!important}.demo-main{min-height:100vh;margin-left:15rem;padding:2rem clamp(1.25rem,4vw,4rem)}.demo-header,.timeline-toolbar{justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.demo-header{border-bottom:1px solid var(--color-mist);padding-bottom:1.5rem}.demo-header-actions{align-items:center;gap:.75rem;display:flex}.demo-header h1{color:var(--color-deep-pine);margin:0;font-size:1.75rem;line-height:1.3}.eyebrow,.record-type{color:var(--color-stone);margin:0 0 .25rem;font-size:.8rem}.member-menu{position:relative}.current-member{color:var(--color-stone);margin:0 0 .35rem;font-size:.82rem}.member-menu>button{border:1px solid var(--color-mist);border-radius:var(--radius-small);cursor:pointer;background:#fff;align-items:center;gap:.5rem;min-width:10.5rem;min-height:2.75rem;padding:.5rem .7rem;display:inline-flex}.member-menu>button span{color:var(--color-everpine);margin-left:auto;font-weight:700}.member-menu [role=listbox]{z-index:3;border:1px solid var(--color-mist);background:#fff;min-width:100%;display:grid;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 .6rem 1.5rem #123c3a1f}.member-menu [role=option]{cursor:pointer;text-align:left;background:#fff;border:0;padding:.7rem}.member-menu [role=option][aria-selected=true]{background:var(--color-warm-paper);font-weight:700}.demo-boundary{border-left:4px solid var(--color-apricot);background:var(--color-warm-paper);max-width:38rem;margin:12vh auto;padding:2rem}.demo-boundary h2{color:var(--color-deep-pine);margin:0;font-size:2rem}.demo-boundary p{color:var(--color-stone)}.primary-action,.empty-results button{border:1px solid var(--color-everpine);border-radius:var(--radius-small);background:var(--color-everpine);color:#fff;cursor:pointer;min-height:2.8rem;padding:.6rem 1rem;font-weight:700}.timeline-area{width:min(100%,58rem);margin:2rem auto 4rem}.timeline-toolbar{align-items:center;margin-bottom:1.5rem}.timeline-toolbar p{color:var(--color-stone);margin:0;font-size:.88rem}.import-note{font-weight:700;color:var(--color-success)!important}.search-field{border:1px solid var(--color-mist);border-radius:var(--radius-small);background:#fff;align-items:center;gap:.5rem;min-width:min(100%,20rem);padding:0 .65rem;display:flex}.search-field input{background:0 0;border:0;outline:0;width:100%;min-height:2.7rem}.date-group{margin-top:1.8rem}.date-group h2{border-bottom:1px solid var(--color-mist);color:var(--color-stone);margin:0;padding-bottom:.5rem;font-size:.9rem;font-weight:600}.timeline-record{border-bottom:1px solid var(--color-mist);justify-content:space-between;gap:1rem;padding:1rem 0;display:flex}.timeline-record h3,.timeline-record p{margin:0}.timeline-record h3{color:var(--color-deep-pine);font-size:1.08rem}.timeline-record p:not(.record-type){color:var(--color-stone);font-size:.9rem}.machine-label{color:var(--color-info)!important;margin-top:.35rem!important}.review-status{height:max-content;color:var(--color-warning);white-space:nowrap;border:1px solid #e4c6a8;padding:.12rem .45rem;font-size:.8rem}.record-tags{flex-wrap:wrap;gap:.35rem;margin:.55rem 0 0;padding:0;list-style:none;display:flex}.record-tags li{border:1px solid var(--color-mist);color:var(--color-stone);border-radius:999px;padding:.12rem .45rem;font-size:.78rem}.empty-results{text-align:center;padding:3rem 0}.empty-results p{color:var(--color-stone)}.selectable-record{color:inherit;cursor:pointer;text-decoration:none}.selectable-record:focus-visible{border-radius:var(--radius-small);outline:3px solid var(--color-everpine);outline-offset:3px}.review-workspace{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:1.25rem;width:min(100%,68rem);margin:2rem auto;display:grid}.synthetic-document{border:1px solid var(--color-mist);background:#fff;min-height:34rem;padding:2rem;position:relative;overflow:hidden}.synthetic-stamp{border:1px solid var(--color-apricot);color:var(--color-warning);margin:0 0 2rem;padding:.3rem .5rem;font-size:.8rem;display:inline-block}.document-lines{background:repeating-linear-gradient(to bottom, transparent 0 2.2rem, var(--color-mist) 2.25rem 2.3rem);min-height:20rem;margin-top:2rem;position:relative}.document-field{border:2px solid var(--color-info);color:var(--color-ink);cursor:pointer;text-align:left;background:#e2eff48c;position:absolute}.document-field.selected{border-color:var(--color-everpine);background:#daeee4cc;box-shadow:0 0 0 3px #1f70572e}.review-controls,.package-preview{border-left:3px solid var(--color-apricot);background:var(--color-warm-paper);padding:1.25rem}.review-controls h2,.package-preview h2{color:var(--color-deep-pine);margin-top:0;font-size:1.2rem}.field-choice,.decision-actions button,.package-action,.package-link{border:1px solid var(--color-mist);width:100%;min-height:2.6rem;color:var(--color-deep-pine);cursor:pointer;text-align:left;background:#fff;margin:.55rem 0;padding:.5rem .7rem;display:block}.package-link{box-sizing:border-box;text-decoration:underline}.review-state{color:var(--color-success);font-weight:700}.package-preview{width:min(100%,46rem);margin:2rem auto}.package-preview section{border-top:1px solid var(--color-mist);padding:.8rem 0}.package-preview h3{margin:0 0 .3rem;font-size:.95rem}.package-preview p{color:var(--color-stone);margin:0}.demo-bottom-nav,.mobile-reset{display:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=767px){.demo-sidebar{display:none}.demo-main{margin-left:0;padding:1.25rem 1rem 5.4rem}.demo-header{align-items:center}.demo-header h1{font-size:1.4rem}.member-menu>button{min-width:7.5rem}.member-menu>button svg{display:none}.timeline-toolbar{flex-direction:column;align-items:stretch}.search-field{min-width:0}.demo-bottom-nav{z-index:4;border-top:1px solid var(--color-mist);background:#fff;grid-template-columns:repeat(3,1fr);min-height:4.5rem;display:grid;position:fixed;inset:auto 0 0}.demo-bottom-nav button{color:var(--color-deep-pine);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.35rem;font-size:.72rem}.demo-boundary{margin:4rem 0;padding:1.5rem}.demo-header-actions{gap:.45rem}.review-workspace{margin:1rem 0;display:block}.synthetic-document{min-height:29rem}.review-controls{border-left:0;border-top:3px solid var(--color-apricot);margin-top:1rem;position:sticky;bottom:4.5rem;box-shadow:0 -.5rem 1rem #123c3a1a}}@media (prefers-reduced-motion:reduce){.demo-app *,.demo-app :before,.demo-app :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=767px){.mobile-reset{border:1px solid var(--color-mist);border-radius:var(--radius-small);min-height:2.5rem;color:var(--color-deep-pine);cursor:pointer;background:#fff;align-items:center;padding:.45rem .7rem;display:inline-flex}.demo-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-bottom-nav .demo-navigation-items{display:contents}.demo-bottom-nav .mobile-reset{min-height:4.5rem;color:var(--color-deep-pine);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.35rem;font-size:.72rem}}