*{box-sizing:border-box}:root{color:#102033;background:radial-gradient(circle at top right,rgba(190,242,100,.32),transparent 24%),linear-gradient(180deg,#f8fbff,#edf4fa);font-family:Segoe UI,Inter,Helvetica Neue,sans-serif}body{margin:0;min-height:100vh;color:#102033;background:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,code{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;padding:24px 16px 40px}.app-frame{max-width:1080px;margin:0 auto;display:grid;gap:16px}.app-header h1,.section-copy h2{margin:0}.app-header p,.section-copy p,.workflow-button__copy,.notice span,.status-line,.connection-banner span,.summary-tile__label{color:#506175}.app-header p,.section-copy p{margin:8px 0 0}.app-card,.notice,.connection-banner,.status-line,.modal-panel{border:1px solid rgba(169,184,202,.72);border-radius:16px;background:#ffffffe6;box-shadow:0 16px 40px #10203314}.app-card,.notice,.connection-banner,.status-line,.modal-panel{padding:16px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.workflow-grid,.summary-grid,.button-row{display:grid;gap:12px}.workflow-grid{margin-top:16px}.workflow-button{border:1px solid rgba(169,184,202,.72);border-radius:14px;background:#f8fbff;padding:14px 16px;text-align:left;display:grid;gap:6px;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.workflow-button:hover:not(:disabled){border-color:#3c8d60;transform:translateY(-1px);box-shadow:0 10px 24px #3c8d601f}.workflow-button.is-selected{border-color:#3c8d60;background:#f3fbf5}.workflow-button:disabled,.button-primary:disabled,.button-secondary:disabled{cursor:not-allowed;opacity:.6}.workflow-button__title{font-weight:700;color:#102033}.workflow-pill{border-radius:999px;padding:6px 10px;background:#eef4fa;color:#2f5066;font-size:12px;font-weight:700;white-space:nowrap}.summary-grid{margin-top:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid--compact{margin-top:0}.summary-tile{border-radius:14px;border:1px solid rgba(169,184,202,.72);background:#fbfdff;padding:14px;display:grid;gap:8px}.summary-tile strong{font-size:28px;line-height:1}.summary-tile__label{font-size:13px;text-transform:uppercase;letter-spacing:.04em}.notice{display:grid;gap:8px}.notice--info{margin-top:16px;border-color:#7294b266;background:#f5f9fc}.notice--error{border-color:#bf4a4a66;background:#fff5f5}.notice--success{border-color:#3c8d6066;background:#f3fbf5}.button-row{margin-top:16px;grid-template-columns:repeat(2,minmax(0,max-content))}.button-primary,.button-secondary{border-radius:999px;padding:10px 16px;border:1px solid transparent;font-weight:700}.button-primary{background:#102033;color:#fff}.button-secondary{border-color:#a9b8cab8;background:transparent;color:#102033}.status-line{font-size:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10203373;display:grid;place-items:center;padding:16px}.modal-panel{width:min(100%,520px);display:grid;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:12px}.technical-details summary{cursor:pointer;font-weight:600}.technical-details code{display:block;margin-top:8px;padding:10px 12px;border-radius:10px;background:#1020330f;white-space:pre-wrap;word-break:break-word}@media (max-width: 640px){.app-shell{padding:16px 12px 32px}.section-heading{flex-direction:column}.summary-grid,.button-row{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}}
