.layout-float {
  display: grid;
  grid-template-columns: 280px 1fr 260px;
}

.workspace-relative { position: relative; }

.float-card {
  position: absolute;
  top: 56px;
  left: 16px;
  z-index: 20;
  width: 260px;
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
  overflow: hidden;
}

.float-card.collapsed .float-body { display: none; }

.float-toggle {
  width: 100%;
  border: 0;
  background: #eef3ff;
  padding: 10px 12px;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.float-body { padding: 8px 10px 10px; max-height: 360px; overflow: auto; }

.float-title {
  font-size: 11px;
  color: var(--muted);
  text-transform: uppercase;
  margin-bottom: 6px;
  font-weight: 700;
}

.editor-mock { flex: 1; min-height: 360px; }