*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:#000}.preview-shell{display:flex;width:100%;height:100%;flex-direction:column}.preview-toolbar{position:relative;z-index:10;display:flex;min-height:52px;flex:0 0 auto;align-items:center;justify-content:space-between;gap:20px;padding:8px 18px;border-bottom:1px solid #d7d4ce;background:#f7f5f1;color:#171614;font-family:Arial,Helvetica,sans-serif}.preview-toolbar strong{font-size:11px;letter-spacing:.14em}.preview-toolbar div{display:flex;flex-wrap:wrap;gap:5px}.preview-toolbar button{border:1px solid #c7c3bb;border-radius:999px;padding:7px 12px;background:#fff;color:#171614;font:inherit;font-size:12px;cursor:pointer}.preview-toolbar button:hover,.preview-toolbar button:focus-visible,.preview-toolbar button.is-active{border-color:#171614;background:#171614;color:#fff}.site-snapshot{display:block;width:100%;min-height:0;flex:1 1 auto;border:0;background:#000}@media(max-width:620px){.preview-toolbar{align-items:flex-start;flex-direction:column;gap:7px}}.snapshot-error{min-height:100%;display:grid;place-content:center;gap:1rem;color:#f5f4ef;font-family:Arial,sans-serif;text-align:center}.snapshot-error h1{margin:0;font-size:2rem}.snapshot-error a{color:inherit}