.public-demo-page{padding-bottom:92px}.public-demo-bar{position:fixed;inset:auto 18px 18px;z-index:35;display:flex;align-items:center;gap:24px;max-width:920px;margin:auto;padding:14px 20px;background:#f3f0e7;color:#242a23;border:1px solid #aaa99c;box-shadow:0 8px 28px #0002;font:14px/1.4 system-ui,sans-serif}.public-demo-bar a{color:inherit;text-decoration:none}.public-demo-back{display:flex;align-items:center;gap:8px;min-height:44px}.public-demo-bar label{display:flex;align-items:center;gap:12px}.public-demo-bar label>span{font-size:10px;letter-spacing:.12em;color:#a52e20}.public-demo-bar select{max-width:230px;min-height:44px;background:transparent;color:inherit;border:0;border-bottom:1px solid #aaa99c;border-radius:0;font:inherit;padding:4px 24px 4px 0}.public-demo-bar p{margin:0 0 0 auto;font-size:12px;color:#555d50}.public-demo-bar :is(a,select):focus-visible{outline:2px solid #bb3525;outline-offset:4px}.public-demo-missing{padding:10vh 8vw}.as-demo-action{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;background:#f3f0e7;color:#242a23}.as-demo-action span{font-size:12px}.as-demo-action a{display:inline-flex;align-items:center;gap:16px;min-height:44px;color:inherit;text-decoration:none;border-bottom:1px solid currentColor}.as-demo-action a:focus-visible{outline:2px solid #bb3525;outline-offset:4px}@media(max-width:600px){.public-demo-page{padding-bottom:132px}.public-demo-bar{inset:auto 10px max(10px,env(safe-area-inset-bottom));padding:8px 12px;gap:8px 16px;flex-wrap:wrap;justify-content:space-between}.public-demo-bar p{width:100%;margin:0;text-align:center;font-size:11px}.public-demo-bar select{max-width:180px}.as-demo-action{padding:12px 16px}.as-demo-action span{max-width:50%}}.public-demo-note{position:fixed;inset:0;max-width:min(520px,calc(100vw - 32px));margin:auto;padding:32px;background:#f3f0e7;color:#242a23;border:1px solid #aaa99c;font:16px/1.6 system-ui,sans-serif}.public-demo-note::backdrop{background:#10171099}.public-demo-note>span{font-size:11px;letter-spacing:.1em}.public-demo-note h2{font-size:28px;line-height:1.2;margin:16px 0}.public-demo-note button{min-height:44px;padding:10px 18px;background:#242a23;color:#f3f0e7;border:0;cursor:pointer}.public-demo-static-name,.public-demo-bar .public-demo-static-name{display:none}.public-demo-page{padding-bottom:150px}.public-demo-bar{max-width:1050px;display:grid;grid-template-columns:auto 1fr 1fr;gap:10px 24px}.public-demo-bar>p{grid-column:1/-1;margin:0;text-align:center}.public-demo-bar>.site-width-control{margin:0}.public-demo-bar .site-width-control>label{display:grid;grid-template-columns:auto 1fr;font-size:13px;gap:12px}.public-demo-bar .site-width-control select{width:100%;max-width:none;padding:6px 22px 6px 0;font-size:14px}.public-demo-bar .site-width-control>small{font-size:11px}@media(max-width:650px){.public-demo-page{padding-bottom:210px}.public-demo-bar{grid-template-columns:1fr 1fr;gap:6px 14px;padding:10px 12px}.public-demo-back{grid-column:1/-1;min-height:28px;font-size:12px}.public-demo-bar>label{display:block;min-width:0}.public-demo-bar>label>span{display:block}.public-demo-bar select{width:100%;max-width:100%;font-size:13px}.public-demo-bar .site-width-control>label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.public-demo-bar .site-width-control select{display:block;text-transform:none;letter-spacing:normal;font-size:13px}.public-demo-bar .site-width-control>small{display:none}}