.demo-main{max-width:1360px;margin:auto;padding:38px 5.6% 60px}.demo-heading{display:flex;justify-content:space-between;gap:25px;align-items:center}.demo-heading h1{font-size:clamp(30px,3.2vw,44px);letter-spacing:-1.5px;margin:12px 0}.demo-label{font-size:12px;letter-spacing:1px;font-weight:700}.demo-notice{margin:25px 0;padding:14px 18px;background:#eaf2e5;border-left:3px solid #558936;font-size:14px}.demo-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.4fr);gap:32px}.demo-controls{background:var(--soft);border:1px solid var(--line);padding:25px;border-radius:8px}.demo-controls h2,.demo-results h2{font-size:23px;letter-spacing:-.5px}.muted-text,.small{color:var(--muted)}.small{font-size:14px}.demo-main button{border:1px solid var(--ink);border-radius:5px;padding:11px 15px;font-size:14px;font-weight:600;cursor:pointer;min-height:44px}.demo-main button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:white;color:var(--ink)}.demo-main button:not(:disabled):hover{box-shadow:0 0 0 2px #85b36a}.demo-heading button{flex-shrink:0}fieldset{margin:25px 0 0;padding:18px 0 0;border:0;border-top:1px solid #cbd8db;min-width:0}legend{font-weight:700;padding-right:10px}fieldset p{font-size:14px;margin-bottom:13px}fieldset button{margin:10px 5px 10px 0}.consent{display:flex;align-items:flex-start;gap:10px;font-size:14px}.consent input{width:19px;height:19px;flex-shrink:0;accent-color:#426e2e;margin-top:3px}select{font:inherit;font-size:14px;background:white;border:1px solid #82989e;border-radius:4px;width:100%;padding:12px;margin-top:7px;color:var(--ink)}label[for=scenario]{font-size:14px}input:focus-visible,select:focus-visible{outline:3px solid #54862c;outline-offset:3px}.result-panel{border:1px solid var(--line);border-radius:8px;padding:26px;min-height:275px}.result-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:25px;flex-wrap:wrap}.demo-badge{background:var(--soft);padding:5px 10px;border-radius:4px;font-size:14px}.demo-badge[data-state=ready]{background:#eaf2e5;color:#345821}.demo-badge[data-state=blocked]{background:#fff0de;color:#794711}#message h3{font-size:21px;letter-spacing:-.5px;margin-bottom:10px}#message p{color:var(--muted)}.profile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:24px 0}.profile-metrics>div{padding:17px;background:var(--soft);border-radius:5px}.profile-metrics strong{display:block;font-size:26px;line-height:1.3}.profile-metrics span{font-size:14px;color:var(--muted)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;margin:15px 0}caption{text-align:left;font-weight:600;margin-bottom:10px}th,td{text-align:right;padding:12px 8px;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}th{font-weight:600}dl{font-size:14px;margin-top:22px}dt{font-weight:600}dd{margin:0 0 10px;color:var(--muted)}.demo-audit{padding:27px 0}.demo-audit>p{margin:10px 0}#events{padding-left:22px;font-size:14px}#events li{padding:8px 0;border-bottom:1px solid var(--line)}.demo-limits{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}[hidden]{display:none!important}@media(max-width:850px){.demo-layout{grid-template-columns:1fr}.demo-heading{align-items:flex-start;flex-direction:column}.demo-label{display:none}.demo-main{padding:28px 6% 40px}.demo-heading h1{letter-spacing:-1px}.result-panel,.demo-controls{padding:20px}}@media(max-width:380px){.profile-metrics{grid-template-columns:1fr}}
.demo-context{border-top:1px solid var(--line);padding:20px 0}.demo-context summary{cursor:pointer;font-weight:600;font-size:16px}.demo-context p{font-size:14px;color:var(--muted);margin-top:14px}