.pec-bar{z-index:50;background:var(--cg-glass-bg-strong);-webkit-backdrop-filter:var(--cg-glass-blur-strong);backdrop-filter:var(--cg-glass-blur-strong);border-bottom:1px solid color-mix(in srgb, var(--cg-text) 8%, transparent);box-shadow:var(--cg-elev-2);align-items:center;gap:8px;padding:0 12px;display:flex;position:fixed;top:0;left:0;right:0}.pec-pill-group{background:color-mix(in srgb, var(--cg-bg) 60%, transparent);border-radius:6px;align-items:center;gap:2px;padding:3px;display:flex}.pec-pill{all:unset;font-size:11px;font-family:var(--cg-font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--cg-text-secondary);white-space:nowrap;border-radius:4px;align-items:center;min-height:26px;padding:4px 10px;font-weight:500;transition:background .12s,color .12s;display:flex}.pec-pill[data-active=true]{background:var(--cg-bg-surface);color:var(--cg-text)}.pec-pill[data-muted=true]{opacity:.4}.pec-pill:focus-visible{outline:2px solid var(--cg-accent);outline-offset:1px}.pec-section-left{flex:1;align-items:center;gap:8px;display:flex}.pec-section-center{justify-content:center;align-items:center;display:flex}.pec-section-right{flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex}.pec-sep{background:color-mix(in srgb, var(--cg-text) 12%, transparent);flex-shrink:0;width:1px;height:20px}.pec-no-draft{font-size:10px;font-family:var(--cg-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cg-text-muted);border:1px solid color-mix(in srgb, var(--cg-text) 10%, transparent);white-space:nowrap;border-radius:4px;padding:2px 7px}.pec-content-live{padding-top:var(--pec-bar-height,56px)}.pec-preview-container{top:var(--pec-bar-height,56px);background:var(--cg-bg);justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.pec-mobile-wrap{justify-content:center;align-items:center;height:100%;padding:16px;display:flex}.pec-desktop-wrap{box-sizing:border-box;justify-content:stretch;align-items:stretch;width:100%;height:100%;padding:16px;display:flex}.pec-desktop-wrap>*{flex:1;min-width:0;min-height:0}.pec-entry{z-index:50;pointer-events:none;position:fixed;top:14px;right:14px}.pec-entry>*{pointer-events:auto}@media (max-width:767px){.pec-bar{gap:4px;padding:0 8px}.pec-pill{min-height:36px;padding:4px 8px}.pec-section-left .pec-pill{display:none}.pec-entry{top:auto;bottom:calc(72px + env(safe-area-inset-bottom) + 12px)}}@media (prefers-reduced-motion:reduce){.pec-pill{transition:none}}