.site-preview-page{flex-direction:column;height:100%;display:flex;position:fixed;inset:0}.site-preview-notice{z-index:20;border-bottom:1px solid var(--blue-light);background:var(--text-white);color:var(--black);flex-shrink:0;padding:20px 24px;position:relative}.site-preview-notice-heading{align-items:flex-start;gap:14px;display:flex}.site-preview-notice-icon{background:var(--blue-light);width:44px;height:44px;color:var(--blue);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.site-preview-notice-title{margin:0;font-size:18px;font-weight:600;line-height:26px}.site-preview-notice-description{margin:4px 0 0;font-size:14px;line-height:22px}@media (width<=640px){.site-preview-notice{padding:16px}}.site-preview-content{flex:1;min-height:0;position:relative}.site-preview-page[data-ready=false] .site-preview-content,.site-preview-page[data-ready=false] .site-preview-notice{pointer-events:none}.site-preview-browser{position:absolute;inset:0}.site-preview-browser iframe{border:0;width:100%;height:100%;display:block}.site-preview-agent{z-index:1000;pointer-events:none;position:fixed;inset:0}.site-preview-agent-frame{pointer-events:auto;border:0;width:0;height:0;position:fixed;overflow:hidden}.preview-agent-surface{background:0 0;min-width:100%;min-height:100dvh;overflow:visible}.site-preview-notice-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.site-preview-notice-actions{flex-shrink:0;max-width:480px}.site-preview-expiration{color:var(--text-secondary);margin:4px 0 0;font-size:12px;line-height:18px}.site-preview-notice-message{flex:0 640px;width:48%;max-width:640px}.demo-message{border:1px solid var(--blue-light);background:color-mix(in srgb, var(--blue-light) 35%, var(--text-white));overflow-wrap:anywhere;border-radius:12px;gap:12px;padding:12px 16px;font-size:14px;line-height:20px;display:flex}.demo-message-icon{color:var(--blue);flex-shrink:0;padding-top:1px;display:flex}.demo-message-content{flex:1;min-width:0;max-height:120px;overflow-y:auto}.demo-message p{margin:0 0 4px}.demo-message a{color:var(--blue);text-decoration:underline}.demo-message ul{padding-left:20px;list-style:outside}.demo-message ol{padding-left:20px;list-style:decimal}@media (width<=900px){.site-preview-notice-row{flex-wrap:wrap;gap:12px}.site-preview-notice-actions{max-width:100%}.site-preview-notice-message{flex-basis:100%;width:100%}}.site-preview-page[data-mobile=true][data-agent-open=true] .site-preview-header{display:none}