:root{--ink:#192f2b;--muted:#73807a;--green:#285e4b;--green-dark:#163c30;--mint:#e9f2eb;--paper:#f6f7f3;--line:#e5e9e1;--white:#fff;--lavender:#efedf8;--peach:#f8eee2;--radius:18px;--shadow:0 2px 3px #163c3003;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:var(--sans);color:var(--ink);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8dbdae;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,2.6vw,39px);font-weight:640;letter-spacing:-1.35px;line-height:1.18;margin-bottom:13px}h1 em{font-style:normal;color:var(--green)}h2{font-size:16px;font-weight:650;letter-spacing:-.3px;margin-bottom:12px}h3{font-size:14px;letter-spacing:-.15px}p{margin-bottom:12px}small{font-size:11px}button{border:none;background:none;color:inherit}input,textarea,select{width:100%;border:1px solid #dfe5dc;background:#fbfcf9;color:var(--ink);border-radius:9px;padding:10px 12px;outline:none}input::placeholder,textarea::placeholder{color:#9ca69f}textarea{resize:vertical;min-height:68px}label{display:block;font-size:11px;font-weight:550;color:#77837b;letter-spacing:.15px}label input,label select,label textarea{margin-top:6px;font-size:13px;letter-spacing:0}pre{margin:18px 0;background:#f4f6f2;border:1px solid var(--line);border-radius:12px;padding:18px;overflow:auto;font-size:12px;line-height:1.7;color:#315648;white-space:pre-wrap}code{font-family:"SFMono-Regular",Consolas,monospace;font-size:.94em}[hidden]{display:none!important}.shell{min-height:100vh;display:grid;grid-template-columns:212px minmax(0,1fr)}.sidebar{background:#182e28;color:#c8d6ce;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:35px 20px 22px}.brand{display:flex;align-items:center;gap:10px;color:#f8fbf5;font-size:22px;font-weight:650;letter-spacing:-.7px;padding:0 4px}.brand-mark{font-size:41px;font-weight:400;line-height:1.1;color:#bfe7c8}.brand-small{display:block;font-size:8px;letter-spacing:2.1px;font-weight:500;color:#8ba89a;margin-top:3px}.workspace-label{font-size:9px;letter-spacing:1.6px;color:#819a8c;margin:51px 13px 14px}nav{display:flex;flex-direction:column;gap:7px}.nav-link{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 13px;border-radius:10px;font-size:12px;font-weight:500;color:#c0d0c6}.nav-link span{font-size:19px;width:21px;text-align:center;line-height:1}.nav-link:hover{background:#ffffff0d}.nav-link.active{background:#bfe7c819;color:#def9d8}.sidebar-note{margin:52px 9px 0;border-top:1px solid #ffffff16;padding-top:21px;position:relative}.tiny-label{font-size:9px;letter-spacing:1.7px;color:#85a38f}.sidebar-note p{font-size:12px;line-height:1.9;margin-top:11px;color:#8da598}.sidebar-note strong{font-weight:500;color:#c9decc}.sprout{display:block;font-size:41px;color:#729e81;padding:10px 5px;transform:rotate(-12deg)}.sidebar-bottom{margin-top:auto;padding:17px 11px 0;border-top:1px solid #ffffff16;font-size:9px;letter-spacing:.7px}.sidebar-bottom small{display:block;letter-spacing:0;font-size:10px;line-height:1.8;color:#81998b;margin-top:8px}.status-dot,.live-dot{display:inline-block;width:6px;height:6px;background:#aacbad;border-radius:50%;margin-right:7px}.body-wrap{min-width:0}.topbar{height:76px;padding:0 37px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbfcf9}.breadcrumb{font-size:11px;color:#929e94}.breadcrumb span{padding:0 12px;color:#b4bdb1}.breadcrumb strong{color:#4d6555;font-weight:500}.header-actions{display:flex;align-items:center;gap:22px}.badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:8px;letter-spacing:1px;font-weight:650;border:1px solid #dce8d8;border-radius:5px;padding:3px 7px;color:#527553;background:#f3f7ef;vertical-align:middle}.badge.soft{background:#eaf1e8;border:0;padding:6px 9px;letter-spacing:.7px}.profile-control{display:flex;align-items:center;gap:9px;font-size:10px}.profile-control select{width:110px;background:transparent;margin:0;padding:6px 4px;border:none;font-size:11px;font-weight:600;color:#49614f}main{max-width:1720px;margin:auto;padding:34px 37px 0}.page{display:none}.page.active{display:block;animation:fade .2s ease-out}@keyframes fade{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 27px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#819180;margin-bottom:11px}.page-heading p{color:var(--muted);font-size:12px;margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;background:#fff;border:1px solid #dce4d7;border-radius:8px;font-size:11px;font-weight:600;white-space:nowrap;min-height:38px;box-shadow:var(--shadow)}.button:hover{background:#f1f5ee}.button.primary{color:#fff;background:var(--green);border-color:var(--green)}.button.primary:hover{background:var(--green-dark)}.button.primary span{font-size:17px;line-height:1}.button.danger{color:#aa4b42;border-color:#efd9d3}.text-button{font-size:11px;font-weight:550;color:var(--green);padding:5px 0;text-align:left}.text-button:hover{text-decoration:underline}.summary-grid{display:grid;grid-template-columns:1fr 1.1fr 1.05fr;gap:15px;margin-bottom:23px}.summary-card{padding:18px 17px;background:#fff;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:36px 1fr;column-gap:13px}.summary-card strong{display:block;font-weight:600;font-size:20px;line-height:1.1;letter-spacing:-.5px}.summary-card span:not(.metric-icon){font-size:10px;color:#677d6b;display:block;margin-top:4px}.summary-card small{font-size:9px;color:#96a091;grid-column:2;margin-top:7px}.metric-icon{width:34px;height:34px;display:grid;place-items:center;background:var(--mint);color:#648467;border-radius:9px;font-size:21px}.metric-icon.lavender{background:var(--lavender);color:#8b7db8}.metric-icon.peach{background:var(--peach);color:#b99367}.studio-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:22px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:23px}.chat-card{padding:0;overflow:hidden}.chat-header{padding:19px 23px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.chat-header h2{font-size:14px;margin:0 0 4px}.chat-header h2 .badge{margin-left:7px}.chat-header p{color:#8b998b;font-size:10px;margin:0}.live-dot{margin-left:auto;background:#7ca980;box-shadow:0 0 0 4px #edf5e9}.mini-avatar{width:39px;height:39px;border-radius:15px;background:#d7ead7;display:flex;align-items:center;justify-content:center;gap:7px;position:relative;transform:rotate(-4deg)}.mini-avatar i{width:3px;height:6px;background:#3c6342;border-radius:4px}.mini-avatar:after{content:'';width:9px;height:4px;border-bottom:2px solid #638067;position:absolute;top:24px;left:15px;border-radius:50%}.chat-history{height:346px;overflow-y:auto;padding:22px 23px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d5ddce transparent}.welcome{text-align:center;margin:5px auto 0;max-width:320px}.welcome-avatar{margin:0 auto 18px;width:65px;height:65px;background:#edf4e7;border-radius:25px;display:grid;place-items:center;font-size:40px;color:#72946e;transform:rotate(-6deg)}.welcome h3{font-size:18px;font-weight:550;letter-spacing:-.4px}.welcome p{font-size:12px;color:#81907b;line-height:1.8;margin-bottom:18px}.welcome .example{border:1px dashed #d4dfce;border-radius:10px;padding:12px;color:#687e61;background:#f7faf3;font-size:11px;line-height:1.7}.message{display:flex;flex-direction:column;margin-bottom:18px;max-width:92%}.message.user{margin-left:auto;align-items:flex-end}.message-label{font-size:9px;color:#94a28c;margin-bottom:5px}.bubble{font-size:12px;line-height:1.85;white-space:pre-wrap;padding:13px 16px;background:#f0f5eb;border:1px solid #e6eddf;border-radius:3px 14px 14px 14px;color:#425b3f;overflow-wrap:anywhere}.message.user .bubble{background:#f5f4f0;color:#6e7160;border-color:#efeee7;border-radius:14px 3px 14px 14px}.message .action-tag{font-size:8px;letter-spacing:.7px;color:#91a485;margin-top:6px;text-transform:uppercase}.composer{border-top:1px solid var(--line);padding:17px 23px 13px;background:#fdfefb}.action-tabs{display:flex;gap:5px;margin-bottom:14px}.action-tabs button{font-size:10px;padding:5px 10px;border:1px solid transparent;border-radius:6px;color:#819178}.action-tabs button.selected{background:#e8f0e0;border-color:#dce8d2;color:#4c6d3f;font-weight:600}.field-row{display:grid;grid-template-columns:1.1fr 1fr;gap:11px;margin-bottom:12px}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px}.composer-footer .text-button{font-size:10px}.composer-note{font-size:9px;color:#a0aa97;margin:11px 0 0;line-height:1.6}.memory-column{display:flex;flex-direction:column;gap:17px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.card-heading h2{margin:0}.pill{font-size:9px;border:1px solid #e3e8dc;border-radius:6px;color:#87977b;padding:3px 6px;white-space:nowrap}.subtle{font-size:11px;color:#8b9883;line-height:1.7}.memory-card>.subtle{font-size:10px;margin:0 0 19px}.empty-memory{padding:23px 10px;text-align:center;background:#f9fbf6;border:1px dashed #e3e9da;border-radius:12px}.empty-memory span{font-size:26px;color:#a7b59a}.empty-memory p{font-size:11px;color:#8e9f80;margin:8px 0 0}.memory-item{border:1px solid #e3e9dc;background:#fbfcf8;border-radius:11px;padding:13px;margin-bottom:10px;overflow-wrap:anywhere}.memory-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;margin-bottom:6px}.memory-title small{font-weight:500;font-size:9px;color:#899a79}.memory-item p{font-size:11px;color:#687d57;margin:5px 0 9px;line-height:1.7}.progress-track{height:4px;border-radius:5px;background:#e5ebdb;overflow:hidden}.progress-fill{height:100%;background:#a2be86;border-radius:5px}.memory-provenance{margin-top:8px;font-size:8px;color:#a0ac94;line-height:1.7}.memory-actions{display:flex;gap:13px;margin-top:6px}.memory-actions button{font-size:9px}.decision-card .badge{font-size:7px}.trace-summary{font-size:11px;color:#7a8d69;line-height:1.8;margin-bottom:14px}.trace-action{display:inline-block;font:10px "SFMono-Regular",Consolas,monospace;background:#f0f3e9;color:#66834e;border:1px solid #e0e8d4;border-radius:5px;padding:5px 8px;margin:3px 0 10px}.gentle-note{display:flex;gap:12px;padding:3px 5px}.gentle-note>span{font-size:22px;color:#9aab8c}.gentle-note p{font-size:10px;line-height:1.85;color:#94a286;margin:0}.gentle-note strong{font-weight:550;color:#788d66}.main-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#9ba58f;padding:32px 0 20px;margin-top:12px}.pipeline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;padding:24px}.pipeline>div{flex:1;min-width:0}.pipeline b{font-size:10px;color:#96b080}.pipeline strong{display:block;font-size:13px;margin:6px 0}.pipeline small{display:block;font-size:10px;color:#92a083}.pipeline>span{font-size:19px;color:#b5c0a7}.algorithm-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.lower-grid{margin-top:22px}.formula{font-family:monospace;background:#eaf2e2;color:#5b754a;border-radius:10px;padding:17px;font-size:13px;line-height:1.9;margin:15px 0}.trace-table{font-size:11px;display:grid;grid-template-columns:130px 1fr;gap:0;margin-top:12px}.trace-table dt,.trace-table dd{border-bottom:1px solid #edf0e7;padding:11px 0;overflow-wrap:anywhere}.trace-table dt{color:#9ba68d}.trace-table dd{margin:0;color:#5d754e}.trace-empty{color:#a0ad91;font-size:12px;padding:30px 10px;text-align:center}.graph-group{background:#f7faf2;padding:13px;border-radius:10px;border:1px solid #e7eddd;margin-bottom:9px}.graph-group strong{font-size:10px;color:#849a6d}.graph-group p{font-size:12px;margin:9px 0 0;color:#637e4d;overflow-wrap:anywhere}.small-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:21px 0}.small-metrics>div{padding:14px;background:#f7f9f2;border:1px solid #e7eddd;border-radius:10px}.small-metrics strong{display:block;font-size:21px;font-weight:600;letter-spacing:-.5px;color:#597743}.small-metrics span{font-size:10px;color:#8b9c77}.small-metrics small{display:block;color:#a6b197;font-size:9px;margin-top:4px}.evidence-banner{padding:13px 17px;background:#efeee5;color:#969272;border:1px solid #e7e5d7;border-radius:11px;display:flex;align-items:center;gap:15px;font-size:11px;margin-bottom:21px}.evidence-banner .badge{background:#f5f3e9;border-color:#dedbc7;color:#99916a}.functional-card,.simulation-card,.monte-card{margin-bottom:22px}.functional-card .card-heading,.simulation-card .card-heading,.monte-card .card-heading{align-items:flex-start}.card-heading .subtle{margin:6px 0 0}.empty-inline{padding:23px 0 5px;color:#9cab8d;font-size:12px}.functional-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.check-result{padding:15px;background:#f4f8ee;border:1px solid #e2ebd6;border-radius:11px}.check-result strong{display:block;font-size:20px;font-weight:600;color:#678748}.check-result span{font-size:10px;color:#8e9f77}.check-result small{font-size:9px;display:block;color:#a5b494;margin-top:6px}.check-result.fail{background:#fcf1eb;border-color:#f0d8cd}.check-result.fail strong{color:#b97961}.simulation-controls{display:flex;gap:13px;align-items:end;border-bottom:1px solid #eef1e7;padding:6px 0 20px}.simulation-controls label{flex:1;min-width:0}.simulation-controls label:first-child{flex:1.75}.simulation-controls input,.simulation-controls select{font-size:11px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:28px}.chart-grid h3{margin-bottom:4px;color:#667e52;font-size:12px}.chart-grid .subtle{font-size:9px;min-height:30px}.chart svg{width:100%;display:block;height:auto;background:#fdfefb;border-radius:8px}.chart-footer{border-top:1px solid #eef1e7;margin-top:18px;padding-top:15px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:9px;color:#9caa8b}.chart-footer>div{display:flex;gap:15px}.chart-footer button{font-size:10px}.outcome-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding-top:13px}.outcome-grid h3{font-size:12px;margin:12px 0 8px;color:#6d805a}.outcome-grid p{font-size:11px;color:#94a180;line-height:1.8}.check-tag{font-size:8px;letter-spacing:1px;color:#6e8e53}.check-tag.neutral{color:#ad9d74}.form-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 16px}#connect-form>label{margin-bottom:15px}.callout{background:#f3f6eb;border:1px solid #e6ead9;border-radius:10px;padding:15px;margin-top:20px}.callout strong{font-size:11px;color:#80955f}.callout p{font-size:10px;color:#94a578;line-height:1.8;margin:6px 0 0}.switch-row{display:flex;align-items:start;gap:12px;padding:15px 0;border-bottom:1px solid #eef1e7;letter-spacing:0}.switch-row input{width:16px;margin:3px 0;accent-color:var(--green);flex-shrink:0}.switch-row strong{font-size:11px;font-weight:550;color:#6f8557}.switch-row small{display:block;color:#9fac8f;font-size:10px;font-weight:400;line-height:1.8;margin-top:5px}.card>p:not(.subtle){font-size:12px;color:#8b9b78;line-height:1.85}.invitation-bar{font-size:10px;padding:10px 23px;background:#f8f1df;color:#9a8a5e;border-top:1px solid #ebdfbf}.invitation-bar button{margin-left:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:20;background:#244a39;color:#edf7e7;border:1px solid #4a7355;padding:13px 20px;border-radius:10px;box-shadow:0 8px 30px #2033262a;font-size:12px;max-width:min(90vw,650px)}.skip-link{position:absolute;top:-60px;left:10px;padding:10px;background:#fff;z-index:100}.skip-link:focus{top:10px}details{margin-top:15px}summary{font-size:10px;color:#8b9f70;cursor:pointer}.test-detail{font-size:10px;padding:5px 0;border-bottom:1px solid #edf1e4;color:#91a17b}.test-detail b{margin-right:8px;color:#73974a}.small-metrics:has(>div:nth-child(5)){grid-template-columns:repeat(5,1fr)}.sweep-wrap{overflow-x:auto}.sweep{width:100%;border-collapse:collapse;font-size:11px;margin:10px 0 14px}.sweep th,.sweep td{text-align:left;padding:9px 10px 9px 0;border-bottom:1px solid #edf0e7;white-space:nowrap}.sweep th{color:#9ba68d;font-weight:500}.sweep td{color:#5d754e}.sweep tr.current td{font-weight:650;color:var(--green)}@media(min-width:1500px){.chat-history{height:395px}main{padding-top:44px}.page-heading{margin-bottom:34px}}@media(max-width:1150px){.shell{grid-template-columns:175px 1fr}.sidebar{padding:30px 12px}.brand{font-size:20px}.brand-mark{font-size:34px}.nav-link{padding:11px 10px;font-size:11px;gap:8px}.topbar{padding:0 25px}main{padding:28px 25px 0}.studio-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:16px}.card{padding:19px}.chat-card{padding:0}.summary-card{padding:16px 13px;column-gap:10px}.summary-card small{font-size:8px}.chat-header,.chat-history,.composer{padding-left:19px;padding-right:19px}.summary-card strong{font-size:18px}.simulation-controls{gap:8px}.simulation-controls .button{padding:10px}.algorithm-grid{gap:16px}.badge{font-size:7px}.header-actions{gap:12px}.trace-table{grid-template-columns:105px 1fr}}@media(max-width:950px){.shell{grid-template-columns:72px 1fr}.sidebar{padding:25px 10px}.brand>span:last-child,.workspace-label,.sidebar-note,.sidebar-bottom,.nav-link{font-size:0}.brand{padding:0;justify-content:center}.brand-mark{font-size:34px}.nav-link{justify-content:center;padding:15px 10px}.nav-link span{font-size:23px}nav{margin-top:45px;gap:15px}.sidebar-bottom small{display:none}.summary-card{grid-template-columns:27px 1fr;padding:15px 11px;column-gap:8px}.metric-icon{width:27px;height:27px;font-size:18px}.summary-card span:not(.metric-icon){font-size:9px}.summary-card small{line-height:1.6}.algorithm-grid{grid-template-columns:1fr}.pipeline{gap:9px}.pipeline small{font-size:9px}.chart-grid{gap:15px}.small-metrics,.small-metrics:has(>div:nth-child(5)){grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){.topbar{height:64px;padding:0 19px}.breadcrumb{display:none}.header-actions{width:100%;justify-content:space-between}.badge.soft{font-size:8px}main{padding:24px 18px 0}.page-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:23px}h1{font-size:29px;letter-spacing:-1px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.summary-card{display:block;padding:14px 10px}.metric-icon{display:none}.summary-card strong{font-size:17px}.summary-card small{display:none}.studio-grid{grid-template-columns:1fr}.memory-column{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gentle-note{grid-column:1/-1}.chat-history{height:300px}.pipeline{overflow:auto;padding:18px}.pipeline>div{min-width:90px}.pipeline>span{font-size:16px}.functional-grid{grid-template-columns:repeat(2,1fr)}.simulation-controls{display:grid;grid-template-columns:1fr 1fr}.simulation-controls .button{margin-top:12px}.chart-grid{grid-template-columns:1fr}.chart-grid .subtle{min-height:0}.outcome-grid{grid-template-columns:1fr;gap:12px}.evidence-banner{align-items:flex-start;flex-direction:column;gap:8px;font-size:10px}.functional-card .card-heading,.monte-card .card-heading{flex-direction:column;gap:16px}.card-heading .pill{font-size:8px}.main-footer{flex-direction:column;gap:5px}.chart-footer>div{flex-wrap:wrap}.trace-table{grid-template-columns:100px 1fr}}@media(max-width:460px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:sticky;top:0;z-index:10;flex-direction:row;align-items:center;padding:9px 15px}.brand-mark{font-size:26px}.sidebar nav{margin:0 0 0 auto;flex-direction:row;gap:12px}.nav-link{padding:8px}.nav-link span{font-size:18px}.sidebar-bottom{display:none}.topbar{height:53px;padding:0 16px}main{padding:22px 15px 0}.memory-column{display:flex}.profile-control{font-size:9px}.profile-control select{font-size:10px;width:92px}.page-heading .button{font-size:10px}h1{font-size:29px}.summary-card strong{font-size:16px}.summary-card span:not(.metric-icon){font-size:8px}.field-row{grid-template-columns:1fr}.topic-field{display:none}.chat-header,.chat-history,.composer{padding-left:17px;padding-right:17px}.card{padding:18px}.chat-card{padding:0}.action-tabs{gap:2px}.action-tabs button{font-size:9px;padding:5px 8px}.composer-footer{gap:9px}.button{font-size:10px}.trace-table{grid-template-columns:95px 1fr}.formula{font-size:11px}.small-metrics strong{font-size:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Readability adjustments for live demonstrations. */
.subtle{color:#718169}.composer-note{color:#7e8d72}.bubble{font-size:13px}.composer input,.composer textarea{font-size:14px}.memory-item p{font-size:12px;color:#526d43}.memory-provenance{color:#80906f}.trace-summary{color:#667f55}.gentle-note p{color:#778968}.empty-inline,.trace-empty{color:#7b9065}.message-label{color:#77896b}.nav-link{font-size:12px}.summary-card small{color:#7e8d70}.card>p:not(.subtle){color:#6f825c}.outcome-grid p{color:#788d64}.small-metrics span{color:#758b60}.composer-footer .text-button{font-size:11px}
@media(max-width:950px){.nav-link{font-size:0}}
/* Natural conversation is the default; explicit actions remain available for inspection. */
#debug-controls { margin: 12px 0; }
#debug-controls > summary { cursor: pointer; color: #5d6f54; font-size: 12px; padding: 6px 0; }
#debug-controls[open] > summary { margin-bottom: 10px; }
@media(max-width:950px) { .workspace-label, .sidebar-note, .sidebar-bottom, .brand-small { display: none; } }

body:not(.show-action-tags) .action-tag { display: none; }

.demo-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 16px; }
.demo-card { padding: 20px 22px; border: 1px solid #dbe5d4; border-radius: 16px; background: #fcfdf9; }
.demo-card:nth-child(2) { background: #f7f5fb; border-color: #e2ddee; }
.demo-card h2 { font-size: 18px; margin: 9px 0; color: #36503b; }
.demo-card p { font-size: 12px; line-height: 1.8; color: #67765e; margin: 0 0 16px; }
.demo-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.demo-actions .button { font-size: 12px; }
.connection-notice { font-size: 11px; line-height: 1.7; color: #56764b; padding: 10px 0 18px; overflow-wrap: anywhere; }
.connection-notice.warning { color: #947030; }
.demo-panel { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 17px 20px; background: #eff4e8; border: 1px solid #d5e1c8; border-radius: 13px; margin-bottom: 18px; }
.demo-panel[hidden] { display: none; }
.demo-panel strong { font-size: 14px; color: #36503b; }
.demo-panel p { font-size: 11px; line-height: 1.7; margin: 6px 0 0; color: #60774d; }
.demo-panel .demo-actions { flex-shrink: 0; }
.reply-source { display: block; margin-top: 7px; font-size: 10px; color: #69825a; overflow-wrap: anywhere; }
.reply-source.fallback { color: #947030; }
.viewing-demo .chat-history { height: auto; min-height: 300px; max-height: none; }
.live-dot.offline { background: #aaa58e; box-shadow: 0 0 0 4px #f1f0e9; }
#mode-badge { overflow-wrap: anywhere; max-width: 280px; letter-spacing: .3px; }
button:disabled { cursor: default; opacity: .5; }
@media(max-width:740px) { .demo-gallery { grid-template-columns: 1fr; } .demo-panel { align-items: flex-start; flex-direction: column; } .demo-card { padding: 18px; } #mode-badge { max-width: 190px; } }