/* Publishing: preserve the original builder layout and add a compact library bar. */
.publish-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 20px; padding:14px 18px; border:1px solid var(--border, #e6e3dd); border-radius:14px; background:white; }
.publish-toolbar strong { display:block; font-size:13px; overflow-wrap:anywhere; }
.publish-toolbar small { display:block; color:#6b6675; font-size:12px; margin-top:4px; }
.publish-toolbar > div:last-child { display:flex; gap:8px; flex-shrink:0; }
.published-pet { display:grid; gap:8px; padding:18px 0; border-bottom:1px solid #e6e3dd; }
.published-pet small { color:#6b6675; overflow-wrap:anywhere; }
#published-result { margin-top:22px; }
#published-code { white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-word; }
#publish-error { margin:12px 0; }
@media(max-width:600px) { .publish-toolbar { align-items:flex-start; flex-direction:column; } .publish-toolbar > div:last-child { width:100%; } .publish-toolbar .button { flex:1; } }

.plan-pill { border:0; cursor:pointer; }
.plan-pill.pro { background:#211c2b; color:#fff; }
.plan-inline { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:14px 0 18px; padding:11px 13px; border:1px solid #e8e3ed; border-radius:12px; background:#faf8fb; }
.plan-inline strong { font-size:12px; letter-spacing:.05em; text-transform:uppercase; }
.plan-inline span { flex:1; min-width:180px; color:#6f6878; font-size:12px; }
.plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:18px 0; }
.plan-card { position:relative; padding:18px; border:1px solid #e6e1e9; border-radius:16px; background:#fff; }
.plan-card.pro { background:linear-gradient(180deg,#faf8ff,#fff); border-color:#d8cfee; }
.plan-card.current { box-shadow:inset 0 0 0 2px #7759c222; border-color:#b9a9dc; }
.plan-title { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:12px; }
.plan-title strong { font-size:20px; }
.plan-title span { color:#7a7284; font-size:11px; }
.plan-card ul { margin:0 0 16px; padding-left:18px; color:#615968; font-size:13px; line-height:1.75; }
.plan-current { display:inline-flex; padding:6px 9px; border-radius:999px; background:#f1edf8; color:#5d477d; font-size:11px; font-weight:700; }
.account-card { display:grid; gap:5px; padding:16px; margin:10px 0 18px; border:1px solid #e7e1eb; border-radius:14px; background:#faf8fb; }
.account-card strong { overflow-wrap:anywhere; }
.account-card span { color:#756d7d; font-size:12px; }
.auth-switch { margin:16px 0 0; color:#716979; font-size:13px; }
.auth-switch .text-button { font-size:13px; }
#auth-form .button[type="submit"] { width:100%; justify-content:center; }
@media(max-width:700px) { .plan-grid { grid-template-columns:1fr; } }