.demo-controls{--dc-bronze:var(--eit-bronze,#9E6544);--dc-bronze-deep:var(--eit-bronze-deep,#7A4C32);--dc-stone:var(--eit-stone,#F6F4EC);--dc-stone-light:var(--eit-stone-light,#FBF9F5);--dc-rule:var(--eit-rule,#E4DCCF);--dc-ink:#000000;position:fixed;left:16px;bottom:16px;z-index:80;display:flex;flex-direction:column-reverse;gap:8px;width:min(400px,calc(100vw - 32px));font-family:var(--font-source-sans,Arial),Arial,sans-serif;font-size:14px;line-height:1.4;color:var(--dc-ink)}.demo-controls button{font:inherit;cursor:pointer}.demo-controls button:disabled{cursor:progress;opacity:.55}.demo-controls button:focus-visible{outline:2px solid var(--dc-bronze);outline-offset:2px}.demo-controls__bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;background:var(--dc-stone);border:1px dashed var(--dc-bronze)}.demo-controls__tag{background:var(--dc-ink);color:#ffffff;padding:2px 6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.demo-controls__viewing{flex:1 1 auto;min-width:0;text-align:left;background:none;border:0;padding:2px 4px;color:var(--dc-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-controls__viewing strong{color:var(--dc-bronze-deep)}.demo-controls__btn,.demo-walk__actions button,.demo-walk__foot>button,.demo-walk__stops button{background:#ffffff;border:1px solid var(--dc-bronze);color:var(--dc-bronze-deep);padding:3px 10px;font-size:13px}.demo-controls__btn:hover,.demo-walk__actions button:hover,.demo-walk__foot>button:hover:not(:disabled),.demo-walk__stops button:hover:not(:disabled){background:var(--dc-bronze);color:#ffffff}.demo-controls__list{list-style:none;margin:0;padding:0;max-height:min(60vh,520px);overflow-y:auto;background:#ffffff;border:1px dashed var(--dc-bronze)}.demo-controls__list li+li{border-top:1px solid var(--dc-rule)}.demo-controls__persona{display:block;width:100%;text-align:left;background:none;border:0;padding:8px 12px}.demo-controls__persona:hover:not(:disabled),.demo-controls__persona[aria-current=true]{background:var(--dc-stone-light)}.demo-controls__persona[aria-current=true]{box-shadow:inset 3px 0 0 var(--dc-bronze)}.demo-controls__persona-name{display:block;font-weight:600}.demo-controls__persona-role{font-weight:400;color:var(--dc-bronze-deep);font-size:12px}.demo-controls__persona-desc{display:block;color:#5E554C;font-size:13px}.demo-controls__hint,.demo-walk__hint{padding:6px 12px;font-size:12px;color:#5E554C}.demo-controls__error{margin:0;padding:6px 10px;background:#ffffff;border:1px solid #b42318;color:#B42318}.demo-walk{background:#ffffff;border:1px solid var(--dc-bronze);border-top:4px solid var(--dc-bronze);max-height:min(70vh,640px);display:flex;flex-direction:column}.demo-walk__head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px 0}.demo-walk__count{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dc-bronze-deep)}.demo-walk__actions{display:flex;gap:6px}.demo-walk__title{margin:4px 12px 8px;font-size:18px;font-weight:600;line-height:1.25}.demo-walk__body{overflow-y:auto;padding:0 12px 8px;display:flex;flex-direction:column;gap:8px}.demo-walk__body p{margin:0}.demo-walk__label{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dc-bronze-deep)}.demo-walk__ask{background:var(--dc-stone);border-left:3px solid var(--dc-bronze);padding:6px 10px}.demo-walk__points,.demo-walk__stops{margin:0;padding-left:18px}.demo-walk__stops{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;gap:6px}.demo-walk__note{font-size:12px;color:#5E554C}.demo-walk__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-top:1px solid var(--dc-rule)}.demo-walk__dots{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.demo-walk__dots button{width:10px;height:10px;padding:0;border:1px solid var(--dc-bronze);border-radius:50%;background:#ffffff}.demo-walk__dots button.is-done{background:var(--dc-rule)}.demo-walk__dots button.is-current{background:var(--dc-bronze)}@media print{.demo-controls{display:none}}