.dev-preview-bar{box-sizing:border-box;width:min(484px,100%);margin:0 auto 12px;padding:12px 16px;background:#eaf3ff;border:2px solid var(--fortune-navy,#081241);color:var(--fortune-navy,#081241);font-family:var(--fortune-font-pixel,monospace);font-size:14px;line-height:1.5}
.dev-preview-title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px}.dev-preview-title strong{font-size:16px;font-weight:400}.dev-preview-title span{color:#234e86}.dev-preview-bar p{margin:8px 0}.dev-preview-quick{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.dev-preview-quick a,.dev-preview-bar button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 12px;border:2px solid #081241;background:#fffdf5;color:#081241;text-decoration:none;font:inherit;box-sizing:border-box}.dev-preview-quick a[aria-current]{background:#ffdf2d}.dev-preview-bar form{display:grid;grid-template-columns:1fr auto;gap:6px 8px;align-items:center}.dev-preview-bar label{grid-column:1/-1}.dev-preview-bar select{min-height:44px;min-width:0;width:100%;border:2px solid #081241;background:#fffdf5;color:#081241;padding:6px;font:inherit}.dev-preview-bar button{background:#ffdf2d;cursor:pointer}.dev-preview-bar :is(a,select,button):focus-visible{outline:3px solid #2387ff;outline-offset:3px}.dev-preview-bar small{display:block;margin-top:8px;font-size:12px;color:#234e86}