#demo{flex-wrap:wrap}.scope-switch{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:12px}.scope-switch>span{margin-right:5px;color:#8b8196}.scope-switch button{min-height:30px!important;padding:5px 10px!important}.scope-switch button[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:#fff}.scope-switch button[data-scope-guide]{background:transparent;border-color:transparent;padding:4px!important}.scope-note{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f7f4fc;border:1px solid #e5dbf2;border-radius:6px;padding:11px 14px;margin:-5px 0 22px;font-size:12px;color:#837290;line-height:1.5}.scope-note .linkbtn{white-space:nowrap;font-size:12px}.scope-note b{font-weight:500}.scope-optional{transition:filter .16s ease;position:relative}body[data-scope-mode=mvp] .scope-optional{filter:blur(3px);cursor:help}body[data-scope-mode=mvp] .scope-optional:hover,body[data-scope-mode=mvp] .scope-optional:focus,body[data-scope-mode=mvp] .scope-optional:focus-within{filter:none}body[data-scope-mode=mvp] .scope-optional:focus-visible{outline:2px solid #b39ad9;outline-offset:3px}#scope-tooltip{position:fixed;z-index:160;max-width:360px;width:calc(100vw - 24px);background:#fff;border:1px solid #d8c7ed;border-radius:8px;box-shadow:0 8px 30px #33224422;padding:13px 15px;color:#71647f;font-size:12px;line-height:1.55;pointer-events:none}#scope-tooltip b{display:block;color:#6032a6;margin-bottom:5px}#scope-tooltip span{display:block}@media(prefers-reduced-motion:reduce){.scope-optional{transition:none}}@media(max-width:800px){.scope-note{align-items:start;flex-direction:column;gap:8px}}