.desktop-handoff{display:none}
@media (min-width:900px) and (pointer:fine){
  .desktop-handoff{margin:18px 0 6px;border:1px solid rgba(181,145,78,.32);border-radius:22px;background:linear-gradient(135deg,#171713,#27241e);color:#f3ede3;padding:22px;grid-template-columns:minmax(0,1fr) 190px;gap:24px;align-items:center}
  .desktop-handoff:not([hidden]){display:grid}
  .desktop-handoff-copy{display:grid;gap:8px}
  .desktop-handoff-copy>small{font-size:9px;letter-spacing:.18em;color:#c7a65e}
  .desktop-handoff-copy>strong{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.15}
  .desktop-handoff-copy>p{max-width:560px;margin:0;color:#b8b1a7;font-size:12px;line-height:1.55}
  .desktop-handoff-copy>span{margin-top:4px;color:#8e887f;font-size:10px}
  .desktop-handoff.is-ready .desktop-handoff-copy>span{color:#bcd0ae}
  .desktop-handoff-qr{position:relative;width:190px;height:190px;border-radius:18px;background:#f8f4ec;display:grid;place-items:center;overflow:hidden}
  .desktop-handoff-qr canvas{width:176px;height:176px;opacity:.15;transition:.25s}
  .desktop-handoff.is-ready .desktop-handoff-qr canvas{opacity:1}
  .desktop-handoff-qr>i{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#171713;color:#d2b36f;font-family:Georgia,serif;font-style:italic;font-size:17px;border:3px solid #f8f4ec}
  .desktop-handoff:not(.is-ready) .desktop-handoff-qr>i{opacity:.45}
}
.mobile-handoff-notice{margin:14px 0;border:1px solid rgba(91,123,75,.28);border-radius:16px;background:#eef4e9;padding:13px 15px;display:flex;align-items:center;gap:12px;color:#26361f}
.mobile-handoff-notice[hidden]{display:none}
.mobile-handoff-notice>span{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#607a54;color:white}
.mobile-handoff-notice strong,.mobile-handoff-notice small{display:block}
.mobile-handoff-notice strong{font-size:12px;margin-bottom:3px}
.mobile-handoff-notice small{font-size:10px;color:#64705f;line-height:1.45}
.handoff-close{display:none}
@media(min-width:900px){
  body.handoff-modal-open{overflow:hidden}
  .handoff-backdrop{position:fixed;inset:0;z-index:9997;border:0;background:rgba(8,8,7,.72);backdrop-filter:blur(8px);cursor:pointer}
  .desktop-handoff.is-modal{position:fixed;z-index:9998;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;width:min(760px,calc(100vw - 64px));margin:0;padding:38px;grid-template-columns:minmax(0,1fr) 230px;gap:34px;border-color:rgba(211,180,111,.58);border-radius:28px;box-shadow:0 35px 110px rgba(0,0,0,.55)}
  .desktop-handoff.is-modal .desktop-handoff-copy>small{font-size:11px}
  .desktop-handoff.is-modal .desktop-handoff-copy>strong{font-size:34px}
  .desktop-handoff.is-modal .desktop-handoff-copy>p{font-size:15px}
  .desktop-handoff.is-modal .desktop-handoff-copy>span{font-size:12px}
  .desktop-handoff.is-modal .desktop-handoff-qr{width:230px;height:230px}
  .desktop-handoff.is-modal .desktop-handoff-qr canvas{width:210px;height:210px}
  .desktop-handoff.is-modal .handoff-close{display:block;position:absolute;top:15px;right:17px;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.08);color:#f5efe5;font:300 29px/1 Arial,sans-serif;cursor:pointer}
  .handoff-close:hover{background:rgba(255,255,255,.16)}
  .handoff-close:focus-visible{outline:3px solid #d4b46f;outline-offset:3px}
}
.preview-item.is-remote button{display:none}