:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-top:#edf5ff;--bg-bottom:#d7e4f4;--panel:#fffcf7db;--panel-strong:#5e8dc929;--panel-soft:#ffffff85;--panel-border:#6f89ad3d;--text:#1d3150;--muted:#607694;--accent:#4e7fb5;--accent-soft:#4e7fb524;--success:#5da78e;--warning:#cfa253;--shadow:0 24px 64px #516c912e}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #8ec2f275, transparent 30%), radial-gradient(circle at top right, #f2dba657, transparent 24%), radial-gradient(circle at 50% 0%, #ffffffbd, transparent 34%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{border:0}.visitor-shell{grid-template-columns:minmax(0,1fr) 420px;gap:24px;min-height:100vh;padding:28px;display:grid}.main-stage,.side-panel{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:radial-gradient(circle at 100% 0,#e6c06a1a,#0000 26%),radial-gradient(circle at 0 0,#70a0d61f,#0000 30%),linear-gradient(#fffcf8f0,#f5f9ffd6)}.main-stage{border-radius:28px;flex-direction:column;gap:18px;padding:22px;display:flex}.visitor-stage{gap:10px}.top-command-deck{grid-template-columns:minmax(340px,430px) minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.command-column{align-content:start;gap:10px;display:grid}.command-header{min-width:0}.compact-command-block{max-width:430px}.side-panel{border-radius:28px;flex-direction:column;gap:18px;padding:20px;display:flex}.stage-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.compact-stage-header{gap:8px}.title-block{min-width:0}.compact-title-block{gap:4px;display:grid}.title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.compact-title-row{gap:10px}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.compact-title-block .eyebrow{margin-bottom:0}.stage-title{max-width:760px;margin:0;font-size:clamp(28px,3vw,46px);line-height:1.08}.compact-stage-title{font-size:clamp(22px,2vw,30px);line-height:1.02}.stage-subtitle{max-width:760px;color:var(--muted);margin:12px 0 0;line-height:1.6}.compact-stage-subtitle{max-width:920px;margin-top:2px;font-size:14px;line-height:1.35}.chip-stack{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.compact-chip-stack{justify-content:flex-start;gap:8px}.build-chip{color:#34567e;white-space:nowrap;background:linear-gradient(#ffffffd1,#edf4fcc7);border:1px solid #5a7fad38;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:10px 14px;font-size:13px;display:inline-flex;box-shadow:inset 0 1px #fffc}.compact-chip-stack .build-chip{min-height:32px;padding:6px 11px;font-size:12px}.muted-chip{color:#896226;background:linear-gradient(#fff8e4f5,#f7e7bfeb);border-color:#cfa25357}.mission-bar{border:1px solid var(--panel-border);background:linear-gradient(135deg,#fffcf5e6,#eef6ffd1 62%,#f8eed2b8);border-radius:18px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid;box-shadow:inset 0 1px #ffffffd1}.command-mission-bar{grid-template-columns:1fr}.command-mission-bar .launch-button,.command-mission-bar .secondary-button{width:100%}.mission-input-stack{gap:6px;min-width:0;display:grid}.mission-chip-row{flex-wrap:wrap;gap:6px;display:flex}.input-chip{color:#3f648d;cursor:pointer;background:linear-gradient(#ffffffd6,#eff5fcc7);border:1px solid #5a7fad38;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:5px 10px;font-size:12px;display:inline-flex}.url-input{width:100%;min-width:0;color:var(--text);background:#fffffff0;border:1px solid #6f89ad47;border-radius:12px;outline:none;padding:11px 14px;box-shadow:inset 0 1px #ffffffe6}.url-input::placeholder{color:#8aa0b8}.url-input:focus{border-color:#8ab4ff70;box-shadow:0 0 0 4px #8ab4ff1f}.primary-button,.secondary-button{cursor:pointer;border-radius:12px;padding:11px 14px;transition:transform .14s,opacity .14s,background .14s,border-color .14s}.primary-button{color:#244566;background:linear-gradient(135deg,#f8fbff 0%,#c3def7 58%,#f1ddb0 100%);border:1px solid #6f89ad4d;font-weight:800;box-shadow:inset 0 1px #ffffffeb,0 8px 18px #6583ab2e}.secondary-button{color:var(--text);background:linear-gradient(#ffffffd1,#f2f7fdb8);border:1px solid #6f89ad38}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.launch-button{min-width:128px}.mission-caption-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.compact-mission-caption-row{gap:10px}.command-caption-row{flex-direction:column;align-items:flex-start}.status-pill{color:var(--text);background:linear-gradient(#ffffffd1,#f0f6fdc2);border:1px solid #6f89ad2e;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.compact-mission-caption-row .status-pill{padding:6px 10px;font-size:12px}.status-dot{background:var(--warning);border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 4px #ffd38a1f}.status-dot[data-variant=ready]{background:var(--success);box-shadow:0 0 0 4px #7fe6b624}.inline-status-dot{width:8px;height:8px;margin-right:8px}.mission-note{color:var(--muted);text-align:right;margin:0;line-height:1.5}.compact-mission-note{font-size:13px;line-height:1.3}.feedback-banner{color:#34567e;background:linear-gradient(#ffffffd1,#eff5fcbd);border:1px solid #5a7fad2e;border-radius:16px;padding:12px 14px}.error-banner{color:#9a4d4d;background:#fff0f0e6;border-color:#d678783d}.canvas-shell{background:linear-gradient(#fffdf9db,#e8f2fcf0);border:1px solid #6f89ad33;border-radius:24px;min-height:640px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff0}.visitor-canvas-shell{margin-top:-2px}.canvas-grid{pointer-events:none;background-image:linear-gradient(#5d80a814 1px,#0000 1px),linear-gradient(90deg,#5d80a814 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.canvas-overlay-copy{z-index:2;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:14px;left:14px;right:14px}.canvas-overlay-copy span{color:#468;background:linear-gradient(#ffffffd6,#f0f6fdc2);border:1px solid #6f89ad2e;border-radius:999px;align-items:center;min-height:32px;padding:6px 10px;font-size:12px;display:inline-flex}.operations-canvas{min-height:640px;position:relative}.operations-canvas canvas{width:100%;height:100%;display:block}.panel-section{border:1px solid var(--panel-border);background:linear-gradient(#ffffffb8,#f4f9ff8f);border-radius:20px;gap:12px;padding:16px;display:grid}.journey-strip-section{grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:10px;min-width:0;height:100%;padding:12px}.journey-strip-section .panel-title{font-size:19px}.journey-strip-section .panel-copy{font-size:13px;line-height:1.35}.report-panel-section{align-content:start}.panel-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-title{margin:0;font-size:19px}.panel-copy{color:var(--muted);margin:0;line-height:1.55}.roster-count,.workflow-step-status{color:var(--muted);font-size:13px}.workflow-list,.workflow-strip{gap:10px;display:grid}.journey-strip-section .workflow-strip{gap:10px;height:100%}.workflow-strip-6{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-strip-section .workflow-strip-6{grid-auto-rows:1fr;align-content:stretch;align-items:stretch}.workflow-step{background:#ffffffa8;border:1px solid #0000;border-radius:16px;gap:6px;padding:12px;display:grid}.workflow-step-title{justify-content:space-between;gap:12px;font-weight:700;display:flex}.journey-strip-section .workflow-step-title{gap:8px;font-size:14px;line-height:1.28}.journey-strip-section .workflow-step-status{white-space:nowrap;background:#ffffffb8;border:1px solid #7897be2e;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 9px;font-size:11px;display:inline-flex}.workflow-step-copy{color:var(--muted);font-size:14px;line-height:1.45}.workflow-strip-card{align-content:start;min-height:132px;padding:11px}.workflow-strip-card-expanded{min-height:150px;padding:12px}.journey-strip-section .workflow-strip-card-expanded{aspect-ratio:auto;background:linear-gradient(145deg,#fffcf5f0,#eff7ffdb 58%,#f7ecccc7);border-color:#82a2c638;border-radius:18px;gap:10px;height:100%;min-height:0;padding:14px;box-shadow:inset 0 1px #ffffffeb,0 8px 16px #7291b814}.workflow-step-copy-expanded{font-size:14px;line-height:1.45}.journey-strip-section .workflow-step-copy-expanded{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.workflow-strip-title{align-items:start}.workflow-progress-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.journey-strip-section .workflow-progress-row{gap:8px;margin-top:auto}.workflow-progress-track{background:#6f89ad24;border-radius:999px;height:8px;overflow:hidden}.journey-strip-section .workflow-progress-track{height:6px}.workflow-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#7ea9d6 0%,#d9b66a 100%);height:100%;display:block}.workflow-progress-value{color:var(--accent);font-size:12px;font-weight:700}.journey-strip-section .workflow-progress-value{font-size:11px}.visit-step[data-status=active]{background:var(--panel-strong);border-color:#4e7fb547}.visit-step[data-status=complete]{background:#f4e7c56b;border-color:#cfa25338}.definition-list{grid-template-columns:88px 1fr;gap:10px 12px;margin:0;display:grid}.definition-list dt{color:var(--muted)}.definition-list dd{margin:0;font-weight:600}.compact-definition-list{grid-template-columns:72px 1fr}.mini-accent{border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 4px #ffffff0d}.actions{flex-wrap:wrap;gap:12px;display:flex}.actions .secondary-button{flex:180px}.single-row-actions .secondary-button{width:100%}.report-headline-block{gap:4px;display:grid}.report-headline{margin:0;font-size:17px}.report-url{color:var(--muted);word-break:break-word;margin:0;font-size:13px}.report-grid,.insight-grid{gap:10px;display:grid}.report-card{background:linear-gradient(145deg,#fffdf8e6,#f3f9ffbd 62%,#f8efd59e);border:1px solid #6f89ad29;border-radius:16px;gap:6px;padding:14px;display:grid}.report-card-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.report-card-value{color:var(--text);margin:0;line-height:1.55}.highlights-block{gap:10px;display:grid}.highlights-list{color:var(--muted);gap:8px;margin:0;padding-left:18px;display:grid}.agent-roster{gap:10px;display:grid}.agent-card{width:100%;color:var(--text);text-align:left;background:linear-gradient(#fffc,#f3f8ffa8);border:1px solid #6f89ad29;border-radius:16px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.agent-card[data-selected=true]{background:linear-gradient(#e8f3fffa,#f8f0dad1);border-color:#4e7fb54d}.agent-card-accent{border-radius:999px;width:8px;height:42px}.agent-card-main{gap:4px;display:grid}.agent-card-name{font-weight:700}.agent-card-role,.agent-card-state{color:var(--muted);font-size:13px}.compact-agent-roster{gap:8px}.compact-agent-card{padding:10px 12px}.compact-agent-card .agent-card-accent{height:36px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1240px){.visitor-shell,.top-command-deck{grid-template-columns:1fr}.side-panel{padding:18px}}@media (max-width:820px){.visitor-shell{gap:16px;padding:16px}.main-stage,.side-panel{border-radius:22px;padding:16px}.stage-header,.mission-caption-row,.title-row{flex-direction:column;align-items:flex-start}.mission-note{text-align:left}.mission-bar,.command-mission-bar{grid-template-columns:1fr}.launch-button,.secondary-button{width:100%}.workflow-strip-6{grid-template-columns:1fr 1fr}.journey-strip-section .workflow-strip-card-expanded{min-height:148px}.canvas-shell,.operations-canvas{min-height:0}.visitor-canvas-shell{aspect-ratio:1100/640;height:auto}.operations-canvas{aspect-ratio:1100/640;height:100%}.operations-canvas canvas{width:100%!important;height:100%!important}}@media (max-width:560px){.visitor-canvas-shell,.operations-canvas{aspect-ratio:1100/640;min-height:0}.operations-canvas canvas{width:100%!important;height:100%!important}.workflow-strip-6,.definition-list,.compact-definition-list{grid-template-columns:1fr}.agent-card,.compact-agent-card{grid-template-columns:8px minmax(0,1fr)}.agent-card-state{grid-column:2}}@media (max-width:820px){.canvas-overlay-copy{transform-origin:0 0;pointer-events:none;gap:4px;max-width:calc(100% - 16px);top:8px;left:8px;right:auto;transform:scale(.62)}.canvas-overlay-copy span{opacity:.88;border-radius:999px;min-height:22px;padding:3px 8px;font-size:10px;line-height:1}}@media (max-width:560px){.canvas-overlay-copy{gap:3px;top:6px;left:6px;transform:scale(.52)}.canvas-overlay-copy span{min-height:20px;padding:3px 7px;font-size:9px}}@media (max-width:820px){.visitor-shell{align-content:start;min-height:auto;padding-bottom:16px}.main-stage,.side-panel{align-self:start}.side-panel{margin-bottom:0}html,body{overflow-x:hidden}}@media (max-width:560px){.visitor-shell{min-height:auto;padding-bottom:12px}}