:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f7f9;--foreground:#172026;--muted:#65717b;--panel:#fff;--line:#dbe1e7;--accent:#1f6feb;--accent-dark:#174ea6;--danger:#b42318}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.page-shell{max-width:1280px;margin:0 auto;padding:40px 24px}.intro{margin-bottom:28px}.intro-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.demo-badge{border:1px solid var(--line);color:#33414c;background:#eef2f6;border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:700}.github-link{border:1px solid var(--line);color:#33414c;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:5px 9px;font-size:.86rem;font-weight:650;text-decoration:none;display:inline-flex}.github-link:hover{background:#fbfcfd;border-color:#cfd7df}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05}.intro p:last-child{color:var(--muted);max-width:680px;font-size:1.05rem;line-height:1.6}.narrative-demo{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:stretch;gap:20px;margin-bottom:20px;display:grid}.narrative-copy,.scenario-summary{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:0 16px 40px #1720260f}.narrative-copy{gap:14px;display:grid}.narrative-copy h2{margin:0;font-size:clamp(1.45rem,3vw,2.1rem);line-height:1.12}.narrative-copy p{color:var(--muted);max-width:720px;margin:0;line-height:1.55}.scenario-buttons{flex-wrap:wrap;gap:8px;display:flex}.scenario-buttons button{color:#33414c;background:#fbfcfd;border:1px solid #cfd7df;min-height:36px;padding:8px 11px;font-size:.84rem;font-weight:650}.scenario-buttons button:hover:not(:disabled){color:var(--accent-dark);background:#edf3ff;border-color:#cadcff}.scenario-summary{gap:10px;display:grid}.scenario-summary>span{color:var(--accent);text-transform:uppercase;font-size:.76rem;font-weight:750}.scenario-summary h3{margin:0;font-size:1rem}.scenario-summary p,.scenario-summary small{color:var(--muted);margin:0;font-size:.86rem;line-height:1.45}.scenario-summary dl{border-top:1px solid var(--line);gap:8px;margin:2px 0 0;padding-top:10px;display:grid}.scenario-summary dl div{gap:2px;display:grid}.scenario-summary dt{color:var(--muted);font-size:.76rem}.scenario-summary dd{color:#33414c;margin:0;font-size:.84rem;font-weight:650}.workspace{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:20px;display:grid;overflow:visible}.input-column{gap:20px;min-width:0;display:grid}.panel,.results{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:visible;box-shadow:0 16px 40px #1720260f}.form-panel{gap:18px;padding:22px;display:grid}.panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-header h2{margin:0;font-size:1rem}.panel-header>span{color:var(--muted);font-size:.84rem}.demo-presets{gap:8px;display:grid}.demo-presets>span{color:#33414c;font-size:.85rem;font-weight:650}.demo-presets div{flex-wrap:wrap;gap:8px;display:flex}.demo-presets button{color:#33414c;background:#fbfcfd;border:1px solid #cfd7df;min-height:34px;padding:7px 10px;font-size:.82rem;font-weight:650}.demo-presets button:hover:not(:disabled){color:var(--accent-dark);background:#edf3ff;border-color:#cadcff}.form-hint{border:1px solid var(--line);color:var(--muted);background:#fbfcfd;border-radius:8px;margin:0;padding:10px 12px;font-size:.86rem;line-height:1.45}.field-grid{grid-template-columns:1fr;gap:14px;display:grid}label{gap:7px;display:grid}label span{color:#33414c;font-size:.85rem;font-weight:650}.field-helper{color:var(--muted);font-size:.8rem;line-height:1.4}input,select,textarea{color:var(--foreground);background:#fbfcfd;border:1px solid #cfd7df;border-radius:6px;outline:none;width:100%;padding:10px 11px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1f6feb24}.affected-groups{flex-wrap:wrap;gap:8px;display:flex}.affected-groups span{color:#174ea6;background:#edf3ff;border:1px solid #cadcff;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:650}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;min-height:44px;padding:11px 16px;font-weight:750}button:hover:not(:disabled){background:var(--accent-dark)}button:disabled{cursor:wait;opacity:.7}button[type=button]:disabled{cursor:default}.error{color:var(--danger);white-space:pre-line;background:#fff1f0;border:1px solid #ffcdc7;border-radius:6px;margin:0;padding:10px 12px;font-size:.9rem}.payload-panel{gap:12px;padding:18px;display:grid}.payload-panel pre{border:1px solid var(--line);color:#33414c;white-space:pre-wrap;word-break:break-word;background:#fbfcfd;border-radius:8px;max-height:260px;margin:0;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.78rem;line-height:1.5;overflow:auto}.history-panel{gap:14px;padding:18px;display:grid}.empty-state{color:var(--muted);margin:0;font-size:.9rem}.history-list{gap:10px;display:grid}.history-item{border:1px solid var(--line);border-radius:8px;padding:12px}.history-item-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.history-item strong{font-size:.86rem}.history-item p,.history-item small{color:var(--muted);font-size:.82rem}.history-item p{text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0;overflow:hidden}.history-item small{margin-top:6px;display:block}.results{min-width:0;padding:22px;overflow:visible}.results-header{margin-bottom:16px}.response-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.impact-badge{border-radius:999px;padding:5px 8px;font-size:.75rem;font-weight:750;line-height:1}.impact-niedrig{color:#17663a;background:#eaf8ef}.impact-mittel{color:#8a5a00;background:#fff6df}.impact-hoch{color:#b42318;background:#fff1f0}.impact-unbekannt{color:#52616c;background:#eef2f6}.validation-badge{border-radius:999px;padding:5px 8px;font-size:.75rem;font-weight:750;line-height:1}.validation-ok{color:#17663a;background:#eaf8ef}.validation-review{color:#7a4f00;background:#fff4d6;box-shadow:inset 0 0 0 1px #f3d58a}.workflow-status{color:var(--muted);margin:7px 0 0;font-size:.82rem}.output-error{margin-bottom:14px}.review-box{color:#5f4300;background:#fffaf0;border:1px solid #f2d79b;border-left:4px solid #d79a18;border-radius:8px;margin-bottom:14px;padding:12px}.review-box h3{background:#fff4d6;border:1px solid #f3d58a;border-radius:999px;align-items:center;margin:0 0 8px;padding:5px 8px;font-size:.8rem;font-weight:750;line-height:1;display:inline-flex}.review-box ul{gap:5px;margin:0;padding-left:18px;font-size:.84rem;line-height:1.45;display:grid}.review-box p{margin:0;font-size:.84rem;line-height:1.45}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.response-card{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;min-height:148px;padding:16px}.response-card h3{margin-bottom:10px;font-size:.92rem}.response-card pre{color:#33414c;white-space:pre-wrap;word-break:break-word;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.84rem;line-height:1.55}.next-steps-list{color:#33414c;margin:0;padding-left:18px;font-size:.9rem;line-height:1.55}.next-steps-list li+li{margin-top:6px}.dispatch-preview{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.dispatch-preview-blocked{opacity:.78}.dispatch-header{gap:4px;margin-bottom:12px;display:grid}.dispatch-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dispatch-header h3{margin:0;font-size:.92rem}.dispatch-header p{color:var(--muted);margin:0;font-size:.82rem}.manual-review-explanation{color:#7a4f00;font-weight:650}.not-ready-badge{color:#7a4f00;background:#fff4d6;border:1px solid #f3d58a;border-radius:999px;padding:5px 8px;font-size:.75rem;font-weight:750;line-height:1}.dispatch-list{gap:10px;display:grid}.dispatch-item{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;padding:12px}.dispatch-item-header{justify-content:space-between;align-items:start;gap:10px;margin-bottom:8px;display:flex}.dispatch-item-header div{gap:3px;display:grid}.dispatch-actions{place-items:end;gap:6px;display:grid}.dispatch-actions button{color:#33414c;background:#fff;border:1px solid #cfd7df;min-height:30px;padding:6px 9px;font-size:.78rem;font-weight:650}.dispatch-actions button:hover:not(:disabled){color:var(--accent-dark);background:#edf3ff;border-color:#cadcff}.dispatch-actions button:disabled{color:#17663a;cursor:default;opacity:1;background:#eaf8ef;border-color:#c6ead3}.dispatch-item strong{color:#33414c;font-size:.86rem}.dispatch-item small{color:var(--muted);font-size:.78rem}.dispatch-item pre{color:#33414c;white-space:pre-wrap;word-break:break-word;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;line-height:1.5;overflow:visible}.ready-badge{color:#52616c;background:#eef2f6;border-radius:999px;padding:5px 8px;font-size:.75rem;font-weight:750;line-height:1}.ready-badge-approved{color:#17663a;background:#eaf8ef}.ready-badge-blocked{color:#7a4f00;background:#fff4d6}.integration-registry{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.integration-list{gap:8px;display:grid}.integration-row{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.integration-row div{gap:2px;display:grid}.integration-row strong{color:#33414c;font-size:.86rem}.integration-row small{color:var(--muted);font-size:.78rem}.integration-badge{border-radius:999px;padding:5px 8px;font-size:.75rem;font-weight:750;line-height:1}.integration-geplant{color:#52616c;background:#eef2f6}.integration-optional{color:#8a5a00;background:#fff6df}.processing-log{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.processing-log-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.processing-log-header h3{margin:0;font-size:.92rem}.timeline-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.timeline-item{grid-template-columns:10px 1fr;align-items:start;gap:10px;display:grid}.timeline-dot{background:var(--accent);border-radius:999px;width:8px;height:8px;margin-top:6px;box-shadow:0 0 0 4px #1f6feb1f}.timeline-item div{gap:2px;display:grid}.timeline-item strong{color:#33414c;font-size:.86rem}.timeline-item span:last-child{color:var(--muted);font-size:.8rem}@media (max-width:900px){.narrative-demo,.workspace{grid-template-columns:1fr}}@media (max-width:640px){.page-shell{padding:28px 16px}.panel-header{flex-direction:column;align-items:flex-start;gap:4px}.card-grid{grid-template-columns:1fr}}