*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Arial,sans-serif}.preview-shell{flex-direction:column;height:100dvh;display:flex}.preview-bar{color:#fff;background:#252525;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;font-size:11px;line-height:1.4;display:flex}.preview-bar nav{gap:6px;display:flex}.preview-bar button{font:inherit;color:#fff;cursor:pointer;background:0 0;border:1px solid #777;border-radius:4px;padding:4px 8px}.preview-bar button[aria-pressed=true]{background:#555}.preview-bar button:focus-visible{outline-offset:2px;outline:2px solid #fff}.preview-notes{color:#332b13;background:#fff4d6;flex:none;padding:10px 15px;font-size:12px;line-height:1.5}.original-frame{background:#fff;border:0;flex:1;width:100%;min-height:0}@media (max-width:520px){.preview-bar{flex-wrap:wrap;font-size:10px}}