.demo-guide{color:var(--text-strong);font-family:var(--font-sans);font-size:.9375rem;line-height:1.5}.demo-guide__launcher{position:static;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--control-radius,10px);box-shadow:var(--panel-shadow,var(--shadow-md))}.demo-guide button{min-height:44px;padding:.625rem .875rem;border:1px solid var(--border-default);border-radius:var(--control-radius,10px);background:var(--surface-raised);color:var(--text-strong);font:inherit;font-weight:var(--weight-strong,600);cursor:pointer}.demo-guide button:disabled{cursor:not-allowed;opacity:.65}.demo-guide button:focus-visible,.demo-guide input:focus-visible,.demo-guide textarea:focus-visible,.demo-guide__panel:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.demo-guide__panel{position:fixed;z-index:72;right:max(1rem,env(safe-area-inset-right));bottom:calc(var(--demo-dock-height, 6rem) + .75rem);width:min(25rem,calc(100vw - 2rem));max-height:min(42rem,calc(100dvh - var(--demo-dock-height, 6rem) - 2rem));overflow:auto;overscroll-behavior:contain;border:var(--panel-border-width,1px) solid var(--border-default);border-radius:var(--panel-radius,16px);box-shadow:var(--panel-shadow,var(--shadow-lg));background:var(--surface-raised);padding:1rem}.demo-guide__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.demo-guide__header h2{margin:0;font-size:1.125rem;font-weight:var(--weight-heading,600)}.demo-guide__header button{font-size:1.5rem;min-width:44px;padding:.25rem}.demo-guide p{margin:.75rem 0;overflow-wrap:anywhere}.demo-guide__message,.demo-guide__notice,.demo-guide__status{background:var(--surface-subtle);padding:.75rem;border-radius:var(--control-radius,10px);color:var(--text-strong)}.demo-guide__status{font-weight:var(--weight-strong,600)}.demo-guide__notice{font-size:.875rem}.demo-guide__modes{display:grid;gap:.25rem;border:0;padding:0;margin:0}.demo-guide__modes legend{font-size:.875rem;font-weight:var(--weight-strong,600)}.demo-guide__modes label{display:flex;align-items:center;gap:.625rem;min-height:44px;cursor:pointer}.demo-guide input[type=radio]{width:1.125rem;height:1.125rem;accent-color:var(--action-primary)}.demo-guide .demo-guide__primary{color:var(--text-on-action);background:var(--action-primary);border-color:var(--action-primary)}.demo-guide .demo-guide__primary:not(:disabled):hover{background:var(--action-primary-hover)}.demo-guide form{display:grid;gap:.5rem;margin:1rem 0}.demo-guide form label{font-weight:var(--weight-strong,600)}.demo-guide textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:5rem;max-height:12rem;border:1px solid var(--border-strong);border-radius:var(--control-radius,10px);padding:.625rem;font:inherit;color:var(--text-strong);background:var(--surface-input)}.demo-guide small{display:block;font-size:.8125rem;color:var(--text-strong)}.demo-guide__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.25rem 0}.demo-guide__answer{border-inline-start:3px solid var(--action-primary);padding-inline-start:.75rem;white-space:pre-wrap}.demo-guide__highlight{position:fixed;z-index:65;pointer-events:none;border-radius:var(--control-radius,10px);outline:3px solid var(--focus-ring);outline-offset:3px;box-shadow:0 0 0 5px var(--surface-raised)}@media (max-width:480px){.demo-guide__panel{right:.5rem;width:calc(100vw - 1rem);box-sizing:border-box;max-height:calc(100dvh - var(--demo-dock-height, 6rem) - 2rem)}.demo-guide__launcher{max-width:calc(100vw - 1rem)}}@media (prefers-reduced-motion:reduce){.demo-guide *,.demo-guide :after,.demo-guide :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (max-width:480px){.demo-guide__panel[data-active=true]{max-height:min(48dvh,calc(100dvh - var(--demo-dock-height, 6rem) - 2rem))}}