.pe{position:fixed;inset:0;z-index:1000;overflow:hidden}.pe .bd-body{height:calc(100vh - 3.6rem)}@media (max-width:54rem){.pe .bd-panel,.pe .bd-preview{height:calc(100dvh - 3.6rem - 3.05rem)}}.pe-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.84rem;font-weight:600;color:var(--bd-muted);padding:.4rem .2rem;flex-shrink:0;transition:color .15s}.pe-back:hover{color:var(--bd-ink)}.pe-back+.bd-bizname{border-left:1px solid var(--bd-line);padding-left:.9rem;margin-left:.1rem}.pe-save-group{display:flex;align-items:center;gap:.8rem;flex-shrink:0}.pe-save-error,.pe-save-ok{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;white-space:nowrap}.pe-save-ok{color:var(--bd-good)}.pe-save-error{color:var(--bd-danger)}@media (max-width:40rem){.pe-save-error span,.pe-save-ok span{display:none}}@media (max-width:26rem){.pe-back span{display:none}.pe-back+.bd-bizname{padding-left:.6rem;margin-left:0}}.pe-preview-note{font-size:.74rem;color:var(--bd-faint);padding:.5rem 1.1rem;border-bottom:1px solid var(--bd-line);margin:0;flex-shrink:0}.pe-locked-note{display:flex;gap:.55rem;align-items:flex-start;background:var(--bd-panel);border:1px solid var(--bd-line);border-radius:var(--bd-radius-sm);padding:.75rem .9rem;margin-bottom:1.4rem;color:var(--bd-muted);font-size:.82rem;line-height:1.5}.pe-locked-note svg{flex-shrink:0;margin-top:.2rem;color:var(--bd-accent)}.pe-locked-note a{color:var(--bd-accent);font-weight:600}.pe-locked-note a:hover{text-decoration:underline}.pe-demo-banner{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:.6rem;background:var(--bd-accent);color:var(--bd-accent-ink);font-size:.8rem;font-weight:700;padding:.5rem 1rem;text-align:center}.pe:has(.pe-demo-banner) .bd-body{height:calc(100vh - 3.6rem - 2.15rem)}@media (max-width:54rem){.pe:has(.pe-demo-banner) .bd-panel,.pe:has(.pe-demo-banner) .bd-preview{height:calc(100dvh - 3.6rem - 3.05rem - 2.15rem)}}