.standalone-preview-nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.standalone-preview-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid currentColor;text-decoration:none;font:500 11px/1.5 system-ui,sans-serif}.standalone-preview-nav a[aria-current="page"]{font-weight:700;text-decoration:underline;text-underline-offset:5px}html[data-embedded="true"] .standalone-preview-nav{display:none!important}.website-preview-nav{padding:10px 24px;border-bottom:1px solid var(--line);background:var(--paper);color:var(--ink)}@media(max-width:600px){.standalone-preview-nav a{font-size:10px;padding:8px 10px}}
html[data-embedded="true"] .lab-control,html[data-embedded="true"] .design-switcher{display:none!important}html[data-embedded="true"] dialog{position:fixed;inset:auto 0 auto 0;top:var(--preview-dialog-top,24px);margin:0 auto;max-height:var(--preview-dialog-height,calc(100% - 48px));overflow:auto}
html[data-embedded="true"] .back-top{top:calc(var(--preview-dialog-top,24px) + var(--preview-dialog-height,700px) - 44px);bottom:auto}html[data-embedded="true"] .skip:focus{top:var(--preview-dialog-top,24px)}
/* The shell is the page's only scroll owner; frames grow to fit their full body. */
html[data-embedded="true"]{overflow:hidden}html[data-embedded="true"] body{display:flow-root}