.ixpb-wrap { max-width: 760px; margin: 1rem auto; font: 400 16px/1.5 system-ui,sans-serif; }
.ixpb-row { margin: .75rem 0; display: grid; gap: .5rem; }
.ixpb-canvas-wrap { border: 1px solid #e2e8f0; padding: .5rem; background: #fff; display: flex; justify-content: center; }
#ixpb-preview { touch-action: none; cursor: grab; background: #f8fafc; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
#ixpb-preview.dragging { cursor: grabbing; }
#ixpb-status { margin-left: .75rem; }
.ixpb-link-inline { display:flex; gap:6px; align-items:center; }
#ixpb-link { width:100%; }
@font-face {
  font-family: 'Source Sans 3';
  src: url('https://new.immersive-x.de/wp-content/uploads/2023/06/source-sans-pro.regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('https://new.immersive-x.de/wp-content/uploads/2023/06/source-sans-pro.bold_.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.ixpb-submit-msg { background:#f1f5f9; border:1px solid #e2e8f0; padding:1rem; font-weight:600; }

.ixpb-user-frame { max-width: 420px; margin: 1rem auto; text-align: center; }
.ixpb-user-frame-btn { min-width: 240px; }
.ixpb-user-frame-feedback { display:flex; justify-content:center; align-items:center; gap:.5rem; min-height:1.5rem; margin-top:.75rem; font-size:14px; }
.ixpb-user-frame-spinner { width:18px; height:18px; border:2px solid #cbd5e1; border-top-color:#2563eb; border-radius:50%; animation:ixpb-spin 0.8s linear infinite; display:none; }
.ixpb-user-frame.loading .ixpb-user-frame-spinner { display:inline-block; }
.ixpb-user-frame.loading .ixpb-user-frame-btn { opacity:0.7; pointer-events:none; }
.ixpb-user-frame-meta { font-size:12px; color:#475569; margin-top:.5rem; }
@keyframes ixpb-spin { to { transform: rotate(360deg); } }