.rb-sync-panel{margin:0 0 24px;padding:20px;border:1px solid #e6dccc;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(60,35,15,.06);font-family:'DM Sans',Arial,sans-serif}.rb-sync-panel h2{margin:2px 0 8px;padding:0;border:0;font-family:'Libre Baskerville',Georgia,serif;font-size:1.35rem}.rb-sync-panel p{margin:.35rem 0;color:#5f554c}.rb-sync-kicker{font-size:.72rem!important;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#b8432c!important}.rb-sync-privacy{font-size:.86rem}.rb-sync-actions,.rb-sync-controls{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:14px}.rb-sync-panel button,.rb-sync-existing button{border:1px solid #cfc1b3;border-radius:999px;background:#fff;color:#2b241d;padding:.65rem .95rem;font:700 .84rem 'DM Sans',Arial,sans-serif;cursor:pointer}.rb-sync-panel button:hover,.rb-sync-panel button:focus-visible{border-color:#b8432c;outline:0;box-shadow:0 0 0 3px rgba(184,67,44,.12)}.rb-sync-panel button:disabled{opacity:.6;cursor:wait}.rb-sync-panel .rb-sync-primary{background:#b8432c;border-color:#b8432c;color:#fff}.rb-sync-panel .rb-sync-danger{color:#8b2e24;border-color:#d9aaa2}.rb-sync-existing{width:100%;margin-top:6px}.rb-sync-existing summary{cursor:pointer;font-weight:700;color:#6d6258}.rb-sync-existing form{margin-top:12px}.rb-sync-existing label{display:block;font-weight:700;margin-bottom:5px}.rb-sync-key-row{display:flex;gap:8px}.rb-sync-key-row input{flex:1;min-width:0;padding:.7rem .85rem;border:1px solid #cfc1b3;border-radius:10px;font:inherit}.rb-sync-key-row input:focus{outline:0;border-color:#b8432c;box-shadow:0 0 0 3px rgba(184,67,44,.12)}.rb-sync-key-warning,.rb-sync-key-reveal{margin-top:14px;padding:13px 14px;border-radius:10px;background:#fff6df;border:1px solid #ead4a0}.rb-sync-key-warning code,.rb-sync-key-reveal code{display:block;margin-top:8px;padding:8px;background:#fff;border:1px solid #e6dccc;border-radius:8px;overflow-wrap:anywhere;user-select:all;font-size:.8rem}.rb-sync-key-reveal p{font-size:.8rem}.rb-sync-status{min-height:1.25em;margin-top:10px;font-size:.84rem;color:#397a40}.rb-sync-status.is-error{color:#9a3722}.rb-sync-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#397a40;margin-right:5px}@media(max-width:640px){.rb-sync-panel{padding:16px}.rb-sync-actions,.rb-sync-controls{align-items:stretch}.rb-sync-panel button{flex:1 1 46%;min-height:44px}.rb-sync-key-row{flex-direction:column}.rb-sync-existing button{width:100%;min-height:44px}}@media(prefers-reduced-motion:reduce){.rb-sync-panel *{scroll-behavior:auto!important;transition:none!important}}

/* Recipe Box feature art — actual image element, not a pseudo-element */
.rb-sync-feature-art{display:none}
@media (min-width:900px){
  .rb-sync-panel{
    position:relative;
    min-height:268px;
    padding:28px 310px 24px 26px;
    overflow:hidden;
  }
  .rb-sync-feature-art{
    display:block;
    position:absolute;
    right:28px;
    top:50%;
    width:245px;
    height:auto;
    max-height:220px;
    transform:translateY(-50%);
    object-fit:contain;
    pointer-events:none;
    user-select:none;
  }
}
@media (min-width:760px) and (max-width:899px){
  .rb-sync-panel{
    position:relative;
    min-height:250px;
    padding:24px 220px 22px 22px;
    overflow:hidden;
  }
  .rb-sync-feature-art{
    display:block;
    position:absolute;
    right:18px;
    top:50%;
    width:180px;
    height:auto;
    max-height:162px;
    transform:translateY(-50%);
    object-fit:contain;
    pointer-events:none;
    user-select:none;
  }
}