.lo .pp{flex-wrap:nowrap;align-items:flex-start}.lo .pp .low-product-form{min-width:0}.lo .pp-preview{flex:1 1;width:auto;min-width:0;max-width:520px}.lo .pp-list{display:grid;grid-gap:8px;gap:8px}.lo .pp-block{display:grid;grid-gap:6px;gap:6px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface)}.lo .pp-block-head{display:flex;align-items:center;justify-content:space-between}.lo .pp-block-tools{display:inline-flex;gap:2px}.lo .pp-block input,.lo .pp-block textarea{width:100%}.lo .pp-pair{display:grid;grid-template-columns:1fr 2fr;grid-gap:6px;gap:6px}.lo .pp-hint{margin:0;color:var(--muted);font-size:12px}.lo .pp-error{margin-top:8px;font-size:13px}.lo .pp-error,.lo .pp-hint.is-error{color:var(--danger)}.lo .pp-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;resize:vertical}.lo .pp-code-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.lo .pp-page--empty{display:grid;place-items:center;height:120px;border-radius:var(--radius-control);background:#e5e7eb;color:#6b7280;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px}.lo .pp-html{font-size:13px}.lo .pp-frame{overflow-x:hidden;overflow-y:auto;height:clamp(420px,100vh/var(--app-zoom,1) - 240px,680px);margin:0 auto;border:8px solid #1c1f26;border-radius:26px;background:#fff}.lo .pp-frame.is-mobile{width:375px;max-width:100%}.lo .pp-frame.is-pc{width:100%;border-width:4px;border-radius:10px}.lo .pp-hero{display:flex;flex-direction:column}.lo .pp-frame.is-pc .pp-hero{flex-direction:row;gap:16px;padding:16px}.lo .pp-image{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;font-size:40px;line-height:1}.lo .pp-frame.is-pc .pp-image{flex:none;width:45%;align-self:flex-start;border-radius:var(--radius-surface);overflow:hidden}.lo .pp-info{display:flex;flex-direction:column;gap:4px;padding:12px}.lo .pp-frame.is-pc .pp-info{flex:1 1;padding:0}.lo .pp-info p{margin:0}.lo .pp-title{font-size:16px}.lo .pp-blocks{display:grid;grid-gap:10px;gap:10px;padding:0 12px 12px}.lo .pp-frame.is-pc .pp-blocks{padding:0 16px 16px}.lo .pp-text{white-space:pre-wrap;font-size:13px;line-height:1.6}.lo .pp-video{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--radius-control)}.lo .pp-video--empty{display:grid;place-items:center;background:#e5e7eb;color:#6b7280;font-size:28px}.lo .pp-link{display:block;padding:10px 12px;border-radius:var(--radius-control);background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:700;text-align:center;text-decoration:none}.lo .pp-cta{position:-webkit-sticky;position:sticky;bottom:0;z-index:1;display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line);background:#fff;box-shadow:0 -4px 12px rgba(15,23,42,.06)}.lo .pp-cta-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.lo .pp-cta-info span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.lo .pp-cta-info b{font-size:14px}.lo .pp-cta .ui-button{flex:none;min-width:120px}.lo .pp-frame.is-pc .pp-cta{padding:12px 16px}.lo .pp-frame.is-pc .pp-cta .ui-button{min-width:180px}@media (max-width:900px){.lo .pp{flex-wrap:wrap}.lo .pp-preview{max-width:100%}}@media (min-width:901px){.lo .pp{align-items:stretch}.lo .pp .low-product-form{display:flex;flex-direction:column}.lo .pp .pp-body,.lo .pp .pp-body .low-editor,.lo .pp .pp-list{display:flex;flex:1 1;flex-direction:column;min-height:0}.lo .pp .pp-list{overflow-y:auto}.lo .pp .pp-block.is-html,.lo .pp .pp-block.is-htmlPage,.lo .pp .pp-block.is-text{display:flex;flex:1 1;flex-direction:column}.lo .pp .pp-block.is-htmlPage textarea,.lo .pp .pp-block.is-text textarea{flex:1 1;min-height:104px;resize:none}.lo .pp .pp-block.is-html .rte{display:flex;flex:1 1;flex-direction:column}.lo .pp .pp-block.is-html .rte-area,.lo .pp .pp-block.is-html .rte-code{flex:1 1;max-height:none}.lo .pp .pp-block.is-html .rte-code{min-height:160px;resize:none}.lo .pp .pp-block.is-html .fdrop,.lo .pp .pp-block.is-htmlPage .fdrop{flex:1 1}}.lo .low-phone-frame.is-pc{width:100%;border-width:4px;border-radius:10px}.lo .low-product-preview.is-pc{width:100%;flex:1 1;min-width:360px}