.editor-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.editor-preview-layout>.editor-grid{grid-template-columns:1fr;min-width:0}.editor-mobile-preview{position:sticky;top:88px;max-height:calc(100dvh - 108px);overflow-y:auto;padding:16px;background:#f8f5ef;border:1px solid #25463b25;border-radius:12px;min-width:0}.editor-preview-title strong{display:block;font-size:16px;color:#25463b}.editor-preview-title small{display:block;margin-top:5px;color:#758172;font-size:11px}.editor-mobile-preview>.editor-field{margin:16px 0}.editor-mobile-preview>p{font-size:11px;line-height:1.6;color:#758172;margin:16px 0 0}.editor-phone{position:relative;width:244px;height:478px;overflow:hidden;border:5px solid #35463b;border-radius:25px;background:#fff;margin-inline:auto}.editor-phone iframe{position:absolute;left:0;top:0;width:390px;height:780px;border:0;transform:scale(.6);transform-origin:top left}
@media(max-width:1100px){.editor-preview-layout{grid-template-columns:minmax(0,1fr) 256px;gap:14px}.editor-mobile-preview{padding:10px}.editor-phone{width:234px;height:462px;border-width:3px}.editor-phone iframe{transform:scale(.5846)}}
@media(max-width:850px){.editor-preview-layout{display:flex;flex-direction:column}.editor-mobile-preview{position:sticky;top:80px;max-height:none;overflow:visible;z-index:20;width:100%;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:10px;align-items:start}.editor-mobile-preview .editor-preview-title{grid-column:1}.editor-mobile-preview>.editor-field{grid-column:1;margin:0}.editor-mobile-preview>p{grid-column:1;margin:0}.editor-mobile-preview .editor-phone{grid-column:2;grid-row:1/span 3;width:135px;height:260px;border-width:5px;border-radius:18px}.editor-mobile-preview .editor-phone iframe{transform:scale(.32)}.editor-preview-layout>.editor-grid{width:100%}}

/* Horizontal clipping must not make body an unbounded sticky scroll container. */
body{overflow-x:clip}