:root{color-scheme:light;--bg-top: #f1f3f5;--bg-bottom: #e3e7eb;--surface: rgba(250, 251, 252, .82);--surface-strong: rgba(255, 255, 255, .94);--surface-muted: rgba(243, 245, 247, .92);--ink: #14171b;--muted: #5f6873;--line: rgba(20, 23, 27, .08);--line-strong: rgba(20, 23, 27, .16);--accent: #213847;--accent-strong: #122631;--accent-soft: rgba(33, 56, 71, .08);--success: #1d5b42;--shadow: 0 24px 64px rgba(17, 23, 30, .08);--shadow-soft: 0 12px 28px rgba(17, 23, 30, .06)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(rgba(20,23,27,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(20,23,27,.025) 1px,transparent 1px),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%);background-size:120px 120px,120px 120px,auto;font-family:Avenir Next,Helvetica Neue,Segoe UI,sans-serif}#root{min-height:100vh}.app-topbar{position:sticky;z-index:10;top:0;display:flex;justify-content:flex-end;gap:8px;width:min(1280px,calc(100% - 40px));margin:0 auto;padding:14px 0 0}.app-topbar__link{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#ffffffad;color:var(--accent-strong);font-size:.92rem;font-weight:700;text-decoration:none;box-shadow:var(--shadow-soft)}.app-topbar__link--active{border-color:#21384742;background:var(--accent-strong);color:#f7f9fa}.pack-shell{width:min(1280px,calc(100% - 40px));margin:0 auto;padding:36px 0 64px}.pack-hero,.editor-panel,.draft-workbench,.app-state,.history-hero,.history-workbench,.run-detail-hero,.run-detail-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.pack-hero,.editor-panel,.draft-workbench,.history-hero,.history-workbench,.run-detail-hero,.run-detail-panel{animation:panel-enter .42s ease both}.pack-hero:before,.editor-panel:before,.draft-workbench:before,.app-state:before,.history-hero:before,.history-workbench:before,.run-detail-hero:before,.run-detail-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:linear-gradient(180deg,#14171b00,#14171b1f 18%,#14171b0a 72%,#14171b00)}.pack-hero{padding:30px;background:linear-gradient(135deg,#ffffff8f,#fff0),linear-gradient(180deg,#f8f9fbf0,#f1f4f6e0)}.pack-hero:after{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--accent-strong) 0%,rgba(18,38,49,.2) 100%)}.history-hero,.run-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;background:linear-gradient(135deg,#ffffff94,#fff0),linear-gradient(180deg,#f8f9fbf0,#f1f4f6e0)}.history-hero h1,.run-detail-hero h1{max-width:16ch;margin:0;font-size:clamp(2.3rem,4vw,4.2rem);font-weight:600;letter-spacing:-.04em;line-height:.95}.history-hero__summary,.run-detail-hero__summary{max-width:54ch;margin:0;color:var(--muted);line-height:1.65}.eyebrow,.panel-kicker,.stat-label,.section-chip__index{font-family:Menlo,SFMono-Regular,SF Mono,monospace;letter-spacing:.14em;text-transform:uppercase}.eyebrow,.panel-kicker{margin:0 0 12px;color:var(--accent);font-size:.72rem;font-weight:700}.hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:28px;align-items:start}.hero-copy h1,.panel-heading h2,.preview-card h3,.draft-sidebar__card h3{margin:0;font-family:Helvetica Neue,Avenir Next,sans-serif;font-weight:600}.hero-copy h1{max-width:9ch;font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.05em;line-height:.9}.hero-summary{max-width:58ch;margin:18px 0 0;color:var(--muted);font-size:1rem;line-height:1.7}.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{min-height:128px;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,var(--surface-strong),rgba(242,244,246,.92));box-shadow:var(--shadow-soft)}.stat-card strong{display:block;margin-top:12px;font-size:2.4rem;letter-spacing:-.04em}.stat-card--accent{grid-column:1 / -1;background:linear-gradient(135deg,#18242c,#273b48);color:#f5f7f8}.stat-card--accent .stat-label{color:#f5f7f8a3}.stat-label,.section-chip__index{color:var(--muted);font-size:.7rem;font-weight:700}.editor-grid{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:20px;margin-top:20px}.editor-panel,.draft-workbench{padding:24px}.panel-heading h2{font-size:clamp(1.4rem,2vw,1.9rem);letter-spacing:-.03em}.section-nav{display:grid;gap:10px;margin-top:18px}.section-chip{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#ffffff85;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.section-chip:hover{transform:translateY(-1px);border-color:#21384738;background:#ffffffd1;box-shadow:0 10px 24px #11171e0f}.section-chip__title{font-size:.97rem;line-height:1.35}.preview-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.preview-card,.draft-sidebar__card,.form-section{border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffffc7,#f4f6f8e0);box-shadow:var(--shadow-soft)}.preview-card{min-height:180px;padding:18px}.preview-card h3{font-size:1.08rem;letter-spacing:-.02em}.preview-card p,.draft-sidebar__card p,.form-section__body-copy,.app-state p{color:var(--muted);line-height:1.65}.preview-card p{margin:12px 0 0}.draft-workbench{margin-top:20px;background:linear-gradient(180deg,#fbfcfceb,#f2f5f7db)}.draft-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.82fr);gap:20px;margin-top:18px}.draft-sections{display:grid;gap:16px}.form-section,.draft-sidebar__card{padding:22px}.form-section__body-copy{margin:12px 0 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.prefill-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;margin-top:18px;align-items:end}.form-field{display:grid;gap:8px}.form-field__label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.93rem;font-weight:600}.form-field__label em{color:var(--accent);font-style:normal;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.form-field__input{width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:14px 15px;background:#ffffffc7;color:var(--ink);font:inherit;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease}.form-field__input:focus{outline:none;border-color:#2138477a;background:#fff;box-shadow:0 0 0 4px #21384714;transform:translateY(-1px)}.repeatable-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.repeatable-toolbar__count{margin:0;color:var(--ink);font-weight:600}.repeatable-empty{margin:16px 0 0;padding:14px 16px;border-radius:12px;border:1px dashed rgba(20,23,27,.14);background:#ffffff6b;color:var(--muted)}.repeatable-table{display:grid;gap:14px;margin-top:16px}.repeatable-table__row{padding:16px;border-radius:12px;border:1px solid rgba(20,23,27,.08);background:#ffffff75}.draft-sidebar__card{position:sticky;top:24px}.draft-sidebar__card h3{font-size:1.55rem;letter-spacing:-.03em}.draft-readiness,.timeline-preview,.artifact-preview{margin-top:16px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#ffffff80}.draft-readiness__line{margin:0;color:var(--ink);font-weight:600}.draft-readiness__line+.draft-readiness__line{margin-top:8px;color:var(--muted);font-weight:500}.timeline-preview__list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.timeline-preview__item{display:grid;grid-template-columns:minmax(0,1.5fr) auto auto;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid rgba(20,23,27,.08)}.timeline-preview__item:last-child{border-bottom:0;padding-bottom:0}.timeline-preview__item strong{font-size:.92rem}.timeline-preview__item span{color:var(--muted);font-size:.88rem}.timeline-preview__empty{margin:0;color:var(--muted)}.artifact-preview__list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.artifact-preview__item{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(170px,auto);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(20,23,27,.08)}.artifact-preview__item:last-child{padding-bottom:0;border-bottom:0}.artifact-preview__copy,.artifact-preview__meta{display:grid;gap:4px}.artifact-preview__copy strong{font-size:.92rem}.artifact-preview__copy span,.artifact-preview__meta span{color:var(--muted);font-size:.86rem}.artifact-preview__meta{justify-items:end}.artifact-preview__status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.02em}.artifact-preview__status--ready{color:var(--success);background:#1d5b4214}.artifact-preview__status--pending{color:#8a5a18;background:#8a5a181a}.primary-button,.secondary-button{font:inherit;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,border-color .18s ease,background-color .18s ease}.primary-button{width:100%;margin-top:2px;border:0;border-radius:12px;padding:15px 18px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;box-shadow:0 16px 28px #12263133}.primary-button:hover:not(:disabled),.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.72;cursor:wait}.secondary-button{border:1px solid rgba(33,56,71,.18);border-radius:10px;padding:12px 16px;background:#ffffffdb;color:var(--ink);box-shadow:0 10px 24px #11171e0a}.draft-secondary-action{width:100%;margin-top:12px}.draft-status{margin:14px 0 0;font-weight:600}.draft-status--saved,.draft-status--success{color:var(--success)}.draft-status--loading{color:var(--muted)}.draft-status--error{color:#8a3a2a}.generated-artifacts{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.generated-artifacts__list{display:grid;gap:12px;margin:10px 0 0;padding:0;list-style:none}.generated-artifacts__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px;background:#ffffffb3}.generated-artifacts__actions{display:grid;gap:8px;justify-items:end}.generated-artifacts__preview-button{white-space:nowrap}.generated-artifacts__copy{display:grid;gap:4px}.generated-artifacts__copy strong{font-size:.94rem}.generated-artifacts__copy span{color:var(--muted);font-size:.9rem;line-height:1.45}.generated-artifacts__warnings{display:grid;gap:6px;margin:6px 0 0;padding-left:18px;color:#8a5a18;font-size:.84rem;line-height:1.45}.generated-artifacts__link{color:var(--accent-strong);font-size:.88rem;font-weight:600;text-decoration:none}.generated-artifacts__link:hover{text-decoration:underline}.history-workbench,.run-detail-panel{margin-top:20px;padding:24px;background:linear-gradient(180deg,#fbfcfceb,#f2f5f7db)}.history-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.history-filter-actions{display:flex;align-items:end;gap:10px}.history-filter-actions__button{width:auto;min-height:48px;margin-top:0;white-space:nowrap}.history-status,.history-empty{margin:18px 0 0;color:var(--muted);font-weight:600}.history-status--error{color:#8a3a2a}.run-list{display:grid;gap:14px;margin-top:20px}.run-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:14px;background:#ffffffb8;box-shadow:var(--shadow-soft)}.run-card__main{display:grid;gap:14px}.run-card h2{margin:0;font-size:1.35rem;letter-spacing:-.02em}.run-card__meta,.run-detail-meta{display:grid;gap:10px;margin:0}.run-card__meta{grid-template-columns:repeat(3,minmax(0,1fr))}.run-card__meta div,.run-detail-meta div{display:grid;gap:3px}.run-card__meta dt,.run-detail-meta dt{color:var(--muted);font-size:.76rem;font-weight:700;text-transform:uppercase}.run-card__meta dd,.run-detail-meta dd{margin:0;color:var(--ink);font-weight:600;line-height:1.35}.run-card__counts,.run-detail-counts{display:flex;flex-wrap:wrap;gap:8px}.run-card__counts{justify-content:flex-end;max-width:260px}.run-card__counts span,.run-detail-counts span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.82rem;font-weight:700}.run-card__link{white-space:nowrap}.run-detail-hero__copy{display:grid;gap:12px}.run-detail-hero__back{text-decoration:none}.run-detail-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.4fr);gap:20px}.run-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.run-detail-counts{margin-top:18px}.run-detail-archive{display:inline-flex;margin-top:18px}.run-detail-panel--preview{min-height:460px}.run-detail-preview{min-height:560px}.run-artifact-list{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.run-artifact-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,auto);gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;background:#ffffffb3}.run-artifact-group h3{margin:0;font-size:1rem}.run-artifact-group p{margin:5px 0 0;color:var(--muted);font-size:.88rem}.run-artifact-group__links{display:grid;gap:8px;justify-items:end}.run-artifact-group__links a{display:inline-grid;gap:2px;text-align:right}.run-artifact-group__links span{color:var(--muted);font-size:.78rem;font-weight:500}.run-detail-input{padding:0 24px}.skipped-artifacts{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.skipped-artifacts__list{display:grid;gap:10px;margin:10px 0 0;padding:0;list-style:none}.skipped-artifacts__item{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff8f5bf}.skipped-artifacts__item strong{font-size:.92rem}.skipped-artifacts__item span{color:var(--muted);font-size:.88rem;line-height:1.45}.document-viewer{margin-top:20px;padding:24px;border-radius:18px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.document-viewer__frame{width:100%;min-height:780px;margin-top:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.draft-payload-preview{margin:12px 0 0;padding:14px;overflow:auto;border-radius:12px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#0d1216fa,#161d22fa);color:#d8dee3;font-family:Menlo,SFMono-Regular,SF Mono,monospace;font-size:.8rem;line-height:1.6}.draft-payload-disclosure{margin-top:16px}.draft-payload-disclosure summary{color:var(--muted);cursor:pointer;font-size:.9rem;font-weight:600}.app-state{width:min(1080px,calc(100% - 32px));margin:40px auto;padding:32px}.app-state h1{margin:0 0 8px;font-size:2.3rem;letter-spacing:-.04em}.app-state--error{border-color:#8a3a2a3d}@keyframes panel-enter{0%{transform:translateY(14px)}to{transform:translateY(0)}}@media(max-width:960px){.hero-grid,.editor-grid,.preview-list,.hero-stats,.draft-layout,.prefill-row,.form-grid,.timeline-preview__item,.artifact-preview__item,.history-filters,.run-card,.run-card__meta,.run-detail-grid,.run-detail-meta,.run-artifact-group{grid-template-columns:1fr}.artifact-preview__meta,.run-card__counts,.run-artifact-group__links{justify-items:start}.history-hero,.run-detail-hero,.history-filter-actions{align-items:stretch;flex-direction:column}.app-topbar{width:min(100% - 24px,1280px)}.pack-shell{width:min(100% - 24px,1280px);padding-top:24px}.repeatable-toolbar{align-items:stretch;flex-direction:column}.pack-hero,.editor-panel,.draft-workbench,.app-state,.history-hero,.history-workbench,.run-detail-hero,.run-detail-panel,.preview-card,.draft-sidebar__card,.form-section{border-radius:14px}}