body{background:var(--color-bg);color:var(--color-ink);margin:0}.demo-bar{color:#fff;min-height:48px;font:12px var(--font-svp-body), sans-serif;background:#00263a;align-items:center;gap:16px;padding:8px 16px;display:flex}.demo-bar a{color:#fff;white-space:nowrap;text-decoration:none}.demo-bar>a:first-child{font-weight:700}.demo-bar>span{flex:1}.demo-bar select{color:#00263a;background:#fff;border-radius:6px;max-width:350px;padding:6px 10px}.demo-viewport{overflow-x:auto}.demo-viewport>div{min-width:1180px}.demo-viewport a:hover{filter:brightness(1.15);opacity:.8}.demo-viewport [data-demo-action]{cursor:pointer}.demo-notice{border:1px solid var(--color-line);max-width:min(500px,100vw - 40px);font:13px var(--font-svp-body), sans-serif;background:#fff;border-radius:12px;padding:16px;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 24px #00263a22}.demo-notice button{cursor:pointer;margin-left:12px}@media (max-width:760px){.demo-bar{flex-wrap:wrap;gap:8px}.demo-bar>span{flex-basis:85%;font-size:10px}.demo-bar select{max-width:75vw}}