.editor-preview-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;width:100%;min-width:0;display:grid}.editor-preview-trigger{background:var(--surface,#fff);color:var(--text,#281e2a);font:inherit;cursor:pointer;border:1px solid #bdb7be;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;display:flex}.editor-preview-trigger svg{width:18px}.editor-preview-panel{color:#281e2a;box-sizing:border-box;background:#f9f7f8;border:1px solid #ddd6dc;border-radius:20px;min-width:0;padding:14px}.editor-preview-panel header{justify-content:space-between;align-items:center;gap:10px;display:flex}.editor-preview-panel header div{gap:5px;display:grid}.editor-preview-panel small,.editor-preview-panel p{color:#706570;font-size:11px}.editor-preview-panel header button{cursor:pointer;min-width:44px;min-height:44px;color:inherit;background:0 0;border:0}.editor-preview-panel p{line-height:1.7}.editor-preview-panel iframe{background:#241b24;border:0;border-radius:18px;width:100%;height:min(680px,75dvh);display:block}@media (min-width:1100px){.editor-preview-layout{grid-template-columns:minmax(0,1fr) 370px}.editor-live-preview{position:sticky;top:20px}.editor-preview-trigger,.editor-preview-panel header button{display:none}}@media (max-width:1099px){.editor-live-preview{grid-row:1}.editor-live-preview.is-open .editor-preview-panel{z-index:10000;padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));border:0;border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0}.editor-preview-panel iframe{flex:1;height:100%;min-height:0}}