.web-preview-bar{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;min-height:40px;padding:4px clamp(16px,3vw,36px);background:#f5eee7;border-bottom:1px solid #d7c8ba;color:#604b41;font:12px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;z-index:6}
.web-preview-bar strong{font-weight:650}.web-preview-bar>span{flex:1;min-width:0;font-size:11px}.web-preview-bar button,.web-preview-bar>a,.web-preview-bar summary{display:inline-flex;align-items:center;justify-content:center;min-height:32px;font:inherit;font-size:11px;cursor:pointer;color:#70483b}.web-preview-bar button{border:1px solid #c7b3a3;border-radius:5px;background:#fff9f3;padding:5px 10px}.web-preview-bar>a{text-decoration:underline;text-underline-offset:3px;padding-inline:2px}.web-preview-bar details{margin-right:auto;min-width:0}.web-preview-bar summary{gap:6px;justify-content:start;list-style:none;font-weight:600}.web-preview-bar summary::-webkit-details-marker{display:none}.web-preview-bar summary::after{content:"⌄";font-size:13px}.web-preview-bar details[open] summary::after{content:"⌃"}.web-preview-bar details>p,.web-preview-bar .preview-explanation{margin:5px 0 8px;max-width:70em;font-size:11px;line-height:1.7;color:#624e43}.web-preview-bar details[open]{flex-basis:100%;order:3}.web-preview-bar details[open] summary{min-height:28px}.web-preview-bar :is(button,a,summary):focus-visible{outline:2px solid #8a4435;outline-offset:3px}
@media(max-width:680px){.web-preview-bar{padding:3px 14px;gap:4px 12px;min-height:50px}.web-preview-bar strong{font-size:11px}.web-preview-bar summary,.web-preview-bar button,.web-preview-bar>a{font-size:11px;min-height:44px}.web-preview-bar>span{display:none}.web-preview-bar button{padding:4px 8px}.web-preview-bar details>p{font-size:11px}.web-preview-bar details{max-width:calc(100% - 120px)}.web-preview-bar details[open]{max-width:100%}}
@media print{.web-preview-bar{display:none}}
#workspace-preview[hidden],#public-preview[hidden]{display:none!important}